轩枫阁

前言

利用 HTML5 performance，可以对前端页面加载性能进行分析，如首屏加载性能这个重要的分析。

关于Performance

Performance目前支持浏览器：IE9+，Chrome11+，Firefox7+。Safari并不在列，亲测手机QQ浏览器iOS版，确实没有支持这个API。

performance 在window下的方法：window.performance，里边包含若干性能相关的数据，timing 详细记录了加载各个过程的时间点信息，对比可以分析出当前页面的打开性能数据。 查看全文

前言

在制作移动页面的时候常会考虑页面在不同手机分辨率下的显示效果，通过一些布局技巧使页面从最小的iphone4 兼容至 较大的iphone6 plus及其他android手机。

然而却常常忽略了一个小细节：用户在使用时有时会切换横/竖屏，而制作页面的时候很少考虑用户切换后的效果。

示例

先来看一下如果没有经过考虑横/竖屏切换后的效果（竖版设计为例）。 查看全文

常用npm模块一览

查看全文

一、Script Error规范

script Error 是什么？

是外部加载的JS 抛出异常的时候， 出于安全方面的考虑，js错误信息中可能包含一些敏感信息，比如用户名、权限提示等，希望能够把这类信息屏蔽。目前跨域的场景下会触发这种安全限制，window.onerror无法获得具体出错信息，而只能得到Script error.

http://www.whatwg.org/specs/web-apps/current-work/multipage/webappapis.html#runtime-script-errors

二、解决ScriptError 问题

• 响应头增加 access-control-allow-orgin （以下简称AC）
• 每个fucntion 包裹 try-catch
• 切面包裹入口函数， try-catch

查看全文

推荐阅读

javascript异常档案：http://errors.totorojs.org/wiki/

Script error.

分析

异常信息通常如下：

查看全文