随笔分类 - JavaScript
摘要：转自：http://www.cnblogs.com/wukenaihe/archive/2013/01/27/javascript调试.htmlChrome浏览器得益于其优秀的V8解释器，javascript执行速度和内存占有率表现非常优秀。对于html+css+javascript前台技术的学习或者开发，浏览器developer tool的使用时必不可少的，也能极大的提高学习或者开发效率。本文根据版本 23.0.1271.10。在window下，开启developer tool的快捷键为F12。1 Developer tool功能结构 Developer tool的功能栏有8个，分别是标..
阅读全文
posted @ 2013-01-28 11:56
one light
摘要：转自：http://www.cnblogs.com/luohu/archive/2011/12/16/2290135.html使用：//绑定的界面元素<input id='gallery'type='file'/>$("#gallery").uploadify({设置参数，参数如下.});设置的属性：id: jQuery(this).attr('id'),//绑定的input的IDlangFile: 'http://www.static-xxx.nu/uploader/uploadifyLang_en.js
阅读全文
posted @ 2012-12-22 14:11
one light
摘要：http://blog.csdn.net/gaoshui87/article/details/6072999jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJ
阅读全文
posted @ 2012-10-23 19:19
one light
摘要：http://news.cnblogs.com/n/149232/ 作者： 阮一峰 日期： 2012年 7 月 9 日 将近 20 年前，Javascript 诞生的时候，只是一种简单的网页脚本语言。如果你忘了填写用户名，它就跳出一个警告。 如今，它变得几乎无所不能，从前端到后端，有着各种匪夷所思的用途。程序员用它完成越来越庞大的项目。 Javascript 代码的复杂度也直线上升。单个网页包含 10000 行 Javascript 代码，早就司空见惯。2010年，一个工程师透露，Gmail 的代码长度是 443000 行！ 编写和维护如此复杂的代码，必须使用模块化策略。目前，业界...
阅读全文
posted @ 2012-07-10 15:21
one light
摘要：http://www.cnblogs.com/rulee/archive/2012/06/29/2570116.html这里主要总结浏览器前端的侵入性问题，诸如nodejs那样的应用不在本文的讨论范围。编写浏览器的js应用无非用到三大件：js、css、html，而这三样东西都有可能对浏览器造成侵入性，这样前端的js应用免不了会和页面中的其他相关内容起冲突，如样式乱掉、JS错误、某html标签不被支持等问题，造成侵入后，要么是自身的东西影响了其他的，要么自身的东西被影响了。当然如果全部是项目定制开发，具有一定的代码规范和命名规则，这倒是还好，相信资源冲突的可能性比较小。在这里不得不喷一下jque
阅读全文
posted @ 2012-06-30 11:10
one light
摘要：http://kb.cnblogs.com/page/140191/作者: Ara Pehlivanian 发布时间: 2012-04-25 22:34 阅读: 2980 次 原文链接 全屏阅读 [收藏] 英文原文：How to Write Maintainable OO JavaScript Code 能够写出可维护的面向对象 JavaScript 代码不仅可以节约金钱，还能让你很受欢迎。不信？有可能你自己或者其他什么人有一天会回来重用你的代码。如果能尽量让这个经历不那么痛苦，就可以节省不少时间。地球人都知道，时间就是金钱。同样的，你也会因为帮某人省去了头疼的过程而获得他的偏爱。但是，...
阅读全文
posted @ 2012-06-21 16:47
one light
摘要：http://www.cnblogs.com/lhb25/archive/2012/05/21/the-missing-ui-library-jquery-tools.html基本介绍 jQuery Tools 是基于jQuery开发的网站界面库，包含网站最常用的Tabs（选项卡）、Tooltip（信息提示）、Overlay（遮罩、弹窗）、Scrollable（滚动控制）、Form Validator（表单验证）、Rangeinput（范围选择）、Dateinput（日期选择）等众多功能。jQuery Tools提供了高自定义的API接口，能够帮助开发者非常容易的实现所需要的功能，带给用户更.
阅读全文
posted @ 2012-05-28 11:28
one light
摘要：转自http://www.cnblogs.com/lucas/archive/2009/04/05/1429890.html平常看书中看到太多的细节，干脆把它们都记下来，偶尔自己看看也好。。。 1、对 Object 采用 '+' 运算符，Object对象首先调用valueOf()返回简单值，之后如果两个操作数都是number对象， 则采取算术相加，否则再调用toString()方法，采用字符串连接。 2、在JS中，所有 Number 对象都以浮点数格式存储。-(一元)、-(二元)、+(一元)、*、/、% 运用于非数字类型操作数时， 都将尝试将其转化为数字。非0数除以0返回+(-
阅读全文
posted @ 2012-05-25 09:01
one light
摘要：转载：http://www.cnblogs.com/lucas/archive/2009/03/17/1411656.html在JS中，创建对象（Create Object）并不完全是我们时常说的创建类对象，JS中的对象强调的是一种复合类型，JS中创建对象及对对象的访问是极其灵活的。JS对象是一种复合类型，它允许你通过变量名存储和访问，换一种思路，对象是一个无序的属性集合，集合中的每一项都由名称和值组成（听起来是不是很像我们常听说的HASH表、字典、健/值对？），而其中的值类型可能是内置类型(如number,string)，也可能是对象。一、由一对大括号括起来varemptyObj={};va
阅读全文
posted @ 2012-05-25 09:00
one light
摘要：原文地址：http://www.cnblogs.com/lucas/archive/2009/03/14/1411322.htmlJavaScript本身并不是设计成面向对象的，所以没有class之类的关键字用来定义类，但JavaScript本身相当灵活，可以利用function关键字来定义类并创建对象。JavaScript定义类是有多种方式的，这里只详细介绍最常用的一种。一、定义类并创建实例functionMyClass() {this.id = 5;this.name ='myclass...';}这样，我们就定义了一个MyClass类，里面有两个公共属性id和name。其
阅读全文
posted @ 2012-05-23 10:04
one light
摘要：Ajax与JSON的一些总结1.1.1 摘要Ajax技术的核心是XMLHttpRequest对象（简称XHR），可以通过使用XHR对象获取到服务器的数据，然后再通过DOM将数据插入到页面中呈现。虽然名字中包含XML，但Ajax通讯与数据格式无关，所以我们的数据格式可以是XML或JSON等格式。XMLHttpRequest对象用于在后台与服务器交换数据，具体作用如下：在不重新加载页面的情况下更新网页在页面已加载后从服务器请求数据在页面已加载后从服务器接收数据在后台向服务器发送数据本文目录XMLHttpRequest的用法Ajax同源请求同源策略与跨源策略Ajax跨源请求1.1.2 正文XMLHt
阅读全文
posted @ 2012-05-17 17:22
one light
摘要：http://www.cnblogs.com/baochuan/archive/2012/04/30/2473771.html思维导图介绍老是在写js，你平时是怎么写你的js呢？更喜欢哪种方式呢？今天就把常见的跟大家唠叨唠叨。——年纪大了，就这一爱好（平时也喜欢说胡话），别闲我烦!直接初始化法优点：1、userData本身就是对象实例。——上来就实例化一个类出来，也不怕浏览器受不了。2、代码紧凑。3、编程效率高。缺点：1、代码的重用性比较差。2、不符合面向对象的编程思路。——设计模式这种玩意，经常是在类上，弄来弄去。这种直接在对象上使用，够呛！总结：应避免使用该方法创建自定义对象。使用案例：
阅读全文
posted @ 2012-05-10 16:00
one light
摘要：转载自http://www.iyunlu.com/view/Front-end/51.htmlJS弹出层遮罩,隐藏背景页面滚动条细节优化2012-03-22/已有510人看过/前端技术做过弹层组件的童鞋应该都考虑过特殊情况下取消页面滚动条，让其不能滚动，这样用户体验会好很多，当弹层内容超出屏幕展现范围的时候在弹层上面增加滚动条来查看全部内容。一、去除滚动条方法 给body添加overflow：hidden属性即可，IE6、7下不会生效，需要给html增加overflow:hidden属性 样式中需要对IE6、7及其它浏览器用hack辨别，这是因为当页面拉到下面时如果html或body被over
阅读全文
posted @ 2012-03-22 13:41
one light
摘要：var page = "https://dynamic.12306.cn/otsweb/loginAction.do?method=init";var url = "https://dynamic.12306.cn/otsweb/loginAction.do?method=login";var queryurl = "https://dynamic.12306.cn/otsweb/order/querySingleAction.do?method=init"; function submitForm() { var _ifrMain
阅读全文
摘要：0、它是如何工作的1、创建服务器端函数2、客户端调用3、回调函数4、处理类型5、会话访问附录0、它是如何工作的 利用 Ajax包装器，ASP.NET开发人员可以快速方便的部署很容易利用AJAX功能的页面。 Ajax依靠代理（broker）指派和处理往返服务器的请求，对此，包装器的目的是隐藏 XmlHttpRequest对象的实现，包装器本身通过将.NET函数标记为 Ajax方法来工作。标记之后，AJAX就创建对应的JavaScript函数，这些函数（和任何JavaScript函数一样）作为代理可以在客户端使用 XmlHttpRequest调用。这些代理再映射回服务器端函数。假设有一个.NET函
阅读全文
摘要：function returnRegString(regName) { if (regName == "email") { return "^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$"; //邮箱 } else if (regName == "tel") { return "^(86)?(-)?(0[0-9]{2,3})?(-)?([0-9]{7,8})(-)?([0-9]{3,5})?$"; //电话 } else if (reg
阅读全文
posted @ 2011-12-20 13:47
one light
摘要：varexp=null;if(!exp)如果 exp 为 undefined，或数字零，或 false，也会得到与 null 相同的结果，虽然 null 和二者不一样。注意：要同时判断 null、undefined、数字零、false 时可使用本法。varexp=null;if(!exp&&typeofexp!="undefined"&&exp!= 0){alert("is null");}typeof exp != "undefined" 排除了 undefined；exp != 0 排除了数字零和
阅读全文
摘要：window.onerror=function(sMessage,sUrl,sLine){ //alert("Anerroroccurred:\n"+sMessage+"\nURL:"+sUrl+"\nLineNumber:"+sLine); returntrue;//如果returnfalse;则js异常一样会出现}
阅读全文
posted @ 2011-12-08 00:04
one light
摘要：属性此事件发生在何时...IEFOW3Conabort图像的加载被中断。419Yesonblur元素失去焦点。319Yesonchange域的内容被改变。319Yesonclick当用户点击某个对象时调用的事件句柄。319Yesondblclick当用户双击某个对象时调用的事件句柄。419Yesonerror在加载文档或图像时发生错误。419Yesonfocus元素获得焦点。319Yesonkeydown某个键盘按键被按下。31NoYesonkeypress某个键盘按键被按下并松开。319Yesonkeyup某个键盘按键被松开。319Yesonload一张页面或一幅图像完成加载。319Yeso
阅读全文
posted @ 2011-12-07 23:57
one light
摘要：<script language="JavaScript" type="text/javascript">////// 点击拖动窗口- 调用请使用: onmousedown='Move_obj("objId")' objId: 表示你想拖动的窗口ID////var drag_=false;//获取输入:ID, 获得objId对象var D=new Function('obj','return document.getElementById(obj);');var oevent
阅读全文
posted @ 2011-12-07 23:55
one light
浙公网安备 33010602011771号