随笔分类 -  js

jQuery文章、Demo等
js模块化开发——AMD规范
摘要:这个系列的第一部分介绍了Javascript模块的基本写法,今天介绍如何规范地使用模块。七、模块的规范先想一想,为什么模块很重要?因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的写法,... 阅读全文
posted @ 2015-11-27 15:58 杨杨0708 阅读(270) 评论(0) 推荐(0)
js模块化开发——模块的写法
摘要:随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法,管理网页的业务逻辑。Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只... 阅读全文
posted @ 2015-11-27 15:54 杨杨0708 阅读(3279) 评论(0) 推荐(1)
javascript设计模式之解释器模式详解
摘要:http://www.jb51.net/article/50680.htm神马是“解释器模式”?先翻开《GOF》看看Definition:给定一个语言,定义它的文法的一种表示,并定义一个解释器,这个解释器使用该表示来解释语言中的句子。在开篇之前还是要科普几个概念:抽象语法树:解释器模式并未解释如何创... 阅读全文
posted @ 2015-11-18 16:45 杨杨0708 阅读(417) 评论(0) 推荐(0)
jquery的ready事件的实现机制浅析
摘要:页面初始化中,用的较多的就是$(document).ready(function(){//代码}); 或 $(window).load(function(){//代码});他们的区别就是,ready是在DOM的结构加载完后就触发,load是在页面内包括DOM结构,css,js,图片等都加载完成后再触... 阅读全文
posted @ 2015-11-10 14:54 杨杨0708 阅读(246) 评论(0) 推荐(0)
事件(高级程序编程)
摘要:事件 理解事件流 使用事件处理程序 不同的事件类型 JS 与 HTML 之间交互便是通过事件实现的。事件就是文档或者浏览器窗口中发生的一些特定的交互瞬间。可以使用监听器来预定事件,以便事件发生的时候执行相应的代码。 1. 事件流 事件流描述... 阅读全文
posted @ 2015-11-06 11:08 杨杨0708 阅读(626) 评论(0) 推荐(0)
js原生之设计模式开篇介绍
摘要:本文主要讲述一下,什么是设计模式(Design pattern),作为敲键盘的我们要如何学习设计模式。设计模式真的是一把万能钥匙么? 各个代码的设计模式几乎每个人都知晓,就算不会那也一定在一些装逼的大牛(部分而已)口中听过。但可能很少有人知道设计模式的由来: 设计模式该术语源自Erich Gamm... 阅读全文
posted @ 2015-11-06 11:05 杨杨0708 阅读(400) 评论(0) 推荐(0)
深入理解JavaScript系列
摘要:http://www.cnblogs.com/TomXu/category/338104.html 阅读全文
posted @ 2015-11-06 10:18 杨杨0708 阅读(143) 评论(0) 推荐(0)
js原生设计模式——8单例模式之简约版属性样式方法库
摘要:单例模式——在js中就是指的单个对象,可用于命名空间声明 阅读全文
posted @ 2015-11-05 16:33 杨杨0708 阅读(279) 评论(0) 推荐(0)
彻底理解JavaScript原型
摘要:原型是JavaScript中一个比较难理解的概念,原型相关的属性也比较多,对象有"[[prototype]]"属性,函数对象有"prototype"属性,原型对象有"constructor"属性。为了弄清原型,以及原型相关的这些属性关系,就有了这篇文章。相信通过这篇文章一定能够清楚的认识到原型,现在... 阅读全文
posted @ 2015-11-05 16:12 杨杨0708 阅读(171) 评论(0) 推荐(0)
Javascript模块化编程(一):模块的写法
摘要:随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法,管理网页的业务逻辑。Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只... 阅读全文
posted @ 2015-11-05 16:11 杨杨0708 阅读(159) 评论(0) 推荐(0)
js原生之一个面向对象的应用
摘要:function IElectricalEquipment() { } IElectricalEquipment.prototype = { poweron: function () { }, poweroff: function () { } }; function Fan(){//电风扇 } F... 阅读全文
posted @ 2015-11-05 16:08 杨杨0708 阅读(144) 评论(0) 推荐(0)
js原生之函数
摘要:1.函数作为参数传给其他函数: data.sort(function(a,b){return a-b}) //关于数组的sort函数,其回调函数返回负值,a在b之前 //正值,b在a之前2.函数定义好后立即调用 var temp=(function(x){return x*x})(10); func... 阅读全文
posted @ 2015-11-05 16:07 杨杨0708 阅读(306) 评论(0) 推荐(0)
js原生之scrollTop、offsetHeight和offsetTop等属性用法详解
摘要:scrollTop、offsetHeight和offsetTop等属性用法详解:标题中的几个相关相关属性在网页中有这大量的应用,尤其是在运动框架中,但是由于有些属性相互之间的概念比较混杂或者浏览器兼容性问题,导致掌握起来比较有难度,下面就介绍一下相关属性的用法。先来看一张比较经典的示意图:下面结合各... 阅读全文
posted @ 2015-11-05 16:04 杨杨0708 阅读(23495) 评论(0) 推荐(0)
JavaScript很牛
摘要:几年前,我从来没有想过现在的JavaScript竟然会变得几乎无处不在。下面是几个要关注JavaScript的原因。首先,我认为JavaScript能够得到普及的主要原因之一是,JavaScript非常易于接近。学习JavaScript,对于初学者而言,相对比较容易,对于高级用户而言,又非常强大,可... 阅读全文
posted @ 2015-11-05 16:03 杨杨0708 阅读(304) 评论(0) 推荐(0)
编写快速、高效的JavaScript代码
摘要:许多Javascript引擎都是为了快速运行大型的JavaScript程序而特别设 计的,例如Google的V8引擎(Chrome浏览器,Node均使用该引擎)。在开发过程中,如果你关心你程序的内存和性能的话,你应该了解并意识 到,在你的代码背后,浏览器的JavaScript引擎中到底发生了什么事情... 阅读全文
posted @ 2015-11-05 15:59 杨杨0708 阅读(455) 评论(0) 推荐(0)
javascript设计模式实践之代理模式--图片预加载
摘要:图片的预加载就是在加载大图片前,先显示一个loading.gif,就算在网络比较慢的时候也能让人知道正在加载,总比啥反应都没有强。下面这段代码就是预加载的一个简单的实现,假设先不处理加载图片时的onError,onAbort,超时的问题。只关注代码的结构。 ... 阅读全文
posted @ 2015-11-05 15:57 杨杨0708 阅读(194) 评论(0) 推荐(0)
js原生设计模式——8单例模式
摘要:1、单例模式——在js中就是指的单个对象,可用于命名空间声明2、示例 单例模式——在js中就是指的单个对象,可用于命名空间声明 阅读全文
posted @ 2015-11-05 15:03 杨杨0708 阅读(217) 评论(0) 推荐(0)
js原生设计模式——7原型模式之真正的原型模式——对象复制封装
摘要:真正的原型模式——对象复制封装 阅读全文
posted @ 2015-11-05 15:01 杨杨0708 阅读(187) 评论(0) 推荐(0)
js原生设计模式——7原型模式之new+call(this)组合应用再探讨实例
摘要:new+call(this)组合应用再探讨实例 阅读全文
posted @ 2015-11-05 15:00 杨杨0708 阅读(164) 评论(0) 推荐(0)
js原生设计模式——6复杂对象的构建—Builder建造者模式
摘要:builder 阅读全文
posted @ 2015-11-05 11:08 杨杨0708 阅读(300) 评论(0) 推荐(0)