随笔分类 - javascript
摘要:CSS方面:1. 把样式表置于顶部2. 避免使用CSS表达式(Expression)3. 使用外部JavaScript和CSS4. 压缩JavaScript和CSS精简是指从去除代码不必要的字符减少文件大小从而节省下载时间。消减代码时,所有 的注释、不需要的空白字符(空格、换行、tab缩进)等都要...
阅读全文
摘要:question:不依赖框架,如何获取一个元素的绝对位置? 1.1 offset和position理解 1.2 使用框架 1.3 不适用框架 方法一:offsetTop和offsetLeft循环offsetParent得到offsetTop和offsetLeft相加 方法二:getBou...
阅读全文
摘要:#一、事件流事件流,描述的是页面中接受事件的顺序,不过,IE的事件流是事件冒泡流,而Netscape Communicator的事件流是事件捕获型。标准同时支持两种事件模型,即捕获型事件与冒泡型事件,但是,捕获型事件先发生。两种事件流都会触发DOM中的所有对象,从document对象开始,也在doc...
阅读全文
摘要:#第三章:对象```javascript//1.定义一个方法 methodFunction .prototype.method=function(name, func){ this.prototype[name]=func; ret...
阅读全文
摘要:JavaScript 支持函数式编程、闭包、基于原型的继承等高级功能。在 Java 等面向对象的语言中,this 关键字的含义是明确且具体的,即指代当前对象。而在 JavaScript 中,this 是动态绑定,或称为运行期绑定的,这就导致 JavaScript 中的 this 关键字有能力具备多重...
阅读全文
摘要:JavaScript创建对象主要是3种方法:工厂模式、构造函数模式、原型模式。其实对于构造函数的概念,我们并不陌生。在之前学习c++语言的时候,也有提到过构造函数的概念。除了创建对象,构造函数(constructor) 可以自动为创建的新对象设置原型对象(prototype object) ,原型对...
阅读全文
摘要:#一、this易错分析在学习闭包的时候,有一个概念this很重要,关于this的理解,下面3种情况:this指向谁?```javascriptfn.call(obj1);obj2.fn()fn()```答案是obj1 obj2 window##判断this的指向有3条规则:执行函数的过程中肯定存在两...
阅读全文
摘要:在学习JavaScript作用域概念之前,首先要明白几个概念:执行环境、变量对象、作用域链。##一、JavaScript执行环境(execution context):在《Professional JavaScript for Web Developers》一书中写到:> The concept o...
阅读全文
摘要:##背景今天在逛知乎时候,看到一个JavaScript方面的问题:最近在学习JavaScript DOM,就好奇地查阅资料,以及请教学长,得到下面解答:...
阅读全文
摘要:学习正则表达式的最好方法是从例子开始,理解例子之后再自己对例子进行修改,实验。我觉得正则表达式很像大一时候学习的离散数学的,使用“与或非(&,|,^)”的逻辑表达式来抽象一段复杂的自然语言描述,从而解决一些逻辑分析问题。#1.语法: {}```...
阅读全文
摘要:###表示在document.ready时执行代码```javascript$(function(){ //1、取得要操作的对象(尽量只限制范围),如果对象多次使用要记得缓存 var $selector = $('selector'); var $target = $selector.find();...
阅读全文
摘要:###1.写出1--10000之间的所有对称数```javascriptfunction app() { var arr = []; for (var i = 10; i 100 && i 1000 && i < 10000 && str.charAt(0) == str.charA...
阅读全文
摘要:###上一篇博客分享了Date对象的理论知识,今天正好看到一段相关的代码,可以继续深化,通过实例加强复习Date**题目:获取3分钟前的时间,并且显示格...
阅读全文
摘要:###1.要创建一个日期对象,使用new 操作符和Date构造函数即可:```javascriptvar date=new Date()```在调用Date构造函数而不传递参数的情况下,新创建的对象可以自动获得当前日期和时间。必须传入日期的毫秒数,为了简化计算过程,提供方法:**Date.parse...
阅读全文
摘要:###typeof类型检测我们下来看看他们的类型分别是什么:```javascript alert(typeof(false) === 'boolean');//true alert(typeof(0) === 'number');//true alert(typeof("") =...
阅读全文