随笔分类 - 脚本----JavaScript学习
摘要：http://blog.bingo929.com/dojo-javascript-style-guide.html序Any violation to this guide is allowed if it enhances readability.所有的代码都要变成可供他人容易阅读的。快读参考核心 API 请使用下面的风格：结构规则注释模块小写不要使用多重语义（Never multiple words）类骆驼公有方法混合其他的外部调用也可以使用 lower_case()，这样的风格公有变量混合常量骆驼 或 大写下面的虽然不是必要的，但建议使用：结构规则私有方法混合，例子：_mixedCase私
阅读全文
摘要：传入两个Date类型的日期，求出它们相隔多少天。var getDatePeriod = function(start,finish){ return Math.abs(start*1-finish*1)/60/60/1000/24; }传入一个Date类型的日期，求出它所在月的第一天。var getFirstDateInMonth= function(date){ return new Date(date.getFullYear(),date.getMonth(),1); }传入一个Date类型的日期，求出它所在月的最后一天。var getLastDateInMonth= function(d
阅读全文
摘要：从javaeye看到一贴，探讨如何实现计时器，集思广益，最后竟然提出了十多种的实现。这再次证明了JS的写法很灵活（举个反面的例子，如Python，其哲学原则是onewaytogo!）。这里整理一下，研究一下各种实现的性能问题。现在JS越来越向富客户端发展，UI组件乃至网页游戏，对性能问题是相当重视的。实现1functionTimer(id){this.id=id;this.begin=function(count){this.show(this.id,count)();setInterval(this.show(this.id,count-1),1000);}this.show=functio
阅读全文
摘要：浏览器对照表http://kangax.github.com/es5-compat-table/Function 1:Object.create这是一个很重要的改动，现在我们终于可以得到一个原型链干净的对象了。以前要创建一个类Js代码functionCat(name){this.name=name;this.paws=4;this.hungry=false;this.eaten=[];}Cat.prototype={constructor:Cat,play:function(){this.hungry=true;return'playing!';},feed:function(
阅读全文
摘要：activeElement属性 焦点元素代码检测工具http://www.jslint.com/#JSLINT_OPTIONSECMAScript 5 http://www.cnblogs.com/aaa6818162/archive/2012/09/09/2677280.htmljavascrip...
阅读全文
摘要：经常听到客户问这样的问题：你们帮我看看我的网站怎么打开那么慢啊，是不是中毒了？然后我们就去测试他的网站，发现问题简单的很：每个网页的开头有着不计其数的外联文件。样式表还好，最多的不外乎几十K。可怕的是JS文件，这些个企业的负责人都不是IT专业人员，兼职管理企业的网站，喜欢迎合领导搞些特效什么的，又不知道优化。什么JQUERY，特效，验证等等，全都罗列在head里，林林总总快一千k了。今天说说给他们做优化的那些简单的手段吧。一、给JS文件减肥。有的人为了给网站增加炫目效果，往往会使用一些JS效果代码，这在上个世纪似乎还很流行，对于现在来说，最好在用户体验确实需要的情况下，使用这些东西。至于希望给
阅读全文
摘要：利用业余时间跟朋友一起做了一个网站：http://www.chinacxy.com，这是一个工具性的网站，主要针对web开发工程师。经过断断续续的改进，现在终于可以向大家介绍推荐了。我们的目标，做最好的中文web工程师工具，提高前端开发者的工作效率。 因为自己也是web开发者，有时要用到一些工具，但在网上总是找不到满意的，并且很分散，满屏的广告，因此产生了自己开发的想法，于是遂跟一位朋友一起开发了此站。对于网站上放广告问题，我不反对，因为网站毕竟有运营成本，但一定要有个度，不能让广告影响到了用户的使用。 另外，这此工具都很常用，大家都可以在别的网站上找到，所以每个工具都有“山寨”的嫌疑，...
阅读全文
摘要：能够写出可维护的面向对象 JavaScript 代码不仅可以节约金钱，还能让你很受欢迎。不信？有可能你自己或者其他什么人有一天会回来重用你的代码。如果能尽量让这个经历不那么痛苦，就可以节省不少时间。地球人都知道，时间就是金钱。同样的，你也会因为帮某人省去了头疼的过程而获得他的偏爱。但是，在开始探索如何编写可维护的面向对象 JavaScript 代码之前，我们先来快速看看什么是面向对象。如果已经了解面向对象的概念了，就可以直接跳过下一节。 什么是面向对象？ 面向对象编程主要通过代码代表现实世界中的实质对象。要创建对象，首先需要写一个“类”来定义。类几乎可以代表所有的东西：账户，员工，导航菜...
阅读全文
摘要：javascript 杂谈之哪种写法你更喜欢？ 思维导图 介绍老是在写js，你平时是怎么写你的js呢？更喜欢哪种方式呢？今天就把常见的跟大家唠叨唠叨。——年纪大了，就这一爱好（平时也喜欢说胡话），别闲我烦!直接初始化法优点：1、userData本身就是对象实例。——上来就实例化一个类出来，也不怕浏览器受不了。2、代码紧凑。3、编程效率高。缺点：1、代码的重用性比较差。2、不符合面向对象的编程思路。——设计模式这种玩意，经常是在类上，弄来弄去。这种直接在对象上使用，够呛！总结：应避免使用该方法创建自定义对象。使用案例： QQ迷你弹窗构造函数法使用方法：需要使用“new 和 构造函数”创建实例。优
阅读全文
摘要：翻译原文 在JavaScript中一个最广泛使用的设计模式是模块的模式。模块模式使用了JavaScript中的一个很棒的特性-闭包- 用来给你方法中的隐私一些控制这样的第三方应用程序不能访问私有数据或覆盖它。在这篇文章中，我会教你什么是闭包，它是如何工作的，以及如何利用它在你的JavaScript代码中实现模块模式。什么是闭包？闭包是JavaScript语言的一种构造。在JavaScript内所有变量都能在全局范围内访问，除非变量在函数内用var关键字声明过。variable1 = 1; //全局范围var variable2 = 2; // 不在一个函数内: 全局范围function fu.
阅读全文
摘要：http://www.cnblogs.com/TomXu/archive/2011/12/14/2286225.html
阅读全文
摘要：var EventUtil = {//建新对象 addHandler:function(element,type,func){//添加事件 if(element.addEventListener){ element.addEventListener(type,func,false); }else if(element.attachEvent){ element.attachEvent("on"+ type,func); }else{ element["on"+ type] = func; } }, getEvent:function(event){//获
阅读全文
摘要：http://developer.51cto.com/art/201109/290443.htm
阅读全文
摘要：事件是用户或者游览器自身执行的某种动作，诸如click，load，mouseover，都是时间的名称。响应某事件的函数就叫做事件处理程序（或者事件侦听器），事件处理程序的名字往往以'on'开头，比如click事件的事件处理程序是onclick，load时间的是onload。 为事件指定处理程序的方式有好几种： 1. html事件处理程序<button id = 'mybutton1' onclick = 'alert("button1")' >Button1</button><button id
阅读全文
摘要：也可以动态生成span元素替换编辑控件<form id="form1" runat="server"> <div> <input id="Text1" type="text" value="111" /> </div> </form> <script type="text/javascript"> $(document).ready(function() { $("<span style=
阅读全文
摘要：（一） 问题1：获取一个元素对象的引用，在IE下，可直接使用该元素对象的id名；而在FireFox下，只能使用getElementById(idName)方法。 解决方法：统一用getElementById(idName)。 问题2：获取表单元素的引用，在IE下，可通过form.item('username')这种形式；而在FireFox下，只能通过form.elements['username']。（注：var form = document.getElementById("form");） 解决方法：统一用form.elements[&#
阅读全文
摘要：前言打开浏览器，输入一个网址，显示一个页面，页面最基本的布局和框架用户一目了然。但是用户所用的浏览器、显示器、分辨率大多都是不一样的，如何确保不同用户持有不同设备所看到同一个网址的页面显示内容相同呢？当然像亚马逊首页那一种布局会更个性化一些，它会根据用户持有设备的屏幕大小而现实内容。例如：一部PC机上可能一排现实5个商品，一部iPad上可能显示3个商品，而一部手机上可能一排只显示1个商品。至少不要 出现如下这种情况，在符合W3C标准的浏览器中显示正常，而在IE6,7中页面乱套，因为IE6,7仍然拥有很庞大的用户群；即使你做的Web应用是面向某些企业用户的，这种情况下用户较少，但你也不能强求用户
阅读全文
摘要：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head> <title>显示隐藏列 </title> <script language="JavaScript"> function setHiddenCol(oTable, iCol)//Writed by QQ:190988779 at 2007-7-24 11:14:09 { for (i = 0; i < oTable.rows.l
阅读全文
摘要：var result = [10] + 1; console.log(result)show sourceview sourceprint?"101"存在运算符"+"，意味着将[10]转化为一个值，相当于调用其valueOf()方法，而Array的valueOf相当于其toStringvar result = ['a', 'b', 'c'] + ""; console.log(result)show sourceview sourceprint?"a,b,c"与一个空
阅读全文
摘要：利用Javascript取和设FCKeditor值也是非常容易的，如下： // 获取编辑器中HTML内容 function getEditorHTMLContents(EditorName) { var oEditor = FCKeditorAPI.GetInstance(EditorName); return(oEditor.GetXHTML(true)); } // 获取编辑器中文字内容 function getEditorTextContents(EditorName) { var oEditor = FCKeditorAPI.GetInstance(EditorName); retur
阅读全文
浙公网安备 33010602011771号