随笔分类 -  js技术

上一页 1 ··· 8 9 10 11 12
require.js的用法
摘要：一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。 这段代码依次加载多个js文件。这样的写法有很大的缺点。首... 阅读全文
posted @ 2014-06-06 10:37 axl234 阅读(233) 评论(0) 推荐(0)
JavaScript中模块“写法”
摘要：在JavaScript模块到底是什么event = function() { // do more return { bind: function() {}, unbind: function() {}, trigger: function() ... 阅读全文
posted @ 2014-06-06 09:44 axl234 阅读(212) 评论(0) 推荐(0)
模块化的JavaScript
摘要：我们再一次被计算机的名词，概念笼罩。backbone、emberjs、spinejs、batmanjs等MVC框架侵袭而来。CommonJS、AMD、NodeJS、RequireJS、SeaJS、curljs等模块化的JavaScript概念及库扑面而来。模块化JavaScript的概念尤为突出，似... 阅读全文
posted @ 2014-06-06 09:42 axl234 阅读(201) 评论(0) 推荐(0)
javascript如何判断访问网页的设备及是否支持触屏功能
摘要：var system ={}; var p = navigator.platform; system.win = p.indexOf("Win") == 0; system.mac = p.indexOf("Mac") == 0; system.x11... 阅读全文
posted @ 2014-06-06 09:39 axl234 阅读(1482) 评论(0) 推荐(0)
用cssText属性批量操作样式
摘要：给一个HTML元素设置css属性，如var head= document.getElementById("head");head.style.width = "200px";head.style.height = "70px";head.style.display = "block";这样写太罗嗦了... 阅读全文
posted @ 2014-06-04 11:09 axl234 阅读(213) 评论(0) 推荐(0)
JavaScript获取图片的原始尺寸
摘要：页面里的img元素，想要获取它的原始尺寸，以宽度为例可能首先想到的就是width，如下这里使用的getWH方法是之前文章里提到的。这时候获取的宽度和图片的原始尺寸是一样的。如果给img加上了width属性，这种方式就不行了，比如图片实际宽度是690，设置了width为400，这时按上面的方式获取则返... 阅读全文
posted @ 2014-06-03 15:05 axl234 阅读(247) 评论(0) 推荐(0)
利用Keydown事件阻止用户输入
摘要：先了解下各事件的区别KeyDown：在控件有焦点的情况下按下键时发生KeyPress：在控件有焦点的情况下按下键时发生KeyUp： 在控件有焦点的情况下释放键时发生1、KeyPress主要用来接收字母、数字等ANSI字符。KeyDown 和 KeyUP 事件过程通常可以捕获键盘除了PrScrn所有... 阅读全文
posted @ 2014-06-03 15:04 axl234 阅读(853) 评论(0) 推荐(0)
js函数设计原则
摘要：一般认为函数指具有返回值的子程序，过程指没有返回值的子程序。C++中把所有子程序成为函数，其实那些返回值为void的 函数在语义上也是过程。函数与过程的区别更多是语义上的区别，而不是语法的区别。语言纯化论者认为一个函数应该只有一个返回值，这和数学函数一样。即函数只接受输入（参数），通过参数运算返回结... 阅读全文
posted @ 2014-06-03 14:29 axl234 阅读(1051) 评论(0) 推荐(0)
Javascript闭包演示
摘要：有个网友问了个问题，如下的html，为什么点击所有的段落p输出都是5，而不是alert出对应的0，1，2，3，4。闭包演示 产品 0 产品 1 产品 2 产品 3 产品 4 以上场景是初学者经常碰到的。即获取HTML元素集合，循环给元素添加事件。在事件响应函数中(event handler... 阅读全文
posted @ 2014-06-03 14:23 axl234 阅读(170) 评论(0) 推荐(0)
JavaScript判断图片是否加载完成
摘要：一、load事件 img - load event loading...测试，所有浏览器都显示出了“loaded”，说明所有浏览器都支持img的load事件。二、readystatechange事件 img - readystatechange event loading...readyStat... 阅读全文
posted @ 2014-06-03 14:20 axl234 阅读(240) 评论(0) 推荐(0)
JavaScript创建类的方式
摘要：一些写类工具函数或框架的写类方式本质上都是 构造函数+原型。只有理解这一点才能真正明白如何用JavaScript写出面向对象的代码，或者说组织代码的方式使用面向对象方式。当然用JS也可写出函数式的代码，它是多泛型的。为了讨论的单一性，暂不考虑类的继承，(私有,受保护)属性或方法。EMCAScript... 阅读全文
posted @ 2014-06-03 11:01 axl234 阅读(305) 评论(0) 推荐(0)
代码复用原则:合理使用类组合和类继承
摘要：继承和组合都可以达到代码复用的目的，但是组合比继承更具灵活性。组合是通过引用已有类（一般为抽象类）或接口来实现复用的组合在运行时通过多态可以动态替换被组合的对象。继承是通过以子类继承父类方式来使父类的非私有成员可以被其子类使用。继承在类编译时就确定了继承来的方法和属性，无法在运行时动态改变从父类继承... 阅读全文
posted @ 2014-05-30 14:28 axl234 阅读(530) 评论(0) 推荐(0)
图片延迟加载并等比缩放，一个简单的JQuery插件
摘要：使用方法：$(".viewArea img").zoom({height:74,width:103});(function($){$.fn.zoom=function(settings){//一些默认配置；settings=$.extend({height:0,width:0,loading:"ht... 阅读全文
posted @ 2014-05-29 15:48 axl234 阅读(270) 评论(0) 推荐(0)
使用javascript oop开发滑动（slide) 菜单控件
摘要：这里使用原生的javascript，用面向对象的方式创建一个容易维护使用方便的滑动菜单javascript slide控件演示 第一个一级菜单 第一个二级菜单 第一个二级菜... 阅读全文
posted @ 2014-05-29 15:00 axl234 阅读(261) 评论(0) 推荐(0)
由闭包引起的对javascript代码可维护性的思考
摘要：在最近的编程实践中由闭包的使用引起了我对javascript代码可维护性的思考。面向对象的其中一个特性封装性通过封装可以降低类与类之间或模块与模块之间耦合性从而使我们的设计更加高内聚低耦合，在大规模的程序开发中这是度量程序可维护性的一个指标，在大量应用了基于javascript的RIA的项目中jav... 阅读全文
posted @ 2014-05-29 14:27 axl234 阅读(191) 评论(0) 推荐(0)
让浏览器非阻塞加载javascript的几种方式
摘要：通常大多数浏览器是并行下载资源的，但由于外部脚本的特殊性例如通过脚本改变文档的DOM结构、脚本之间的存在依赖关系、使用document.write 向页面输出HTML等。浏览器为了确保正确执行脚本和呈现布局在浏览器加载和执行完成它之前会完全阻塞页面后续内容的呈现和其他资源的加载。 在页面的加载过程中... 阅读全文
posted @ 2014-05-29 14:25 axl234 阅读(685) 评论(0) 推荐(0)
Javascript中正则表达式的全局匹配模式
摘要：先看一道JavaScript题目，据说是国内某知名互联网企业的JavaScript笔试题，如果对正则的全局匹配模式不了解的话可能会对下面的输出结果感到疑惑。var str = "123#abc";var re = /abc/ig;console.log(re.test(str)); //输出ture... 阅读全文
posted @ 2014-05-29 14:24 axl234 阅读(3921) 评论(0) 推荐(0)
解读JavaScript代码 var ie = !-[1,]
摘要：var ie = !-[1,]； 这句代码在IE9之前曾被称为世界上最短的IE判定代码。代码虽短但确包含了不少javascript基础知识在里面。在这个例子中代码执行时会先调用数组的toString()方法，执行[1,].toString()在IE6,7,8中将会得到“1,”。然后表达式就变为!-“... 阅读全文
posted @ 2014-05-29 14:22 axl234 阅读(227) 评论(0) 推荐(0)
Javascript中闭包的作用域链
摘要：作用域定义了在当前上下文中能够被访问到的成员，在Javascript中分为全局作用域和函数作用域，通过函数嵌套可以实现嵌套作用域。 闭包一般发生在嵌套作用域中。闭包是JavaScript最强大的特性之一,很多高级应用都要依靠闭包实现。如OO的私有成员和模块化等。然而闭包虽然强大，但一般比较占用内存另... 阅读全文
posted @ 2014-05-29 14:13 axl234 阅读(188) 评论(0) 推荐(0)

上一页 1 ··· 8 9 10 11 12