分类
Javascript

Webpack v4分包优化

从Webpack v4开始,移除了CommonsChunkPlugin,取而代之的是SplitChunks。最初,chunks(以及内部导入的模块)是通过内部Webpack图谱中的父子关系关联的。CommonsChunkPlugin曾被用来避免他们之间的重复依赖,但是不可能再做进一步的优化。

分类
Javascript

使用transform-runtime

上一次我们给大家介绍了怎样使用babel-polyfill。只要引入这个插件就能就很好地兼容IE浏览器了,但是这会导致最终的打包文件偏大,即使打开了useBuiltIns,效果也不明显。作为前端架构师,要对代码质量及性能比较高的要求。前期开发赶进度也就罢了,上生产前一定要花时间优化。本文我们就来介绍transform-runtime。

分类
Javascript

使用babel-polyfill

今天写代码真是行云流水,很快就搞完了,马上提交。下午测试告诉我,不能兼容IE浏览器。这不打开就是空白,F12进去跳出一个醒目的错误:[vuex] vuex requires a Promise polyfill in this browser.这不是Vue的锅,React应用也会遇到兼容IE浏览器的问题。百度了一下,很快找到解决方案。只要在入口文件添加引入babel-polyfill就搞定了。出于好奇,我下午抽时间仔细研究了一下babel。

分类
Javascript

解决HTML5拖拽兼容问题

拖放是一种常见的特性,即抓取对象以后拖到另一个位置。在HTML5中,拖放是标准的一部分,任何元素都能够拖放。实际应用中浏览器实现HTML5拖拽可能踩到下面的坑。

分类
Javascript PHP

Iframe实现无刷新上传兼容IE9

大家都知道,IE9对FileApI支持不友好,所以想做一个兼容IE9实现无刷新上传也并非易事,一般的解决方案都是对IE9使用Flash方式上传,对现代浏览器使用FileApI。百度的WebUploader就是采用的这种方式,不过我们今天要谈的是IE9下使用Iframe实现无刷新上传。