现代前端技术解析笔记一

web前端技术基础

一、概述

1、前端项目的管理和维护。在这个方面，我们必须考虑用模块化和组件化的思路来管理（采用代码管理中分治的思想，将复杂的代码结构拆分成多个独立、简单、解耦合的结构或文件分开管理，使项目结构更加清晰）。

2、HTML5中组件化web Component的一种实现方式，它通过自定义标签的方式来封装一部分独立的结构功能代码块。

3、在Angular2框架中，使用TypeScript语言的装饰器来描述声明一个前端页面组件。  

4、Node.js是一个基于Chrome V8引擎的JavaScript运行环境，使用了时间驱动、非阻塞式I/O的模型，十七轻量又高效，它使用的包管理器为npm。  

二、浏览器渲染引擎  

1、工作流程：解析HTML构建DOM树、构建渲染树、渲染树布局、绘制渲染树。  

2、渲染引擎通过解析HTML文本形成了对象化的DOM树，但要讲DOM树渲染到浏览器窗口中形成有样式的内容，仍需要结合CSS规则生成一个带有节点CSS样式描述的DOM树。  

三、浏览器数据持久储存技术  

1、http文件缓存

2、locaStorage：html5的一种本地缓存方案。

3、sessionStorage：和locaStorage功能类似，但是sessionStorage在浏览器关闭时会自动清空。

4、cookie：网站为了辨别用户身份或session跟踪而储存在用户浏览器端的数据。

5、WebSQL：浏览器用于储存较大量数据的缓存机制，不过这只有较新版本的Chrome浏览器支持该机制，并以一个独立浏览器端数据储存规范的形式出现。  

6、IndexDB：一个可在客户端存储大量结构化数据并且能在这些数据上使用索引进行高性能检索的一套API。

7、Application Cache：一种允许浏览器通过manifest配置文件在本地有选择性地存储JavaScript、CSS、图片等静态资源的文件级缓存机制。

8、***Storage：在ServiceWorker规范中定义的，可用于保存每个ServiceWorker声明Cache对象。

9、Flash缓存：目前用的较少，它主要基于网页端Flash,具有读写浏览器端本地目录的功能。

#笔记##前端#