随笔分类 -  javascript

摘要:网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth(包括边线的宽);网页可见区域高: document.body.offsetHeight(... 阅读全文
posted @ 2014-06-10 14:57 mabel_on_line 阅读(261) 评论(0) 推荐(0) 编辑
摘要:1.定义变量的时候,需要初始化,这是一种习惯var box=null; //对象的初始化一般用nullvar box={ //以后再声明 age:10}var box=''; //创建一个字符串对象,一开始不知道赋值什么的时候,就创建为空字符串var box=0; //数值初始化,一般为0va... 阅读全文
posted @ 2014-06-10 11:01 mabel_on_line 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2014-06-09 16:20 mabel_on_line 阅读(146) 评论(0) 推荐(0) 编辑
摘要:前端学习路线转自http://www.douban.com/note/330647290/前端要学习三个部分:HTML,CSS,JavaScript(简称JS),因此首先明确三个概念:HTML是内容层,它的目的是表示一个HTML标签在页面里是个什么角色。 CSS是样式层,它的目的是表示一块内容以什么... 阅读全文
posted @ 2014-05-30 16:43 mabel_on_line 阅读(1146) 评论(0) 推荐(0) 编辑
摘要:jQuery代码具体的写法和原生的Javascript写法在执行常见操作时的区别如下所示。需要的朋友可以过来参考下要使用jQuery,首先要在HTML代码最前面加上对jQuery库的引用,比如:库文件既可以放在本地,也可以直接使用知名公司的CDN,好处是这些大公司的CDN比较流行,用户访问你网站之前... 阅读全文
posted @ 2014-05-24 21:53 mabel_on_line 阅读(734) 评论(0) 推荐(0) 编辑
摘要:http://www.cnblogs.com/opper/archive/2009/01/12/1373971.htmljs javascript:void(0) 真正含义我想使用过ajax的都常见这样的代码:here但这儿的void(0)究竟是何含义呢?Javascript中void是一个操作符,... 阅读全文
posted @ 2014-05-24 18:26 mabel_on_line 阅读(231) 评论(0) 推荐(0) 编辑
摘要:var app_vote_end_time = new Date(2019, 12 - 1, 31, 23, 59, 59);var app_vote_now_time = new Date();if (app_vote_now_time > app_vote_end_time) { try { ... 阅读全文
posted @ 2014-05-24 16:50 mabel_on_line 阅读(104) 评论(0) 推荐(0) 编辑
摘要:document.location.href="http://www.w3school.com.cn/" 阅读全文
posted @ 2014-05-24 16:28 mabel_on_line 阅读(206) 评论(0) 推荐(0) 编辑
摘要:1.用原型链实现继承 最普通 但是没有办法传参,没有办法共享方法继承是面向对象中一个比较核心的概念。其他正统面向对象语言都会用两种方式实现继承:一个是接口实现,一个是继承。而 ECMAScript 只支持继承,不支持接口实现,而实现继承的方式依靠原型链完成。原型链是由原型加对象构造之间的关系结构形成... 阅读全文
posted @ 2014-05-10 22:03 mabel_on_line 阅读(200) 评论(0) 推荐(0) 编辑
摘要:原型模式创建对象也有自己的缺点,它省略了构造函数传参初始化这一过程,带来的缺点就是初始化的值都是一致的。而原型最大的缺点就是它最大的优点,那就是共享。原型中所有属性是被很多实例共享的,共享对于函数非常合适,对于包含基本值的属性也还可以。但如果属性包含引用类型,就存在一定的问题:1.//原型的缺点fu... 阅读全文
posted @ 2014-05-10 17:48 mabel_on_line 阅读(736) 评论(0) 推荐(0) 编辑
摘要:1.我们创建的每个函数(或称构造函数或对象)都有一个 prototype(原型)属性,这个属性是一个对象(这个对象下有个prototype属性,而这个属性其实是另外一个对象的引用,这个属性就是一个对象),它的用途是包含可以由特定类型的所有实例共享的属性和方法(prototype共享放到其中的属性和方... 阅读全文
posted @ 2014-05-09 23:54 mabel_on_line 阅读(278) 评论(0) 推荐(0) 编辑
摘要:从一个例子说起:var m ={a:’a’, b:’b’};var n=m;n.c=’c’;那么在这个时候, m.c也会变成’c’!这个问题在我最开始学习JS语言时个人一直处于概念迷惑不清的状态其实道理很简单,就像两个人共同拥有一片花园。如果其中一个人把一种新品种的花引进了花园。那么另外一个人就可以... 阅读全文
posted @ 2014-05-09 12:50 mabel_on_line 阅读(150) 评论(0) 推荐(0) 编辑
摘要:1.创建一个对象基本方法,然后给这个对象新建属性和方法。以及this的用法。var box = new Object(); //创建对象box.name = 'lee'; //添加属性box.age=100;box.run=function(){ //添加方法 return this.nam... 阅读全文
posted @ 2014-05-08 22:53 mabel_on_line 阅读(233) 评论(0) 推荐(0) 编辑
摘要:http://edu.51cto.com/lesson/id-6390.html本文主要讲匿名函数中的私有化(私有作用域,私有变量)的问题一、模仿块级作用域 1.块级作用域(也叫私有作用域)function box(){for(var i=0; i<5; i++){ //for语句为块级作用域(但... 阅读全文
posted @ 2014-05-08 17:39 mabel_on_line 阅读(485) 评论(0) 推荐(0) 编辑
摘要:http://edu.51cto.com/lesson/id-6389.html匿名函数:没有名字的函数。闭包:闭包是建立在一个匿名函数里面的。闭包是指 有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式, 是在一个函数内部创建另一个函数,建议非必要时, 不要使用闭包,匿名函数也是差不多。即... 阅读全文
posted @ 2014-05-08 15:06 mabel_on_line 阅读(375) 评论(0) 推荐(0) 编辑
摘要:摘自:http://blog.chinaunix.net/uid/20714478/cid-74195-list-1.htmlYahoo网站性能优化的34条规则1、尽量减少HTTP请求次数 终端用户响应的时间中,有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。 减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢?这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术。合并文件是通过把所有的脚本放到一个文件中来减少H 阅读全文
posted @ 2013-07-12 11:40 mabel_on_line 阅读(462) 评论(0) 推荐(0) 编辑
摘要:摘自: http://www.admin5.net/thread-5110744-1-1.html1. 重复的HTTP请求数量应尽量减少(1) 减少调用其他页面、文件的数量(2)将需要频繁加载的多个图片合成为1个单独的图片,加载时采用:background:url(....) no-repeat x-offset y-offset的形式加载,图片加载的HTTP请求缩减为1个。即,css sprite (http://baike.baidu.com/view/2173476.htm) 不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题。利用CSS Sprites能很好地 阅读全文
posted @ 2013-07-12 11:30 mabel_on_line 阅读(7707) 评论(0) 推荐(1) 编辑
摘要:http://bonsaiden.github.io/JavaScript-Garden/zh/ 阅读全文
posted @ 2013-07-10 18:37 mabel_on_line 阅读(148) 评论(0) 推荐(0) 编辑
摘要:http://www.51jobdoc.com/TypeDesign/JavaScript/1_5.html 阅读全文
posted @ 2013-04-12 14:14 mabel_on_line 阅读(111) 评论(0) 推荐(0) 编辑
摘要:1.<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML或 XHTML 规范。2.行内元素有 span a strong 块 div h1 ul行内元素特性 设置宽度width 无效。设置高度height无效,可以通过line-height来设置。设置margin只有左右margin有效,上下无效。设置padding只有左右padding有效,上下则无效。3.jsonP一个众所周知的问题,Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面、动态网页、web服务、WCF,只要是跨域请求, 阅读全文
posted @ 2013-04-02 09:07 mabel_on_line 阅读(201) 评论(0) 推荐(0) 编辑