vue网站模板(前端知识杂记)

一:HTTP和HTTPSHTTP是超文本传输协议,用于浏览器器端和服务器端传输信息,信息是通过明文传输;HTTPS是SSL+HTTP协议构建的可进行加密传输、身份认证(确认网站真实性)的网络协议。二:VUE模板编译过程模板编译过程就是把用户写的模板经过一系列处理最终生成render函数的过程。VUE会把用户在template标签中写的内容进行编译,把原生的HTML标签找出来,再把非HTML标签找出来,经过一系列的逻辑处理生成渲染函数,也就是render函数;而render函数会将模板内容生成对应的VNode,而VNode再经过patch过程得到将要渲染到视图中的 VNode,最后根据VNode创建真实的DOM节点并插入到视图中,完成视图渲染更新。模板内部流程(一系列处理)1.parse解析函数,通过正则等方式解析模板中的指令、class、style等数据形成AST(抽象语法树,有自己的name、attributes、children等属性,一个HTML标签就相当于有这些属性的js对象)。2.optimize优化函数,遍历AST找出其中的静态节点并打上标记(这是VUE在编译过程的一处优化,DOM-DIFF算法会直接跳过静态节点,从而减少了比较过程,优化了patch性能)。3.generate生成函数,将AST转换成render函数字符串。PATCH过程(diff算法)patch -> patchVNode ->updateComponent


本文出自快速备案,转载时请注明出处及相应链接。

本文永久链接: https://www.xiaosb.com/beian/42383/