自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 浏览器渲染页面原理-重排重绘

本文参考以色列开发人员塔利·加希尔的研究成果。这是原文。我只是提炼一下文章中对我有用的知识点。浏览器的构成       1. 用户界面 - 包括地址栏、后退/前进按钮、书签目录等,也就是你所看到的除了用来显示你所请求页面的主窗口之外的其他部分。  2. 浏览器引擎 - 用来查询及操作渲染引擎的接口。  3. 渲染引擎 - 用来显示请求的内容,例如,如果请求内容为html,它负责解析html及css...

2018-06-02 19:31:50 771

原创 单例模式

单例模式又被称为单体模式,是只允许实例化一次的对象类。我认为单例模式分为三种。1.第一种用来划分命名空间,减少全局变量的数量。这种类似于创建了一个代码库,把很多方法都放在这个库里。需要用这些方法的时候,从库里面调用即可,不过需要加一个前缀。var My={ m1:function(){}, m2:function(){}, m3:function(){} }比如调用方法m1就写成My...

2018-05-30 21:15:21 154

原创 javascript面向对象编程

对象的定义:一组属性的集合。属性一个对象中的某一项(键值对)称为属性。属性名是字符串,属性值可以是任何javascript值,当属性值是一个函数的时候,我们称之为方法。创建对象的方法1.字面量法var obj1={ name:'a', method:function(){ console.log(this.a); }}2.构造函数法var obj2=function(){ this....

2018-05-30 15:56:51 183

原创 prototype

什么是prototype我们创建的每个函数都有一个prototype属性,这个属性是一个对象,它的用途是包含可以由特定类型的所有实例共享的属性和方法。对普通函数来说这个属性没什么用,只有在构造函数创建实例的时候该属性有用。prototype用处举个例子:var Student=function(n,a){ this.name=n; this.age=a;}Student.prototype...

2018-05-27 19:33:26 889

原创 javascript作用域

javascript没有块级作用域,只有函数作用域。javascript代码执行过程中,第一个进入的默认是全局作用域,执行函数的时候会进入该函数的作用域。函数是Function对象的一个实例,拥有可以编程访问的属性,和一些不能通过代码访问而仅供javascript引擎存取的内部属性。今天要介绍的就是Scope这一内部属性。在javascript中每一个函数,都有一个scope属性,scope属性的...

2018-05-21 21:24:01 253

翻译 web性能优化——加载和执行

由于大多数浏览器使用单一进程处理用户界面刷新和javascript脚本执行,所以浏览器同一时刻只能做一件事情,js执行过程越久,浏览器等待响应的时间就越长。无论是内嵌的js还是外链的js,页面的下载和渲染都会停下来,等待脚本执行完成。这意味着,如果在head标签中,放入大量的script标签,那么在这些js没有被下载下来并执行完之前,页面渲染和用户交互是不会发生的,它们被完全阻塞掉了。虽然IE8,...

2018-05-20 15:44:50 193

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除