03 2016 档案

从零开始搭建前端数据监控系统(一)-同类产品调研
摘要：1 Google Analytics GA向window暴露一个名为 的全局函数，ga()函数以参数格式、数目来分发不同的行为。这种模式的好处是API单一，不易混淆。但是缺点同样明显，在调用 时需要谨慎处理参数，包括格式、数目、名称等，推荐使用 的方式调用，比如： 而不是 GA的API总体分为两种： 阅读全文
posted @ 2016-03-30 12:03 JunpengZ 阅读(1920) 评论(6) 推荐(2)
从零开始搭建前端数据监控系统(二)-前端性能监控方案调研
摘要：1. 业界案例 目前前端性能监控系统大致为分两类：以GA为代表的 代码监控 和以webpagetest为代表的 工具监控 。 代码监控 依托于js代码并部署到需监控的页面，手动计算时间差或者使用浏览器的的API进行数据统计。 影响代码监控数据的因素有以下几种： 浏览器渲染机制； 浏览器对API的实现 阅读全文
posted @ 2016-03-23 17:21 JunpengZ 阅读(3276) 评论(4) 推荐(3)
NativeScript工作原理
摘要：NativeScript是一个runtime，它提供一些机制可以使用JavaScript构建原生的IOS、Android甚至WP（未来会加入）应用。NativeScript有很多非常酷的功能，比如 "MVVM" 和 "CSS渲染原生UI" 。但是NativeScript最令人兴奋的是它使JavaSc 阅读全文
posted @ 2016-03-22 14:40 JunpengZ 阅读(2357) 评论(1) 推荐(0)
高性能JavaScript-JS脚本加载与执行对性能的影响
摘要：在web产品优化准则中，很重要的一条是针对js脚本的加载和执行方式的优化。本篇文章简单描述一下其中的优化准则。 1. 脚本加载优化 1.1 脚本位置对性能的影响 优化页面加载性能的原则之一是 将script标签放在body底部 ，这跟 浏览器的渲染原理 有关： 1. js脚本的下载和执行会阻塞浏览器 阅读全文
posted @ 2016-03-22 13:12 JunpengZ 阅读(2186) 评论(2) 推荐(4)
CSS3伪类和伪元素的特性和区别
摘要：前端er们大都或多或少地接触过CSS伪类和伪元素，比如最常见的 ,`:hover 标签的 、`visited :before :after`等。 其实上面提到的这些伪类和伪元素都是CSS1和CSS2中的概念，CSS1和CSS2中对伪类的伪元素的区别比较模糊，甚至经常有同行将 、`:after`称为伪 阅读全文
posted @ 2016-03-19 13:18 JunpengZ 阅读(59290) 评论(6) 推荐(30)
初探React与D3的结合-或许是visualization的新突破？
摘要：自诞生之初截止目前（2016年初），React可以说是前端界最流行的话题，如果你还不知道React是何物，你就该需要充充电了。 d3是由纽约时报工程师开源的一个绘制基于svg的数据可视化工具，是近几年最流行的visualization工具库之一。d3提供丰富的svg绘制API、动画甚至布局等功能，目 阅读全文
posted @ 2016-03-18 18:56 JunpengZ 阅读(2567) 评论(1) 推荐(3)