React为此引入了虚拟DOM（Virtual DOM）的机制。基于React进行开发时所有的DOM构造都是通过虚拟DOM进行，每当数据变化时，React都会重新构建整个DOM树，然后React将当前整个DOM树和上一次的DOM树进行对比，得到DOM结构的区别，然后仅仅将需要变化的部分进行实际的浏览器DOM更新。尽管每一次都需要构造完整的虚拟DOM树，...

cookie、sessionStorage、localStorage 详解及应用场景 Cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在，而Web Storage仅仅是为了在本地“存储”数据而生 cookie Cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在 了解cookie 要表示唯一的一个cookie值需要：name、domain、path 一个cookie就是...

浏览器同源政策以及JS跨域 同源是指协议相同、域名相同、端口相同。同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取数据。 同源策略主要限制下面三种情况 Cookie 无法读取 DOM 无法获得 AJAX 请求不能发送 同源策略的本意是为了保证用户的信息安全。但有时也会带来不便，下面我们来看一下怎样规避同源的...

DOM事件 事件我们经常用到，用起来也比较简单，今天我们主要聊一下DOM事件流、事件的兼容性、事件代理。 DOM事件流 DOM处理事件的流程 事件传递的3个过程 capture phase ：事件的捕获过程；从DOM树的最顶端，直到捕获到出发这个事件的节点的父元素 target phase：事件的触发过程 bubble phase：事件的冒泡阶段，将会从当...

JavaScript语言的一大特点就是单线程，单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。如果前一个任务耗时很长，后一个任务就不得不一直等着。

当我们用JS代码创建一个引用类型的时候（以下简称对象），JS引擎会在内存中开辟一块空间来存放数据，并把指针引用交给那个变量。内存是有限的，JS引擎必须保证当开辟的对象没用的时候，把所分配的内存空间释放出来，这个过程叫做垃圾回收，负责回收的叫做垃圾回收器。 内存泄漏是指我们已经无法再通过JS代码来引用到某个...

meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等！

关于网页性能 网页性能管理是一个很大的话题，最近在复习相关的知识，小结一下。 页面加载顺序 网页生成的过程大致如下： HTML代码转化成DOM CSS代码转化成CSSOM（CSS Object Model） 结合DOM和CSSOM，生成一棵渲染树（包含每个节点的视觉信息） 生成布局（layout），即将所有渲染树的所有节点进行平面合成 将布局绘制（...

在前端开发过程中，我们经常要上传文件，这是我们就要用 <input type="file" name="file">这是原生的写法，看起来不是很美观。下面我们聊一种比较优雅的实现方法。

可维护性：根据定义，每个模块都是独立的。良好设计的模块会尽量与外部的代码撇清关系，以便于独立对其进行改进和维护。维护一个独立的模块比起一团凌乱的代码来说要轻松很多。

慕课 《React.js入门基础与案例开发》 总结 最近在慕课网听了React入门的项目，写篇文章小结一下，为这个课程画上一个句号。 1.预备知识 这个课程的内容是用React写一个新闻网页，我们用npm来管理项目，且使用webpack模块打包机进行打包。 1.1 关于npm npm通常称为node包管理器。顾名思义，它的主要功能就是管理node包，...

javascript中有一些操作比较耗时，如ajax操作，面对这样的情况，我们通常会指定回调函数。所谓回调函数就当这些操作结束后，应该调用哪些函数。

JavaScript中的继承 以下讨论中，我们以Animal作为父类，Cat作为子类，使Cat继承Animal。 {代码...} 一、构造函数继承 使用call、apply方法，将父对象的构造函数绑定在子对象上. 代码如下： {代码...} 二、prototype模式 如果Cat.prototype对象指向一个Animal实例，那么所有的Cat的实例就能继承Animal了. 代码如下： {代...