前端开发

meta标签开启360极速模式

2019-05-093363次阅读其它
国内的主流浏览器都是双核浏览器:基于Webkit的内核用于常用网站的高速浏览,基于IE的内核主要用于部分网银、政府、办公系统等网站的正常使用。 只要你在自己的网站里增加一个meta标签,告诉360浏览器这个网站应该用哪个内核渲染,那么360浏览器就会在读取到这个标签后,立即切换对应的内核,并将这个行为应用于这个二级域名下所有网址。
前端开发

Webpack4使用SplitChunksPlugin进行代码拆分

2019-05-092198次阅读webpack
Webpack4引入了SplitChunksPlugin,这使得commonsChunksPlugin变得过时。如何拆分输出代码以提高应用程序的性能是本文的重点。
前端开发

再次认识requestAnimationFrame以及其polyfill库raf

2019-05-082817次阅读javascript
window.requestAnimationFrame() 方法告诉浏览器希望执行动画并请求浏览器调用指定的函数在下一次重绘之前更新动画。它采用系统时间间隔,保持最佳绘制效率,不会因为间隔时间过短,造成过度绘制,增加开销;也不会因为间隔时间太长,使动画卡顿不流畅,让各种网页动画效果能够有一个统一的刷新机制,从而节省系统资源,提高系统性能,改善视觉效果。requestAnimationFrame还有一个很好用的polyfill库raf推荐给大家。
前端开发

HTML引入或include包含其他HTML文件

2019-05-0831033次阅读swigHTMLgulp
HTML从来没有任何方法可以在代码中包含其他HTML文件。例如包含所有页面的页眉和页脚:
前端开发

Webpack4中的plugins插件概念与使用

2019-05-082147次阅读webpack
Webpack4中的plugins插件与loaders加载器的不同之处在于它们可以执行更广泛的任务。基本上,他们做loaders加载器不能做的任何其他事情。虽然loaders加载器绑定到特定类型的文件,但plugins插件可能更通用。例如生成包含所有资源链接的HTML文件,并将CSS提取为单独的文件。
前端开发

Webpack4中的loader用于对模块的源代码进行转换

2019-05-071745次阅读webpack
webpack只能理解JavaScript和JSON文件。loader让webpack能够去处理其他类型的文件,并将它们转换为有效模块,以供应用程序使用,以及被添加到依赖图中。
前端开发

css3 放大缩小循环动画代码片段

2019-05-071611次阅读css模块
css3 放大缩小循环动画代码片段,在这里再次推荐一下跨浏览器的CSS动画库animate.css。
前端开发

Webpack4中的Entry入口、output输出

2019-05-062131次阅读webpack
从Webpack4开始可以不用再引入一个配置文件来打包项目,开箱即用,可以无需使用任何配置文件。然而,webpack会假定项目的Entry入口起点为src/index,然后会在dist/main.js输出结果,并且在生产环境开启压缩和优化。通常,你的项目还需要继续扩展此能力,为此你可以在项目根目录下创建一个webpack.config.js文件,webpack会自动使用它。
前端开发

React.Fragment减少不必要嵌套的组件

2019-05-061731次阅读React
React v16.2.0开始提供了用于减少不必要嵌套的组件React.Fragment,是它的简写语法。
前端开发

JavaScript数组扁平化

2019-05-051940次阅读javascriptArray
数组的扁平化,就是将一个嵌套多层的Array数组(嵌套可以是任何层数)转换为只有一层的数组。