轩枫阁

首页 / 授人以渔 (第4页)

HTML5 performance 前端加载性能初探

前言

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

关于Performance

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

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

2015/09 19  周六

常用npm模块一览

常用npm模块一览

模块名 作者 简介
async caolan 异步操作管理
bl rvagg 二进制数据解析
bluebird petkaantonov 异步操作管理
browserify substack 发布浏览器可用的包
bunyan trentm 日志(logging)管理
chai jakeluer 断言
chalk sindresorhus 命令行彩色输出
co tjholowaychuk 异步流程管理
colors marak 命令行彩色输出
commander tjholowaychuk 命令行工具
debug tjholowaychuk Debug输出器
dockerode apocas Docker管理
duplexify mafintosh Stream流操作工具
event-stream dominictarr Stream流操作工具
express tjholowaychuk Server服务器框架
glob isaacs 文件名匹配
grunt cowboy 构建工具
gulp contra 构建工具
hapi hueniverse Server服务器框架
hyperquest substack 轻量级HTTP客户端
istanbul gotwarlost 测试用例覆盖率分析
JSONStream dominictarr Stream流管理工具
koa tjholowaychuk Server服务器框架
levelup rvagg LevelDB
lodash jdalton 函数式编程工具
log4js nomiddlename 日志(logging)管理工具
minimatch isaacs 文件名匹配
minimist substack 命令行操作
mocha tjholowaychuk 单元测试
moment timrwood 日期时间输出
mongodb christkv MongoDB
mysql felixge MySQL
nconf indexzero 配置工具
needle tomas 轻量级HTTP客户端
node-fetch bitinn Fetch API
nodemailer andris9 Email客户端
passport jaredhanson 登录和认证
pg brianc Postgres
pump mafintosh Stream流管理工具
redis mjr Redis
request mikeal HTTP客户端
restify mcavage REST API搭建
socket.io rauchg WebSocket实时通信
split2 matteo.collina Stream流管理工具
tape substack 单元测试
through2 rvagg Stream流管理工具
underscore jashkenas 函数式编程工具
ws einaros Websockets
xml2js leonidas XML转换为JavaScript

查看全文

2015/09 18  周五

javascript错误提示Script error.解决方案

一、Script Error规范

script Error 是什么?

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

79552948-02f9-11e5-9923-44fbda98ddd0

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

查看全文

2015/09 05  周六

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]