2014年7月21日
摘要: 1.简单实现单例模式:var singleTon = function(){ var _pria = 'private value'; var show_pria = function(){ console.log(_pria); } return { show : functi... 阅读全文
posted @ 2014-07-21 14:14 Earlene 阅读(247) 评论(0) 推荐(0) 编辑
  2014年7月19日
摘要: 什么是执行上下文当浏览器的解释器开始执行我们的js代码的时候,js代码运行所处的环境可以被认为是代码的执行上下文,执行上下文(简称-EC)是ECMA-262标准里的一个抽象概念,用于同可执行代码(executable code)概念进行区分。一般来讲,执行上下文可以在以下三种情况产生:1. 全局上下... 阅读全文
posted @ 2014-07-19 16:12 Earlene 阅读(309) 评论(0) 推荐(0) 编辑
  2014年7月15日
摘要: 对javascript this的赋值有了深一层的理解后,看一下比较复杂的情况,this的应用篇参考《对javascript this的理解》.#demo1 1 var name="window"; 2 var object = { 3 name:"me", 4 getname:(f... 阅读全文
posted @ 2014-07-15 19:15 Earlene 阅读(198) 评论(0) 推荐(0) 编辑
摘要: 对于this的理解,大部分时间都比较模糊,最近几天做了一些研究,记录一下首先应该明白,this是执行上下文的一个属性,它的值取决于执行上下文,执行上下文和函数调用方式相关,定义一个function的时候会激活一个上下文,关于上下文的介绍,参考《对javascript执行上下文的理解》一文。this的... 阅读全文
posted @ 2014-07-15 15:30 Earlene 阅读(572) 评论(0) 推荐(0) 编辑
  2014年7月12日
摘要: 写css z-index的时候经常会出现很多莫名其妙的问题,下面对z-index属性做彻底的剖析,本文参考了《一个css中z-index的用法》,并做了很多demo,方便了解z-index的用法.一、z-index是什么z-index属性决定了一个HTML元素的层叠级别。元素层叠级别是相对于元素在Z... 阅读全文
posted @ 2014-07-12 17:36 Earlene 阅读(6339) 评论(0) 推荐(0) 编辑
摘要: javascript是由浏览器解释执行的脚本语言,不同于java c,需要先编译后运行,javascript 由浏览器js解释器进行解释执行,总的过程分为两大块,预编译期和执行期下面的几个demo解释了js解释器对变量和代码的解释过程//#demo1foo();//alert(1)function ... 阅读全文
posted @ 2014-07-12 14:43 Earlene 阅读(4375) 评论(0) 推荐(0) 编辑
  2014年7月11日
摘要: 1. javascript 五种基本数据类型 Undefined Boolean Number String Null,Undefined 对应的值只有一个 undefined, Boolean 对应的值为true false, Null 对应的值只有null,Number对应的值为所有浮点数和整数... 阅读全文
posted @ 2014-07-11 18:03 Earlene 阅读(201) 评论(0) 推荐(0) 编辑
  2014年7月8日
摘要: 一.匹配原理浏览器CSS匹配不是从左到右进行查找,而是从右到左进行查找。比如之前说的 DIV#divBox p span.red{color:red;},浏览器的查找顺序如下:先查找 html 中所有 class=’red’ 的 span 元素,找到后,再查找其父辈元素中是否有p元素,再判断p的父元... 阅读全文
posted @ 2014-07-08 16:23 Earlene 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 为什么有些网站打开的时候会加载会很慢,而且是整个页面同时显示的,而有些网站是从顶到下逐步显示出来的?要搞懂这个可以先从下面这个常规流程开始: 1. 浏览器下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。 2. 在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并不是... 阅读全文
posted @ 2014-07-08 16:16 Earlene 阅读(626) 评论(0) 推荐(0) 编辑
  2014年7月7日
摘要: 如果父元素高度自适应,而且子元素有设置float left/right, 那么此时父元素的高度不会随子元素而变,如果父元素不包含任何的可见背景,这个问题会很难被注意到,但是这是一个很重要的问题。 html代码:1 2 3 css代码: 1 #container{ 2 width: ... 阅读全文
posted @ 2014-07-07 13:37 Earlene 阅读(1222) 评论(0) 推荐(0) 编辑