2017年07月_ouyangyanlan

09月 08月 07月 06月 05月 03月

转载 Javascript 之ArrayLike

1. 什么是类数组ArrayLike拥有length属性，其它属性（索引）为非负整数(对象中的索引会被当做字符串来处理，这里你可以当做是个非负整数串来理解)不具有数组所具有的方法//类数组示例var a = {'1':'gg','2':'love','4':'meimei',length:5};Array.prototype.join.call(a,'+');//'+gg+love++mei

2017-07-30 21:41:24 689

转载 apply、call、bind

ECMAScript中的函数是对象，因此函数也有属性和方法。每个函数都包含两个属性：length和prototype，且每个函数包含两个非继承而来的方法apply()和call()。这两个方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内thiis对象的值。apply()apply()方法接受两个参数：一个是在其中运行函数的作用域，另一个是参数数组。其中，第二个参数可以是Array的

2017-07-30 21:35:49 249

转载 slice、splice和split的区别

每每见到这三个函数，我都会很懵，一定要到网上搜搜；今天，恰巧又见到了它们，所以想必是时候为它们做个笔记啦1.slice（数组）用法：array.slice(start,end)解释：该方法是对数组进行部分截取，并返回一个数组副本；参数start是截取的开始数组索引，end参数等于你要取的最后一个字符的位置值加上1（可选）//如果不传入参数二，那么将从参数一的索引位置开始截取，一直到数组尾var

2017-07-30 20:57:16 890

转载定时器系列—定时器应用(时钟、倒计时、秒表和闹钟)

前面的话　　本文属于定时器的应用部分，分别用于实现与时间相关的四个应用，包括时钟、倒计时、秒表和闹钟。与时间相关需要用到时间和日期对象Date，详细情况移步至此时钟　　最简单的时钟制作办法是通过正则表达式的exec()方法，将时间对象的字符串中的时间部分截取出来，使用定时器刷新即可<div id="myDiv"></div><script>myDiv.innerHTML = /\d\d:\d\

2017-07-09 21:41:06 1727

转载定时器系列—被誉为神器的requestAnimationFrame

前面的话　　与setTimeout和setInterval不同，requestAnimationFrame不需要设置时间间隔。这有什么好处呢？为什么requestAnimationFrame被称为神器呢？本文将详细介绍HTML5新增的定时器requestAnimationFrame 引入　　计时器一直是javascript动画的核心技术。而编写动画循环的关键是要知道延迟时间多长合适。一方面，

2017-07-09 21:37:08 605

转载定时器系列——理解setTimeout和setInterval

前面的话　　很长时间以来，定时器一直是javascript动画的核心技术。但是，关于定时器，人们通常只了解如何使用setTimeout()和setInterval()，对它们的内在运行机制并不理解，对于与预想不同的实际运行状况也无法解决。本文将详细介绍定时器的相关内容 setTimeout()　　setTimeout()方法用来指定某个函数或字符串在指定的毫秒数之后执行。它返回一个整数，表示

2017-07-09 21:32:02 1357

转载关于favicon.ico的两三事

> 随便打开一个网页：比如 http://www.baidu.com/可以看到在浏览器的标签头上面显示了一个图标，这个图标是：，也就是我们常说的favicon.ico. 由于这篇文章主要讨论favicon.ico,以及各个浏览器对其的不同处理，所以还是新建web项目如下： home.html 代码如下：<!DOCTYPE ht

2017-07-07 10:22:02 1572

原创 link和@import的区别

页面中使用CSS的方式主要有3种： 1. 行内添加定义style属性值，也就是常常说的内联样式。 2. link 3. @import 第二种和第三种都是我们常说的外联样式。外部引用CSS两种方式link和@import的方式分别是：XML/HTML代码<link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css

2017-07-07 09:49:32 462

> 摘要：无论是在工作中，还是在面试中，web前端性能的优化都是很重要的，那么我们进行优化需要从哪些方面入手呢？可以遵循雅虎的前端优化34条军规，不过现在已经是35条了，所以可以说是雅虎前端优化的35条军规。已分类，挺好的，这样对于优化有一个比较清晰的方向1.尽量减少HTTP请求数　　80%的终端用户响应时间都花在了前端上，其中大部分时间都在下载页面上的各种组件：图片，样式表，脚本，Flash等等

2017-07-07 08:55:08 743

转载 reflow（回流）和repaint（重绘）及其优化

> 前言：为什么不能用CSS通配符 *，CSS选择器层叠为什么不能超过三层，CSS为什么尽量使用类选择器，书写HTML为什么少使用table，为什么结构要尽量简单-DOM树要小….Repain 和 Reflow浏览器解析浏览器解析大概的工作流程大致可归纳为四个步骤： 1. 解析HTML以构建DOM树：渲染引擎开始解析HTML文档，转换树中的html标签或js生成的标签到DOM节点

2017-07-06 22:14:43 686