DearVikki

三. tree-shaking实践 webpack2 发布，宣布支持tree-shaking，webpack 3发布，支持作用域提升，生成的bundle文件更小。 再没有升级webpack之前，增幻想我们的性能又要大幅提升了，对升级充满了期待。实际上事实是这样的 升级完之后，b…

一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意，本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件，将其中用不到的代码"摇"掉，是一个性能优化的范畴。具体来说，在 webpack 项目中，有一个入口文件，相当…

1.2号，是我入门前端的一周年，这一年里，自己也在不断摸索学习的方法。这里记录和分享下自己在平时生活中接触的学习资源。 先介绍下自己的经验，18年毕业，目前在南京工作，虽然大学学的是软件工程，直到大四才决定走这条路(因为之前打算出去做销售类似的工作)，发现自己的兴趣点，并且逐渐…

用配置形式绘图(暂支持单行及多行文本，矩形，圆形，图片及圆形图片类型)，以及支持后续预览及保存成图片，且皆为Promise格式。 canvas尺寸以一般设计稿的750px为准(可配)，在不同屏幕机型下等比缩放。 生成图片时，支持图片预下载，及在一个小程序周期内缓存图片下载的tm…

... 简单来说把 JavaScript 中 es2015/2016/2017/2046 的新语法转化为 es5，让低端运行环境(如浏览器和 node )能够认识并执行。本文以 babel 6.x 为基准进行讨论。最近 babel 出了 7.x，放在最后聊。 严格来说，babe…

对于前端资讯比较敏感的同学，可能这两天已经听说了 GoogleChromeLabs/quicklink 这个项目：它由 Google 公司著名开发者 Addy Osmani 发起，实现了：在空闲时间预获取页面可视区域内的链接，加快后续加载速度。 如果你没有听说过 Addy Os…

本文主要详细介绍了，如何使用 webpack打包多套不同主题的解决方案以及实践中所遇到的问题。

「据说亚马逊雨林的一只蝴蝶偶尔扇动几下翅膀，可以在两周以后引起美国得克萨斯州的一场龙卷风」曾经起点的订阅页也经历了类似的龙卷风袭击事件，那只蝴蝶便是我们加工过的 Checkbox（复选框）。我们对无公害的 Checkbox 究竟做了什么，才引发了这场性能风暴？ 起点订阅页是龙卷…

在座诸位，请打开浏览器，新开一个标签页，打开开发者工具，切换到 network 面板 → Media 选项，然后 — 复制下面地址（天猫某活动备份地址）到地址栏，回车：http://ali-tmhly.h5.neone.com.cn/ 。此时，你会看到一个名为 video2 的…