最近在用webpack优化首屏加载性能，通过几种插件之后我们上线前后的速度快了一倍，在此就简单的分享下吧，先上个优化前后首屏渲染的对比图。 可以看到总下载时间从3800ms缩短到1600ms。 我们在用webpack时一般都会选择多入口文件吧，为的就是将自己的源码跟第三方库代码分离。这是之前的代码， ...
分类：
Web程序 时间：
2018-10-20 12:51:18
阅读次数：
230
https://zhuanlan.zhihu.com/p/43543442 PowerView是Excel中的Power系列插件之一，可以基于excel制作交互式仪表板。 初学者在使用Power View中经常会遇到一些问题，今天我们总结大家最常遇到的前3个问题： Top1 如何加载出Power V ...
分类：
其他好文 时间：
2018-10-19 02:23:44
阅读次数：
954
1.精通Vue，js，React，Node，js等主流开发框架； 2.精通微信小程序，微信号公众号开发； 3.掌握至少一种前端自动化构建工具，如grunt，gulp，browserity，webpack等； 4.熟悉前端性能优化方法，如发包压缩，资源懒加载，CDN加速等，熟悉SEO优化更佳； 5.对 ...
分类：
Web程序 时间：
2018-10-16 13:35:30
阅读次数：
172
ES6推出已经有几个年头了，平时也有学过一些基本语法，无奈实践经验太少。而且前端早已脱离了刀耕火种的时代，一些自动化构建工具像gulp、webpack等也需要熟练掌握。最近刚签了三方，闲暇之余就找了个ES6实战视频系统学习了一下，然而，由于视频中用到的打包工具和编译工具版本不同，导致在按照视频进行项 ...
分类：
其他好文 时间：
2018-10-15 17:04:30
阅读次数：
183
在看一个文件的时候，发现有&::before 和 &::after, 没有理解怎么用的，因为以前在项目的css文件中，从来没有使用过，也没有见过 网上查询了一下，才发现&::before 和 &::after都不是CSS中的内容，而是Sass和SCSS中的属性, 通常可以写成这样 它经过使用gulp ...
分类：
Web程序 时间：
2018-10-11 13:00:37
阅读次数：
7687
const gulp = require("gulp"); /* 原理： 管道机制 基于流的自动化工具 步骤 1、开启任务 gulp.task() 参数1:任务名称 参数2：回调函数 (任务名称的集合) 2、输入源 gulp.src() 文件存储的路径 3、管道 pipe 需要文件工作的一个流程 4 ...
分类：
Web程序 时间：
2018-10-07 18:57:40
阅读次数：
199
插件(Plug-in 又译外挂)是一种遵循一定规范的应用程序接口编写出来的程序。 ...
分类：
其他好文 时间：
2018-10-07 13:54:36
阅读次数：
390
1, webpack是什么 1), 是一个打包工具, 比gulp, grunt更先进 2), 额外功能 项目部署上线, 清空目录等 hot module reload, 页面刷新后, 数据不变化 3), 打包流程 css, js等打包成bundle.js文件 js: babel-loader 来加载 ...
分类：
Web程序 时间：
2018-10-06 19:47:19
阅读次数：
184
什么是gulp？ 什么是gulp？ 官网中这样写道：gulp是自动化构建工具。虽然经常有在用gulp，看了之后还是懵懵的。看了一下别人的理解，这样说道： Gulp 是基于node.js的一个前端自动化构建工具，开发这可以使用它构建自动化工作流程（前端集成开发环境）。 使用gulp你可以简化工作量，让 ...
分类：
其他好文 时间：
2018-10-05 15:10:36
阅读次数：
1094
