随笔分类 -  javascript

摘要:CSS方面:1. 把样式表置于顶部2. 避免使用CSS表达式(Expression)3. 使用外部JavaScript和CSS4. 压缩JavaScript和CSS精简是指从去除代码不必要的字符减少文件大小从而节省下载时间。消减代码时,所有 的注释、不需要的空白字符(空格、换行、tab缩进)等都要... 阅读全文
posted @ 2015-09-05 16:44 青青flye 阅读(174) 评论(0) 推荐(0) 编辑
摘要:question:不依赖框架,如何获取一个元素的绝对位置? 1.1 offset和position理解 1.2 使用框架 1.3 不适用框架 方法一:offsetTop和offsetLeft循环offsetParent得到offsetTop和offsetLeft相加 方法二:getBou... 阅读全文
posted @ 2015-08-17 17:22 青青flye 阅读(204) 评论(0) 推荐(0) 编辑
摘要:#一、事件流事件流,描述的是页面中接受事件的顺序,不过,IE的事件流是事件冒泡流,而Netscape Communicator的事件流是事件捕获型。标准同时支持两种事件模型,即捕获型事件与冒泡型事件,但是,捕获型事件先发生。两种事件流都会触发DOM中的所有对象,从document对象开始,也在doc... 阅读全文
posted @ 2015-06-03 20:25 青青flye 阅读(359) 评论(0) 推荐(0) 编辑
摘要:#第三章:对象```javascript//1.定义一个方法 methodFunction .prototype.method=function(name, func){ this.prototype[name]=func; ret... 阅读全文
posted @ 2015-05-18 11:30 青青flye 阅读(211) 评论(0) 推荐(0) 编辑
摘要:JavaScript 支持函数式编程、闭包、基于原型的继承等高级功能。在 Java 等面向对象的语言中,this 关键字的含义是明确且具体的,即指代当前对象。而在 JavaScript 中,this 是动态绑定,或称为运行期绑定的,这就导致 JavaScript 中的 this 关键字有能力具备多重... 阅读全文
posted @ 2015-05-07 22:14 青青flye 阅读(191) 评论(0) 推荐(0) 编辑
摘要:JavaScript创建对象主要是3种方法:工厂模式、构造函数模式、原型模式。其实对于构造函数的概念,我们并不陌生。在之前学习c++语言的时候,也有提到过构造函数的概念。除了创建对象,构造函数(constructor) 可以自动为创建的新对象设置原型对象(prototype object) ,原型对... 阅读全文
posted @ 2015-05-07 09:03 青青flye 阅读(201) 评论(0) 推荐(0) 编辑
摘要:#一、this易错分析在学习闭包的时候,有一个概念this很重要,关于this的理解,下面3种情况:this指向谁?```javascriptfn.call(obj1);obj2.fn()fn()```答案是obj1 obj2 window##判断this的指向有3条规则:执行函数的过程中肯定存在两... 阅读全文
posted @ 2015-05-06 09:28 青青flye 阅读(181) 评论(0) 推荐(0) 编辑
摘要:在学习JavaScript作用域概念之前,首先要明白几个概念:执行环境、变量对象、作用域链。##一、JavaScript执行环境(execution context):在《Professional JavaScript for Web Developers》一书中写到:> The concept o... 阅读全文
posted @ 2015-05-05 20:15 青青flye 阅读(278) 评论(0) 推荐(0) 编辑
摘要:##背景今天在逛知乎时候,看到一个JavaScript方面的问题:![](http://images.cnitblog.com/blog2015/629726/201504/071645297115150.jpg)最近在学习JavaScript DOM,就好奇地查阅资料,以及请教学长,得到下面解答:... 阅读全文
posted @ 2015-04-07 17:05 青青flye 阅读(981) 评论(0) 推荐(0) 编辑
摘要:学习正则表达式的最好方法是从例子开始,理解例子之后再自己对例子进行修改,实验。我觉得正则表达式很像大一时候学习的离散数学的,使用“与或非(&,|,^)”的逻辑表达式来抽象一段复杂的自然语言描述,从而解决一些逻辑分析问题。#1.语法:![](http://images.cnitblog.com/blo... 阅读全文
posted @ 2015-04-06 21:56 青青flye 阅读(3519) 评论(0) 推荐(0) 编辑
摘要:上个月在进行百度三面时候,面试官提问JavaScript DOM方法,我回答的有点少,前面太关注JavaScript 兼容性,框架方面,JavaScript 原生DOM基础没有记牢,心中有点遗憾。下来继续看我喜欢的红宝书,希望深入学习JavaScript DOM。![](http://images.... 阅读全文
posted @ 2015-04-03 12:41 青青flye 阅读(981) 评论(0) 推荐(0) 编辑
摘要:一般想到JS的兼容性问题的时候,首先会想到addEventListener与attachEvent这一对冤家,那么我们先来看看它们有什么兼容性问题###addEventListener与attachEvent区别:一般我们在JS中添加事件,是这样子的```javascriptobj.onclick=... 阅读全文
posted @ 2015-04-02 11:05 青青flye 阅读(302) 评论(0) 推荐(0) 编辑
摘要:看了朴灵前辈的node.js系列文章,很开阔视野,虽然能力有限还是有很多不懂,但是还是希望能写下笔记,初步对node.js有点了解。#一、概念* Node.js不是JS应用、而是JS运行平台* Node.js采用C++语言编写而成,是一个Javascript的运行环境。为什么采用C++语言呢?据No... 阅读全文
posted @ 2015-03-31 09:12 青青flye 阅读(174) 评论(0) 推荐(0) 编辑
摘要:#jquery源代码学习_工具函数_typejquery里面有一个很重要的工具函数,$.type函数用来判断类型,今天写这篇文章,是来回顾type函数的设计思想,深入理解。首先来看一下最终结果:![](http://images.cnitblog.com/blog2015/629726/201503... 阅读全文
posted @ 2015-03-26 15:28 青青flye 阅读(250) 评论(0) 推荐(0) 编辑
摘要:#jQuery源代码学习笔记_工具函数_noop/error/now/trimjquery提供了一系列的工具函数,用于支持其运行,今天主要分析noop/error/now/trim这4个函数:## 1.noop```javascript//返回一个空函数 function noop() {}```... 阅读全文
posted @ 2015-03-25 09:00 青青flye 阅读(260) 评论(0) 推荐(0) 编辑
摘要:###表示在document.ready时执行代码```javascript$(function(){ //1、取得要操作的对象(尽量只限制范围),如果对象多次使用要记得缓存 var $selector = $('selector'); var $target = $selector.find();... 阅读全文
posted @ 2015-03-11 15:17 青青flye 阅读(355) 评论(0) 推荐(0) 编辑
摘要:###1.写出1--10000之间的所有对称数```javascriptfunction app() { var arr = []; for (var i = 10; i 100 && i 1000 && i < 10000 && str.charAt(0) == str.charA... 阅读全文
posted @ 2015-03-11 13:21 青青flye 阅读(165) 评论(0) 推荐(0) 编辑
摘要:###上一篇博客分享了Date对象的理论知识,今天正好看到一段相关的代码,可以继续深化,通过实例加强复习Date![](http://images.cnitblog.com/blog2015/629726/201503/071741353678145.jpg)**题目:获取3分钟前的时间,并且显示格... 阅读全文
posted @ 2015-03-07 17:31 青青flye 阅读(1500) 评论(0) 推荐(0) 编辑
摘要:###1.要创建一个日期对象,使用new 操作符和Date构造函数即可:```javascriptvar date=new Date()```在调用Date构造函数而不传递参数的情况下,新创建的对象可以自动获得当前日期和时间。必须传入日期的毫秒数,为了简化计算过程,提供方法:**Date.parse... 阅读全文
posted @ 2015-03-05 15:06 青青flye 阅读(337) 评论(0) 推荐(0) 编辑
摘要:###typeof类型检测我们下来看看他们的类型分别是什么:```javascript alert(typeof(false) === 'boolean');//true alert(typeof(0) === 'number');//true alert(typeof("") =... 阅读全文
posted @ 2015-03-04 16:03 青青flye 阅读(5918) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示