本篇的相关参考代码地址：https://github.com/livoras/simple-virtual-dom
自己的代码整理：https://github.com/wxx2258/front-end-knowledge/tree/master/js%E6%A1%86%E6%9E%B6/react.js目录：
- 前言
- 对前端应用状态管理思考
- Virtual DOM 算法
- 算法实现：
- 用js对象模拟DOM树
- 比较两棵虚拟DOM树的差异
- 把差异应用到真正的DOM树上
- 结语
- Refernces
前端图片优化
web缓存（三）-HTML5缓存
web缓存
- 什么是web缓存：
- Web缓存是指一个Web资源（如html页面，图片，js，数据等）存在于Web服务器和客户端（浏览器）之间的副本。缓存会根据进来的请求保存输出内容的副本；当下一个请求来到的时候，如果是相同的URL，缓存会根据缓存机制决定是直接使用副本响应访问请求，还是向源服务器再次发送请求。
- 本篇主要讲的是HTML5缓存
web缓存（二）-浏览器缓存
web缓存
- 什么是web缓存：
- Web缓存是指一个Web资源（如html页面，图片，js，数据等）存在于Web服务器和客户端（浏览器）之间的副本。缓存会根据进来的请求保存输出内容的副本；当下一个请求来到的时候，如果是相同的URL，缓存会根据缓存机制决定是直接使用副本响应访问请求，还是向源服务器再次发送请求。
本篇只着重介绍浏览器缓存
- Web缓存是指一个Web资源（如html页面，图片，js，数据等）存在于Web服务器和客户端（浏览器）之间的副本。缓存会根据进来的请求保存输出内容的副本；当下一个请求来到的时候，如果是相同的URL，缓存会根据缓存机制决定是直接使用副本响应访问请求，还是向源服务器再次发送请求。
web缓存（一）-服务器缓存
web缓存
- 什么是web缓存：
- Web缓存是指一个Web资源（如html页面，图片，js，数据等）存在于Web服务器和客户端（浏览器）之间的副本。缓存会根据进来的请求保存输出内容的副本；当下一个请求来到的时候，如果是相同的URL，缓存会根据缓存机制决定是直接使用副本响应访问请求，还是向源服务器再次发送请求。
本篇只着重介绍服务器缓存
- Web缓存是指一个Web资源（如html页面，图片，js，数据等）存在于Web服务器和客户端（浏览器）之间的副本。缓存会根据进来的请求保存输出内容的副本；当下一个请求来到的时候，如果是相同的URL，缓存会根据缓存机制决定是直接使用副本响应访问请求，还是向源服务器再次发送请求。
javascript模块化的初步探索
什么是javascript模块化
现在的前端开发， 愈来愈趋向于桌面应用，需要团队合作，管理。开发一个新的页面，我们可能需要加载其他别人写好的模块，这个时候，我们就需要javascript模块化。
模块：简单来说就是实现特定功能的一组方法。
原生ajax总结
ajax介绍
- ajax是一种无刷新网页得和服务器交换数据的一种技术。
- AJAX是不能跨域的，如需跨域，可以使用document.domain=’a.com’；或者使用服务器代理，代理XMLHttpRequest文件。
- 跨域有许多解决方案，jsonp、 iframe、window.name、window.postMessage、服务器上设置代理页面。
文件上传
文件上传
简单来说，文件上传的方式可以分为两种
- 同步上传文件（页面锁死，需要等待文件上传完毕，上传完之后页面需要刷新）
- 异步上传
同步上传文件
传统的上传文件方式就是form表单上传，这是属于同步上传。
使用方法很简单 ，只需要指定表单的 enctype为multipart/form-data