分类
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实现无刷新上传。

分类
CSS Javascript

HTML5应用中的常见问题

开发h5应用有一年多了,在这个过程中遇到不少坑,特写此文作一个小结,如果对您有点帮助,那就是莫大的欣慰了。这里说的h5应用就是运行在移动设备上的Web App,由于移动设备屏幕大小不一,安装的浏览器也不统一,处理器内存也不一样,直接会造成各种兼容及性能问题。