最近因为项目需要,开始更多的接触移动端的前端开发,因此做一些记录和总结。
1.插件
jQuery、fastclick和layer
如果没有特殊要求,jQuery应该是一项非常好的选择。
使用fastclick的好处简单说就2点:1.提升使用体验;2.提升开发效率。详情参考叶小钗的博文
而layer mobile则是为移动设备量身定做的弹层UI。由于是采用原生 JavaScript编写,所有并不依赖任何第三方库,只需要按照场景选择使用即可。资源来自Layer For Mobile
2.调试工具
Chrome、Opera Mobile Emulator
Chrome自带的debug工具感觉就很好很强大,而且也可以模拟移动端使用进行debug。
另外的就是Opera Mobile Emulator,用来查看不同分辨率、像素密度的移动设备上的效果,不得不说很好很强大。不过其中内置的很多移动设备类型主要是像三星、诺基亚、索尼、htc等,国产的移动设备类型基本没有,因此只有自行添加设备类型,然后进行设置。
Opera Mobile Emulator有2个特点:
1.可以同时打开多个窗口,即同时查看多种设备上的效果进行对比;
2.它还可以作为浏览器使用。
3.资源
百度、Google、知乎···
说到资源,内事不决问百度,外事不决问Google,这2个足以。其他的有知乎,知乎上有很多大神的分享。
另外,百度静态资源公共库也非常好,快速稳定,开源库的数量也很多。