![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习笔记
virgo_ling
这个作者很懒,什么都没留下…
展开
-
三大框架对比系列-生命钩子
vue react 创建实例 constructor()如果不初始化 state 或不进行方法绑定,则不需要为 React 组件实现构造函数。在 React 组件挂载之前,会调用它的构造函数。 实例创建后 beforeCreate()在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用 componentWillMo...原创 2019-11-06 16:57:49 · 212 阅读 · 0 评论 -
webpack笔记:
1、分离less到独立的css 使用less之前还需要安装less插件 npm i less --save-dev npm i extract-text-webpack-plugin --save-dev 修改在配置文件webpack.config const webpack = require('webpack') const path = require('path')...原创 2019-01-30 17:57:13 · 178 阅读 · 0 评论 -
Babel的presets和plugins笔记
Babel是一个工具链,主要用于将ECMAScript 2015+版本的代码转换为向后兼容的JavaScript语法,以便能够运行在当前和旧版本的浏览器或其他环境中。 常用的preset 1.babel-preset-env: 用于编译es6语法, 是一个新的 preset,可以根据配置的目标运行环境(environment)自动启用需要的 babel 插件。 2.babel-preset-es2...转载 2019-06-25 10:13:40 · 616 阅读 · 0 评论 -
预加载、预取和其他标记
原文地址:https://python.freelycode.com/contribution/detail/1502 Python部落(python.freelycode.com)组织翻译,禁止转载,欢迎转发。 有多种方法可以提高Web性能(全面了解,请参阅Web性能101)。其中一种方法是预先加载您稍后需要的内容。预取CSS文件,预呈现整个页面,或者提前解析域——当真的需要时,您不必等待!听起...转载 2019-06-27 14:48:02 · 463 阅读 · 0 评论 -
性能优化小计
一、获取到html后得渲染过程 1、解析HTML标签,根据 的匹配关系,生成DOM 树 2、解析的同时,遭遇css或js引用时,开始请求css和js的服务器资源 3、解析css按一定规则,生成CSSOM树(解析顺序是从上至下,从右至左,继承后层叠父级样式),此时js引擎关闭, 4、CSSOM 构建完成后,通知开启js引擎,执行js 5、CSSOM 和DOM合成渲染树(只关注显示部分,不含隐藏部分)...原创 2019-06-27 19:05:46 · 126 阅读 · 0 评论