页面的绘制时间(paint time)是每一个前端开发都需要关注的的重要指标,它决定了你的页面流畅程度。而如何去观察页面的绘制时间,找到性能瓶颈,可以借助Chrome的开发者工具。

本文主要介绍Chrome渲染分析工具 Rendering。

如上图,按F12调出开发者工具,然后按“ESC”调出Rendering界面。

以上5个选项的意思如下:

阅读全文——共1874字

概述

这个工具真的很强大,Timeline工具栏提供了对于在装载你的Web应用的过程中,时间花费情况的概览,这些应用包括处理DOM事件, 页面布局渲染或者向屏幕绘制元素。Timeline可以通过事件,框架,和实时内存用量3个方面的数据来监测网页,通过这些数据,我们可以方便的找出页面中存在问题的地方。

Timeline面板

打开chrome开发者工具,切换到Timeline选项卡,界面如下:

阅读全文——共1703字

jquery ui 的所有组件都是基于一个简单,可重用的widget。

这个widget是jquery ui的核心部分,实用它能实现一致的API,创建有状态的插件,而无需关心插件的内部转换。

$.widget( name, base, prototype )

widget一共有2或3个参数。base为可选。

这里之所以把base放在第二个参数里,主要是因为这样写代码更直观一些。(因为后面的prototype 是个代码非常长的大对象)。

阅读全文——共15269字

1、error: Your local changes to the following files would be overwritten by merge:

出现原因:如果系统中有一些配置文件在服务器上做了配置修改,然后后续开发又新添加一些配置项的时候,在发布这个配置文件的时候,会发生代码冲突。

主要就是文件修改不一致。需要合并代码。

解决方法:

1)如果希望保留生产服务器上所做的改动,仅仅并入新配置项, 处理方法如下:

阅读全文——共394字

Github去年面向学生和教师推出免费两年的 Github micro plan计划,也就是说两年内,你可以免费使用5个私有仓库来托管你的代码。

在线申请地址是:https://education.github.com/

这项计划是针对学生群体,而Github对学生群体的识别只针对edu后缀的邮箱,也就是说,如果你有edu后缀的邮箱,那你就可以免费使用micro plan计划了。

那么接下来的问题就是:去哪里搞个edu邮箱呢?

好吧,这个问题只能求助万能的淘宝,在淘宝搜索“edu邮箱”果然出现很多结果,找个便宜的,几块钱一个的,付款之后,拿这个邮箱再去Github申请免费2年的micro plan计划吧。

阅读全文——共528字