摘要: 遇到的挑战 移动端HTML5使用原生<video>标签播放视频,要做到两个基本原则,速度快和体验佳,先来分析一下这两个问题。 下载速度 以一个8s短视频为例,wifi环境下提供的高清视频达到1000kbps,文件大小大约1MB;非wifi环境下提供的低码率视频是500kbps左右,文件大小大约500 阅读全文
posted @ 2016-08-18 14:57 allexwang 阅读(3012) 评论(0) 推荐(2) 编辑
摘要: 为了更好地了解用户对产品的使用情况,业务中,我们经常会收到埋点统计的需求,比如:我要说话 无论是移动端还是 PC 端,相信很多朋友都遇到了这么几个十分让人头疼的问题:我要说话 如果我们把这样的数据交给了产品同学,可能会让他们对用户行为产生错误的认知,一定程度上影响产品的下一步改善。我要说话 上 阅读全文
posted @ 2016-03-16 11:27 allexwang 阅读(1403) 评论(0) 推荐(0) 编辑
摘要: 做移动web页面,受移动网络网速和终端性能影响,我们经常要关注首屏内容展示时间(以下简称首屏时间)这个指标,它衡量着我们的页面是否能在用户耐心消磨完之前展示出来,很大程度影响着用户的使用满意度。 怎么获取首屏时间呢? 我们经常要先问自己:页面是怎么加载数据? A:加载完静态资源后通过ajax请求去后 阅读全文
posted @ 2016-02-28 11:19 allexwang 阅读(312) 评论(0) 推荐(0) 编辑
摘要: Web 发展了几十个春秋,风起云涌,千变万化。我很庆幸自己没有完整地经历过这些年头,而是站在前人的肩膀上行走。Web 技术发展的速度让人感觉那几乎不是继承式的迭代,而是一次又一次的变革,一次又一次的创造。这几年的前端,更为之甚! 我从 12 年底开始接触前端,12 年之前的前端发展情况只能从上一辈的 阅读全文
posted @ 2016-02-28 11:07 allexwang 阅读(244) 评论(0) 推荐(0) 编辑
摘要: 今天看了不少文章,比较感兴趣的是 Cache API。它是浏览器 Request/Response 的缓存管理工具,其使用风格和运用场景让我瞬间联想到了 ServiceWorker 和 Fetch API,相信很多同学也多次看到过这两个东西,本文会对它们做一个简洁的介绍,并谈一谈我对这些新玩具的看法 阅读全文
posted @ 2016-02-28 11:00 allexwang 阅读(268) 评论(0) 推荐(0) 编辑
摘要: NodeJS 自 2009 年显露人间,到现在已经六个年头了,由于各种原因,中间派生出了个兄弟,叫做 iojs,最近兄弟继续合体,衍生出了 nodejs4.0 版本,这东西算是 nodejs new 1.0 版本,原班人马都统一到一个战线上。我没有太关注 nodejs 背后的开发,但一直是它的忠实使 阅读全文
posted @ 2016-02-28 10:59 allexwang 阅读(1204) 评论(0) 推荐(0) 编辑
摘要: 在复杂的网络环境和浏览器环境下,自测、QA测试以及 Code Review 都是不够的,如果对页面稳定性和准确性要求较高,就必须有一套完善的代码异常监控体系,本文从前端代码异常监控的方法和问题着手,尽量全面地阐述错误日志收集各个阶段中可能遇到的阻碍和处理方案。 ☞ 收集日志的方法 平时收集日志的手段 阅读全文
posted @ 2016-02-28 10:58 allexwang 阅读(528) 评论(0) 推荐(0) 编辑
摘要: 为了更好地了解用户对产品的使用情况,业务中,我们经常会收到埋点统计的需求,比如:我要说话 收集一段时间内用户光标在页面中的运动情况,包括光标移动、点击等行为 统计用户滚屏行为 统计用户在站点的停留时长 收集页面链接的点击数量等 无论是移动端还是 PC 端,相信很多朋友都遇到了这么几个十分让人头疼的 阅读全文
posted @ 2016-02-28 10:55 allexwang 阅读(985) 评论(0) 推荐(0) 编辑
摘要: 1.javascript的数组APIJs代码 收藏代码//定义数组 var pageIds = new Array(); pageIds.push('A'); 数组长度 pageIds.length; //shift... 阅读全文
posted @ 2015-05-28 22:24 allexwang 阅读(335) 评论(0) 推荐(0) 编辑
摘要: 最近在做一个项目,发现ajax不能enctype=”multipart/form-data” 属性的表单,没办法,只能使用form表单直接提交的方法了,但是form表单直接提交会跳转页面,这样很不友好,也不是项目需求,于是上网搜索了一番,发现可以使用隐藏的iframe来实现。具体的原理是form表单... 阅读全文
posted @ 2015-05-27 07:17 allexwang 阅读(702) 评论(0) 推荐(0) 编辑