在nodejs中，通过puppeteer来获取web页面中的window.performance对象，从而分析页面的性能
什么是react按需加载？简单来说就是当我们引用antd的时候需要引入全局css样式，这会对性能造成一定的影响，那么使用按需加载以后就不需要引入css全局样式了，直接引入功能模块即可，既然需要设置按需加载就要对webpack文件进行修改，需要我们执行npm run eject命令来展开项目的隐藏文件 ...
分类：
其他好文 时间：
2019-04-06 09:17:28
阅读次数：
141
1、引入loading组件(想引入几个组件，就在{}里面写入几个组件) 2、注册loading组件(有几个组件，就在component里面按照样子写几个) 3、调用loading组件 4、设置loading样式 ...
分类：
其他好文 时间：
2019-04-03 12:15:34
阅读次数：
299
在 ReactJS 较为初级的使用 antd mobile 使用时候直接加载 node_modules 文件中的相关 CSS，这个使用方法效率低；更高明的方法则按需加载，需要设置如下： 1. 在 package.json 的 babel 配置里的 plugins 项里添加 如下代码: 参考： 1. ...
分类：
Web程序 时间：
2019-03-21 01:00:07
阅读次数：
227
lazyload https://webpack.js.org/guides/lazy-loading/ 懒加载 -- 按需加载。 Lazy, or "on demand", loading is a great way to optimize your site or application. T ...
分类：
Web程序 时间：
2019-03-15 09:22:58
阅读次数：
217
延时加载:也叫懒加载 2.1 延迟加载 延迟加载又叫懒加载，也叫按需加载。也就是说先加载主信息，在需要的时候，再去加载从信息。 在mybatis中，resultMap标签 的association标签和collection标签具有延迟加载的功能。 默认是即时加载,在配置完上面的一系列信息之后,只要打 ...
分类：
其他好文 时间：
2019-03-05 23:14:28
阅读次数：
220
npm 是node.js下带的一个包管理工具 npm install -g webpack webpack是一个打包工具 gulp是一个基于流的构建工具，相对其他构件工具来说，更简洁更高效 webpack是模块化管理的工具，使用webpack可实现模块按需加载，模块预处理，模块打包等功能。 ...
分类：
Web程序 时间：
2019-02-14 23:52:34
阅读次数：
207
然后子路由组件会报错。 Add "publicPath": "/" to .webpackrc or .roadhogrc can fix this issue ...
分类：
其他好文 时间：
2019-01-28 10:47:49
阅读次数：
590
首屏优化点：1.加载包（bundle.js）文件的大小，越小，首屏渲染速度越快 (按需加载) 2.优先渲染用户直观看到的页面部分（懒加载） 技术点：react-loadable 、 react-lazyload 滚动前： 滚动后： 多了一个4.chunk.js,页面滚动到此组件位置，采取加载此组件， ...
分类：
其他好文 时间：
2019-01-27 16:35:04
阅读次数：
290
1. 概述 我们创建某一个对象需要很大的消耗，而这个对象在运行过程中又不一定用到，为了避免每次运行都创建该对象，这时候延迟初始化（也叫延迟实例化）就出场了。 延迟初始化出现于.NET 4.0，主要用于提高性能，避免浪费计算，并减少程序内存要求。也可以称为，按需加载。 2. 基本语法 Lazy<T> ...
