javascript
晓亮09
一直问自己怎样才能把程序写的更好?
编程境界:干净利落,没有任何多余步骤。
动态能力:反应,逻辑思维和推理能力。
展开
-
js真正的原型继承
前几天去面试JS 让我写一个原型继承,我居然写一个伪的,今天写了 发出来原型继承function Person(name) { this.name = name;}function student(name,age) { Person.call(this,name); //Person附加到this中,这样student this里就有了Person的THIS this.age =原创 2013-01-20 23:39:14 · 443 阅读 · 0 评论 -
JS继承
function Person (name, age) { this.name = name; this.age = age;}Person.prototype.sayHi = function (){ alert(this.name+'=='+ this.age)}function student(name,age) { Person.apply(th原创 2012-10-29 12:15:42 · 338 阅读 · 0 评论 -
seajs 文档
seajshttp://seajs.org/docs/#docs原创 2012-11-05 16:35:04 · 420 阅读 · 0 评论 -
初识 SeaJS
最近NodeJS和CommonJS真是好火啊,前端真的不再如从前那么“单纯”了,从此需要学习掌握更多的传统软件开发的知识和技能,也就是从前后端开发做的很多工作会逐渐前移到前端工程师。这里为什么要把NodeJS和CommonJS放在一起说呢,主要是我对里面的模块机制十分感兴趣,正好NodeJS中的模块实现方式也遵循CommonJS中的相关规范。神奇的 require首先还是看一段代码转载 2012-11-05 16:35:30 · 388 阅读 · 0 评论 -
使用JSON作为函数的参数
1 我们可以随时为一个函数添加/删除参数或在任意参数位置添加新参数,而不会像传统参数一样必须按照规定的顺序书写,而且每次添加或删除函数某个参数都要函数内容进行修改。而使用JSON作为参数可以不用考虑参数顺序。看下面代码演示:script type="text/javascript"> //普通方法 function commonArg(name,age,de转载 2012-11-04 23:42:29 · 484 阅读 · 0 评论 -
用javascript编写优美的代码
一、简化代码 采用更为简短的写法,不仅可以减少输入的字符数,还可以减少文件大小。大部分采用简单写法的代码,执行效率都有轻微提高。 1.1 简化常用对象定义:使用 var obj = {}; 代替 var obj = new Object(); 使用 var arr = []; 代替 var arr = new Array(); 1.2 精简if语句三元操作符可以转载 2012-11-04 23:13:49 · 482 阅读 · 0 评论 -
javascript中为何在匿名function函数后面还外加一个括号
详细研究过Javascript代码库(如Jquery、YUI)的人,一定会看到过很多如下形式的函数: (function(){...}())或 (function(){})() 对于很多初学者来说,遇到它们经常会产生一系列问号:这是编程吗,用它做什么,怎么我没在其他语言里见过呢? 接下来我就详细地解释一下: 它可以解释成为“匿名函数自调用”,也转载 2012-11-04 03:58:16 · 476 阅读 · 0 评论 -
JavaScript如何计算两个日期间的时间差
有时候我们需要知道两个日期之间差了多少天,多少小时,甚至多少分钟多少秒。下面我们用JavaScript实现一个函数,用于计算两个日期的时间差,先来看看代码:/*** 时间对象的格式化;*/Date.prototype.format = function(format){ /* * eg:format="YYYY-MM-dd hh:mm:ss"; */ var o = {转载 2012-11-02 16:21:54 · 452 阅读 · 0 评论 -
十个迅速提升JQuery性能的技巧
本文提供即刻提升你的脚本性能的十个步骤。不用担心,这并不是什么高深的技巧。人人皆可运用!这些技巧包括:使用最新版本合并、最小化脚本用for替代each用ID替代class选择器给选择器指定前后文建立缓存避免DOM操作避免使用concat(),利用join()处理长字串返回false值利用小抄和参考文档使用最新版本jQuery一直处于不断的开发和改进过程中。 John 和他的转载 2012-11-02 16:14:06 · 394 阅读 · 0 评论 -
用JQuery的$.getJSON发起跨域Ajax请求
jQuery中常用getJSON来调用并获取远程的JSON字符串,将其转换为JSON对象,如果成功,则执行回调函数。原型如下:jQuery.getJSON( url, [data], [callback] ) 跨域加载JSON数据。url: 发送请求的地址data : (可选) 待发送key/value参数callback: (可选) 载入成功时的回调函数主要用于客户端获取转载 2012-11-02 16:06:10 · 507 阅读 · 0 评论 -
49个jQuery代码经典片段
49个jquery代码经典片段,这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成。如果你发现你任何可以做得更好的地方的话,欢迎把你的版本粘贴在评论中!1. 如何修改jQuery默认编码(例如默认UTF-8改成改GB2312):$.ajaxSetup({转载 2012-11-02 12:07:30 · 933 阅读 · 0 评论 -
滚动条滚动到最底部
无标题 1jQuery(document).ready(function () { $("#test").bind("resize", function(){ //绑定事件 }).bind("scroll", function(){ var scroll = $(this).scrollTop();//获得滚动原创 2012-10-31 12:06:53 · 547 阅读 · 0 评论 -
scrollTop
网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽: do转载 2012-10-31 12:03:51 · 849 阅读 · 0 评论 -
js获取滚动条事件
var lazyheight = 0; //获取数据function showload(){ lazyheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop()); if ($(document).height() alert("load!"); } } showlo转载 2012-10-30 23:53:46 · 613 阅读 · 0 评论 -
javascript in语法
var foo = {goo: undefined}console.log(foo.bar);console.log('goo' in foo) in 判断foo中是否有goo键值原创 2012-11-07 11:32:21 · 377 阅读 · 0 评论 -
秘密花园学习分解记录(一):hasOwnProperty
var foo = function () { this.name = '11';};foo.prototype.test = '111';//原型扩展foo.prototype.test_1= '123';//原型扩展var foo_obj = new foo();//实例化for(var i in foo_obj){ if (foo_obj.hasOwnProperty(原创 2012-11-07 11:54:08 · 569 阅读 · 0 评论 -
js复习:字符串反转
最近打算去面试JS去了 写一些复习资料吗 JS面试题中的字符串反转 自己写一个//字符串反转var j = '1234567';var result = '';for(var i=j.length; i >=0; i--) {result += j.substring(i, i-1);}console.log(result);原创 2013-01-25 21:45:35 · 520 阅读 · 0 评论 -
js复习:数组排除重复
//js排除重复数据var arr = ['11', '22', '33', '44', '55', '11', '22', 'aaa', 'aaa'];function delrepeat(_arr) {var newarr = [], temp = {};for(var i=0, len = _arr.length; i if(temp[_a原创 2013-01-25 21:46:14 · 474 阅读 · 0 评论 -
Integrating JavaScript lint with vim
After looking for a lint program for JavaScript, I’ve found JavaScript Lint and after a few pokes around the documentation and forum, got it installed and integrated with vim.I posted this informa转载 2012-12-23 00:47:19 · 473 阅读 · 0 评论 -
js call
call 方法 请参阅 应用于:Function 对象 要求 版本 5.5 调用一个对象的一个方法,以另一个对象替换当前对象。 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被传递方法参数序列。 说明转载 2012-12-15 01:06:02 · 333 阅读 · 0 评论 -
javascript动态加载二
在上一篇javascript动态加载中,提到了使用同步加载策略这一个方式来实现如Using("jquery");Using("User");$("#ID").click(function(){ var user = new User(); user.name = "xx"; user.show();});由于JS是单线程的,所以同步策略带转载 2012-12-08 22:42:56 · 434 阅读 · 0 评论 -
javascript动态加载
这两天,没什么太多的事情,好吧,我承认,是我这两天不想做公司的项目,因为我突发奇想,其实也不算突发奇想,算是对以前的想法的实现,就是把JS当做Java来写。现在也有很多JS动态加载的框架,比如In.js。但是这种并不是我想要的编写方式,我来说说我的想法。先来一段java代码import Biz.User;User u = new User();u.show();转载 2012-12-08 22:42:32 · 542 阅读 · 0 评论 -
javascript动态加载三
先做两个链接:javascript动态加载javascript动态加载二之前两篇都介绍了,通过动态加载JS文件或者说JS模块,是怎么一步一步实现。首先是通过同步策略来实现模块加载与回调函数之间进行分离,接着是通过异步策略来实现模块加载与回调函数之间进行分离。这一篇,主要是为了说说怎么优化异步策略,并且实现了随意加载(非任意顺序加载模块),页面Ready之后加转载 2012-12-08 22:43:21 · 436 阅读 · 0 评论 -
JavaScript模块编程之写法
JavaScript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。但是,JavaScript不是一种模块化编程语言,它不支持"类"(class),更遑论"模块"(module)了。AD:随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。转载 2012-12-08 22:34:24 · 425 阅读 · 0 评论 -
jQuery 1.7 透過 on 來綁定事件
既上一篇作者寫了 Javascript 前端工具 Backbone.js Framework 初學介紹,這次來將程式改寫成 jQuery 寫法,藉這個機會來介紹 jQuery 新功能 on API,底下來看看 jQuery event handle 的演進//在 jQuery 1.3 以上版本$(selector).live(events, data, handler);转载 2012-11-23 18:17:08 · 570 阅读 · 0 评论 -
根据业务需求写了一个继承的构造函数,分享出来
根据业务需求 自己写了一个继承类,分享一下 上面有注释/*** Class* @author zhangliang* @message 如果没有继承只传递一个参数即可,默认会取最后一个参数作为派生类* @message 多个鸡肋: 第一个参数 传入{"person2": new person2(), "person3": new person3()}。原创 2012-11-09 18:20:06 · 427 阅读 · 0 评论 -
Javascript继承机制的设计思想
作者: 阮一峰日期: 2011年6月 5日我一直很难理解Javascript语言的继承机制。它没有"子类"和"父类"的概念,也没有"类"(class)和"实例"(instance)的区分,全靠一种很奇特的"原型链"(prototype chain)模式,来实现继承。我花了很多时间,学习这个部分,还做了很多笔记。但是都属于强行记忆,无法从根本上理解转载 2012-11-09 17:45:34 · 439 阅读 · 0 评论 -
javascript 杂谈之哪种写法你更喜欢?
介绍 老是在写js,你平时是怎么写你的js呢?更喜欢哪种方式呢? 今天就把常见的跟大家唠叨唠叨。——年纪大了,就这一爱好(平时也喜欢说胡话),别闲我烦! 直接初始化法 优点:1、userData本身就是对象实例。——上来就实例化一个类出来,也不怕浏览器受不了。2、代码紧凑。3、编程效率高。缺点:转载 2012-11-08 23:30:34 · 424 阅读 · 0 评论 -
JavaScript类的几种写法
我们常用的有以下几种方法来用JavaScript写一个“类”: 1. 构造函数(public属性和方法) 1: function Person(iName, iAge){ 2: this.name=iName; //public 3: this.age=iAge; //public 4: this.ShowStudent=function(){ //p转载 2012-11-08 23:08:46 · 543 阅读 · 0 评论 -
将arguments转换成真正数组
Array.prototype.slice.call(arguments);原创 2012-11-07 12:08:49 · 508 阅读 · 0 评论 -
用JAVASCRIPT实现静态对象
Javascript语言的面向对象特征很弱,其他面向对象语言在创建类时只要使用关键字static即可指定类为静态类,Javascript没有提供static这样的关键字,要让Javascript也具有“静态”特性只有靠一些“奇技淫巧”了。代码中列举了两种静态方法/属性的实现方式,一种是静态类的静态方法和属性,另一种是非静态类的静态方法和属性,代码说明都写在每行的代码注释里,这里就不重复了。转载 2012-10-29 15:07:41 · 421 阅读 · 0 评论 -
JavaScript代码最好的写法
JavaScript代码的速度被分成两部分:下载时间和执行速度。Web浏览器下载的是js源码,因此所有长变量名和注释都回包含在内。这个因素会增加下载时间。1160是一个TCP-IP包中的字节数。最好能将每个javascript文件都保持在1160字节以下以获得最优的下载时间。 由于这个原因,要删除注释、删除制表符和空格、删除所有的换行、将长变量名缩短。 遵循这4条比较困难转载 2012-10-29 13:52:20 · 460 阅读 · 0 评论 -
js 逻辑运算&& ||
||或运算符var num = "";var obj = num || "yep"//当num等于真的时候不执行右面(yep),如果num等于false 执行(yep)alert(obj)//在js逻辑运算中,0、""、null、false、undefined、NaN都会判为false,其他都为true&&与运算符var num = 6;num >= 5 &&原创 2012-09-09 00:50:01 · 510 阅读 · 0 评论 -
jQuery阻止事件冒泡
阻止jQuery事件冒泡<br />jQuery对DOM的事件触发具有冒泡特性。有时利用这一特性可以减少重复代码,但有时候我们又不希望事件冒泡。这个时候就要阻止jQuery.Event冒泡。<br /> <br />在jQuery.Event 的文档中的开头得知,jQuery.Event对象是符合W3C标准的一个事件对象,同时jQuery.Event免去了检查兼容IE的步骤。<br /> <br />jQuery.Event提供了一个非常简单的方法来阻止事件冒泡:event.stopPropag转载 2011-03-20 01:43:00 · 652 阅读 · 0 评论 -
JQuery-4事件
<br /><br /> 本文引用自皮皮《JQuery-4事件》皮皮 的 JQuery-4事件<br />本文用到的HTML代码:<div id="panel"><h5 class="head">jQuery定义</h5><div class="content">jQuery是一个优秀的JavaScript库。</div></div>一、事件绑定bind(type[,data],fn);type:事件类型。如:blur,focus,load,resize,scroll,upload,click,转载 2011-02-28 10:19:00 · 429 阅读 · 0 评论 -
JQuery-4事件
<br /><br /> 本文引用自皮皮《JQuery-4事件》皮皮 的 JQuery-4事件<br />本文用到的HTML代码:<div id="panel"><h5 class="head">jQuery定义</h5><div class="content">jQuery是一个优秀的JavaScript库。</div></div>一、事件绑定bind(type[,data],fn);type:事件类型。如:blur,focus,load,resize,scroll,upload,click,转载 2011-02-28 10:19:00 · 473 阅读 · 0 评论 -
JQuery-4事件
<br /><br /> 本文引用自皮皮《JQuery-4事件》皮皮 的 JQuery-4事件<br />本文用到的HTML代码:<div id="panel"><h5 class="head">jQuery定义</h5><div class="content">jQuery是一个优秀的JavaScript库。</div></div>一、事件绑定bind(type[,data],fn);type:事件类型。如:blur,focus,load,resize,scroll,upload,click,转载 2011-02-28 10:19:00 · 381 阅读 · 0 评论 -
js获得本周,本月,本季度的开始日期和结束日期
<br /><script> <br />var now = new Date(); //当前日期 <br />var nowDayOfWeek = now.getDay(); //今天本周的第几天 <br />var nowDay = now.getDate(); //当前日 <br />var nowMonth = now.getMonth(); //当前月 <br />var now转载 2011-01-12 17:55:00 · 411 阅读 · 0 评论 -
JS操作JSON总结
<br />JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。 <br /> 本文主要是对JS操作JSON的要领做下总结。<br /> 在JSON中,有两种结构:对象和数组。<br /> 1. 一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称转载 2011-01-12 14:01:00 · 2188 阅读 · 0 评论 -
jquery以Jsonp方式跨域获取json配合php示例
<br />Php代码<br /> <br />需跨域调取的url假设为:<br />http://www.1ong1.com/bbtest/json.php<br />返回:<br />({ "TotalCount":1,"Rows":[ { "vusername":"zycbob","CompanyName":"BV Ltd,.","UcofcName":"集团公司","CamEndTime":"2010-02-05 16:40:00","ServerID":"1","ServerName":"开天辟地原创 2011-01-05 15:03:00 · 568 阅读 · 0 评论