文章分类 -  移动前端

移动H5前端性能优化指南
摘要：移动H5前端性能优化指南 概述 1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点，首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB5. Mobile侧因手机 阅读全文
posted @ 2017-09-04 16:31 半前端半设计的四不像 阅读(78) 评论(0) 推荐(0)
H5性能优化方案
摘要：H5性能优化意义 对于一个H5的产品，功能无疑很重要，但是性能同样是用户体验中不可或缺的一环。原本H5的渲染性能就不及native的app，如果不把性能优化做起来，将极大地影响用户使用产品的积极性。 用户感受 当用户能够在1-2秒内打开H5页面，看到信息的展示，或者能够开始进行下一步的操作，用户会感 阅读全文
posted @ 2017-09-04 15:54 半前端半设计的四不像 阅读(124) 评论(0) 推荐(0)
10大H5前端框架
摘要：作为一名做为在前端死缠烂打6年并且懒到不行的攻城士，这几年我还是阅过很多同门从知名到很知名的各种前端框架，本来想拿15-20个框架来分享一下，但在跟几个前辈讨教写文章的技巧时果断被无情的打击了，所以这里我还是低调的只拿出10个框架来个大锅乱炖来简单介绍，凑够字数也就全剧终了。 原本写这篇文章想围绕着 阅读全文
posted @ 2017-08-31 11:07 半前端半设计的四不像 阅读(138) 评论(0) 推荐(0)
移动端input 无法获取焦点的问题
摘要：下午遇到一个问题，移动端的input都不能输入了，后来发现是 －webkit－user-select ：none ; 在移动端开发中，我们有时有针对性的写一些特殊的重置，比如： 其中，－webkit－user-select ：none ；会产生一些问题。这是webkit内核浏览器下的一个bug，具体 阅读全文
posted @ 2017-07-05 10:49 半前端半设计的四不像 阅读(224) 评论(0) 推荐(0)
zepto之tap事件点透问题分析及解决方案
摘要：由于我们在touchstart阶段就已经隐藏了罩层A，当click被触发时候，能够被点击的元素则是其下的B元素，根据click事件的触发规则：只有在被触发时，当前有click事件的元素显示，且在面朝用户的最前端时，才触发click事件。由于B绑定了click事件（或者B本身默认存在click事件）， 阅读全文
posted @ 2017-05-22 11:23 半前端半设计的四不像 阅读(165) 评论(0) 推荐(0)
javascript手机端/移动端触发事件
摘要：处理Touch事件能让你跟踪用户的每一根手指的位置。你可以绑定以下四种Touch事件： 1 2 3 4 touchstart: // 手指放到屏幕上的时候触发 touchmove: // 手指在屏幕上移动的时候触发 touchend: // 手指从屏幕上拿起的时候触发 touchcancel: // 阅读全文
posted @ 2015-05-18 12:33 半前端半设计的四不像 阅读(156) 评论(0) 推荐(0)