炫意html5
最早CSS3和HTML5移动技术网站之一

2019年08月文章

设计模式之迭代器模式 – 深入理解JavaScript系列 35

介绍 迭代器模式(Iterator):提供一种方法顺序一个聚合对象中各个元素,而又不暴露该对象内部表示。 迭代器的几个特点是: 访问一个聚合对象的内容而无需暴露它的内部表示。 为遍历不同的集合结构提供一个统一的接口,从而支持同样的算法在不同...

设计模式之命令模式 – 深入理解JavaScript系列 34

介绍 命令模式(Command)的定义是:用于将一个请求封装成一个对象,从而使你可用不同的请求对客户进行参数化;对请求排队或者记录请求日志,以及执行可撤销的操作。也就是说改模式旨在将函数的调用、请求和操作封装成一个单一的对象,然后对这个对象...

设计模式之策略模式 – 深入理解JavaScript系列 33

介绍 策略模式定义了算法家族,分别封装起来,让他们之间可以互相替换,此模式让算法的变化不会影响到使用算法的客户。 正文 在理解策略模式之前,我们先来一个例子,一般情况下,如果我们要做数据合法性验证,很多时候都是按照swith语句来判断,但是...

设计模式之观察者模式 – 深入理解JavaScript系列 32

介绍 观察者模式又叫发布订阅模式(Publish/Subscribe),它定义了一种一对多的关系,让多个观察者对象同时监听某一个主题对象,这个主题对象的状态发生变化时就会通知所有的观察者对象,使得它们能够自动更新自己。 使用观察者模式的好处...

设计模式之代理模式 – 深入理解JavaScript系列 31

介绍 代理,顾名思义就是帮助别人做事,GoF对代理模式的定义如下: 代理模式(Proxy),为其他对象提供一种代理以控制对这个对象的访问。 代理模式使得代理对象控制具体对象的引用。代理几乎可以是任何对象:文件,资源,内存中的对象,或者是一些...

Vue优化:常见会导致内存泄漏问题及优化

如果你在用 Vue 开发应用,那么就要当心内存泄漏的问题。这个问题在单页应用 (SPA) 中尤为重要,因为在 SPA 的设计中,用户使用它时是不需要刷新浏览器的,所以 JavaScript 应用需要自行清理组件来确保垃圾回收以预期的方式生效...

vue自定义指令导致的内存泄漏问题解决

vue的自定义指令是一个比较容易引起内存泄漏的地方,原因就在于指令通常给元素绑定了事件,但是如果忘记了解绑,就会产生内存泄漏的问题。 看下面代码: 起初,我忘记了些注释的unbind方法,导致出现了内存泄漏,给元素绑定的scroll方法,会...

英国网络安全机构督促开发者淘汰 Python 2

NCSC 警告如果继续使用 Python 2.x 开发的模块,将会面临安全风险,因为漏洞总会出现,而新的漏洞不会再有人修正。 NCSC 称,如果你维护了一个其他人依赖的库,你可能会阻止其他人更新到 Python 3。如果你无法将代码升级到 ...

实现CSS实现文字图片水平垂直居中的最全方法

关于文字和图片的水平垂直居中,在前端界绝对算是一个老生常谈的问题了,尤其是垂直居中,什么千奇百怪的解法都能想的出来。下面我就总结一些比较常用的方法: 一、文本的水平垂直居中:  1、水平居中: 是不是很开心?超级简单的问题,一个t...

CSS3的Rem布局原理和布局方案(附源码)

Rem认识 rem和em很容易混淆,其实两个都是css的单位,并且也都是相对单位,现有的em,css3才引入的rem,在介绍rem之前,我们先来了解下em em em作为font-size的单位时,其代表父元素的字体大小,em作为其他属性单...

URL加载,缓存,CDN,图片,渲染,CSS,DOM等前端性能优化技术

从输入URL加载起看方向 从输入 URL 到页面加载完成的过程: 首先做 DNS 查询,如果这一步做了智能 DNS 解析的话,会提供访问速度最快的 IP 地址回来 接下来是 TCP 握手,应用层会下发数据给传输层,这里 TCP 协议会指明两...

HTML/CSS浏览器页面回流和重绘

面呈现流程  在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解,页面是怎么把html结合css等显示到浏览器上的,下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。 1.  浏览器把获...

设计模式之外观模式 – 深入理解JavaScript系列 30

介绍 外观模式(Facade)为子系统中的一组接口提供了一个一致的界面,此模块定义了一个高层接口,这个接口值得这一子系统更加容易使用。 正文 外观模式不仅简化类中的接口,而且对接口与调用者也进行了解耦。外观模式经常被认为开发者必备,它可以将...

CSS/CSS3制做书籍目录(附源码)

本文是一个使用纯CSS制做书籍目录效果的实际案例,开发了源码下载。 目录效果演示 CSS3制做书籍目录 16 WebSocket的JavaScript例子 29 websocket与node.js的完美结合 59 CSS3中文手册 252 ...

设计模式之装饰者模式 – 深入理解JavaScript系列 29

介绍 装饰者提供比继承更有弹性的替代方案。 装饰者用用于包装同接口的对象,不仅允许你向方法添加行为,而且还可以将方法设置成原始对象调用(例如装饰者的构造函数)。 装饰者用于通过重载方法的形式添加新功能,该模式可以在被装饰者前面或者后面加上自...

设计模式之工厂模式 – 深入理解JavaScript系列 28

介绍 与创建型模式类似,工厂模式创建对象(视为工厂里的产品)时无需指定创建对象的具体类。 工厂模式定义一个用于创建对象的接口,这个接口由子类决定实例化哪一个类。该模式使一个类的实例化延迟到了子类。而子类可以重写接口方法以便创建的时候指定自己...

设计模式之建造者模式 – 深入理解JavaScript系列 27

介绍 在软件系统中,有时候面临着“一个复杂对象”的创建工作,其通常由各个部分的子对象用一定的算法构成;由于需求的变化,这个复杂对象的各个部分经常面临着剧烈的变化,但是将它们组合在一起的算法确相对稳定。如何应对这种变化?如何提供一种“封装机制...

设计模式之构造函数模式 – 深入理解JavaScript系列 26

介绍 构造函数大家都很熟悉了,不过如果你是新手,还是有必要来了解一下什么叫构造函数的。构造函数用于创建特定类型的对象——不仅声明了使用的对象,构造函数还可以接受参数以便第一次创建对象的时候设置对象的成员值。你可以自定义自己的构造函数,然后在...

设计模式之单例模式 – 深入理解JavaScript系列 25

介绍 从本章开始,我们会逐步介绍在JavaScript里使用的各种设计模式实现,在这里我不会过多地介绍模式本身的理论,而只会关注实现。OK,正式开始。 在传统开发工程师眼里,单例就是保证一个类只有一个实例,实现的方法一般是先判断实例存在与否...

JavaScript与DOM(下) – 深入理解JavaScript系列 24

介绍 上一章我们介绍了JavaScript的基本内容和DOM对象的各个方面,包括如何访问node节点。本章我们将讲解如何通过DOM操作元素并且讨论浏览器事件模型。 本文参考:http://net.tutsplus.com/tutorials...

CSS3教程HTML5教程