近几个月，工作中用了一个我们骆驼厂自己的一整套移动前端开发框架，包括css框架、js框架。所以这次想回过头来想想前端框架这个东西。为什么出现了即么多各种各样的框架：web app概念的出现，可见前端HTML界面开发变得越来越复杂，本质问题可以说是如何将来自服务器端或者用户输入的动态数据高效的反映到复...
分类：
其他好文 时间：
2015-09-09 22:51:09
阅读次数：
384
通过移动端使用 Web 服务的比率越来越大，例如淘宝今年双十一，移动端交易份额就达到42.6%。由此可见，掌握移动端的前端开发和测试是非常有必要的。本文只介绍与调试有关的内容，至于其他移动端开发知识（技巧、坑）太多太大，推荐Mars移动前端开发知识库。这个项目很久没有大动静了，欢迎大家猛烈关注，不要...
分类：
移动开发 时间：
2015-08-25 20:58:44
阅读次数：
232
在移动端，因手机的配置和3/4G网络的原因，从两个方面解决性能优化问题，1.加载不超过3秒，用loading或者资源不要超过1M。2.渲染速度。基于以上两个方面，所有影响首屏加载和渲染的代码应在处理逻辑中后置。加载优化：1.Http请求： 减少Http请求，手机浏览器同时响应请求为4个请求，所以，....
分类：
移动开发 时间：
2015-08-25 16:21:45
阅读次数：
204
一、viewport的概念 通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域，但viewport又不局限于...
分类：
移动开发 时间：
2015-08-20 11:00:59
阅读次数：
317
做移动前端也有一些日子了，一直有个问题没有解决，就是与pc端那样的一个:hover的效果，:hover是鼠标指针浮动在其上的元素的一个选择器，但因为在移动端是没有鼠标的，代替的是触摸屏，用户也不是有“鼠标指针浮动在其上的元素”的情况，有也很少。 所以取代的应该:active这个选择器，但是通过实践，...
分类：
移动开发 时间：
2015-08-18 19:13:13
阅读次数：
219
H5性能优化的两个原则
1、最少化请求个数
2、最小单个文件大小
最少请求个数
为什么要减少请求次数：
手机浏览器同时响应请求为4个请求（Android支持4个，iOS 5后可支持6个）
如何减少请求次数：
1、合并图片（将若干个小图合并成一个大图、雪碧图）
2、合并JS/CSS文件（Nginx_concat_module）
天猫与淘宝的线上实践：
...
分类：
其他好文 时间：
2015-08-15 12:00:06
阅读次数：
159
今天，测试给我提了一个BUG，说移动端输入emoji表情无法提交。很早以前就有思考过，手法输入法里自带的emoji表情，应该是某些特殊字符。既然是字符，那应该都能提交才对，可是为啥会被卡住呢？搜了一下，才发现，原来emoji用到的字符是4字节的utf-16（utf-16有2字节和4字节两种编码），而我们的数据库是采用的utf-8，并且最大只允许3字节的字符。这样冲突就产生了，表单因为这些emoji...
分类：
移动开发 时间：
2015-08-06 22:24:30
阅读次数：
291
meta基础知识碎片整理H5页面窗口自动调整到设备宽度，并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式view...
分类：
移动开发 时间：
2015-07-30 19:03:18
阅读次数：
192
原文地址：http://www.cnblogs.com/yexiaochai/archive/2013/07/27/3219402.html前言终于到周末了，几经转折老夫工作终于落实，干起了移动前端，于是真正进入了HTML5的开发时代。这周一开始入职，进来后发现真的像农村的来到了城市，很多东西不懂的...
分类：
其他好文 时间：
2015-07-29 19:07:43
阅读次数：
192
