模式_阿坝站长网

9 条 JavaScript 开发最佳实践

所属栏目：[模式] 日期：2018-09-18 热度：145

1、使用正确的 script 标签如果你需要在 html 文档中使用一些 Java Script 代码，你应当通常会使用如下的 script 标签： script type=text/javascript //insert your code here /script但是在源代码中，以下这种标签写法随处可见： script type=text/java[详细]
JavaScript 中的对象引用机制

所属栏目：[模式] 日期：2018-09-18 热度：130

Java Script 中的对象引用机制对象的引用机制：对象不会被复制，只能通过引用来传递。简单的例子： var i = mangguo = {}; //不论是否为空对象 mangguo.address = 'Hangzhou';那么 mangguo.address 的值和 i.address 一致，原因是 i 和 mangguo 引用的是[详细]
JavaScript Event学习第十一章：按键的检测

所属栏目：[模式] 日期：2018-09-15 热度：127

检测用户的按键是事件处理程序的一个很特别的环节。这一章我们着力解决一些非常棘手的问题，并且制定一个完备的表格。第一个问题是对于按键事件来说根本就没有标准，按照规范说的：包含键盘等输入设备的事件模型会在以后的DOM规范中作出解释。正如我们了[详细]
JavaScript Event学习第十章：一些可替换的事件对

所属栏目：[模式] 日期：2018-09-15 热度：78

为了让我们的JavaScript驱动的页面对那些不能或者不想使用鼠标的用户也能很好的使用，我们对于像mouseover和click这样的事件做一些处理，同样的，对于非鼠标事件也同样的要我们的脚本执行。测试的局限性这一章我们打算寻找哪些事件可以用来仿真鼠标事件。[详细]
JavaScript Event学习第九章：鼠标事件

所属栏目：[模式] 日期：2018-09-15 热度：86

鼠标事件是到目前为止最重要的事件。在这一章我将介绍一些鼠标事件的最常见的问题和技巧。先看看都有哪些鼠标事件：mousedown,mouseup_and_click,dblclick,mousemove和mouseover mouseout。然后还会解释一下relatedTarget,fromElement和toElement这些事件[详细]
JavaScript Event学习第八章：事件的顺序

所属栏目：[模式] 日期：2018-09-15 热度：140

在第一章中我提到一个初次看起来可能不是那么好理解的是一个问题：如果一个元素和他的父元素对于同样的事件都有事件处理程序，那么哪个会首先执行呢？毫无疑问，看是什么浏览器。基本问题很简单。假设你的一个元素包含在另外一个元素中。 ----------------[详细]
Prototype 实现的 AJAX Edit in Place

所属栏目：[模式] 日期：2018-09-15 热度：107

Prototype 似乎已经过气了，但用的人还是挺多，这段代码是用来实现即时文本编辑(Edit In Place)的功能。 // Requires prototype.js function edit(action, obj) { Element.hide(obj); var textarea ='div id=' + obj.id + '_editorinput type=text id=' +[详细]
你真的认识 window.location 吗？

所属栏目：[模式] 日期：2018-09-15 热度：170

如果你稍微懂一些 JS 代码，一般都会知道 window.location.href 这个属性。并且用该属性获取页面 URL 地址： window.location.href = window.location.href; 好吧，我告诉你，这样弱掉了。其实原生 Java Script 真是什么都有。 window.location 对象所包含[详细]
使用javascript将XML解析为JSON

所属栏目：[模式] 日期：2018-09-15 热度：81

今天看了David Walsh一篇把XML格式转换为JSON格式的文章，感觉不错，简单的转载了过来。下面是神奇的XML转JSON的javascript代码： // Changes XML to JSON function xmlToJson(xml) { // Create the return object var obj = {}; if (xml.nodeType == 1)[详细]
JavaScript中的字符串乘法

所属栏目：[模式] 日期：2018-09-15 热度：112

In Ruby, the * operator used with a string on the left and a number on the right does string repetition. Ruby*2 evaluates to RubyRuby, for example. This is only occasionally useful (when creating lines of hyphens for ASCII tables, for ex[详细]
JS 实现 taskMenu 加载的时候显示指定的项

所属栏目：[模式] 日期：2018-09-15 热度：64

在用taskMenu的时候当需要显示的项太多的时候希望加载的时候只显示指定的项 var taskMenu1; var taskMenu2; var item1; var item2; var item3; var item4; window.onload = function() { TaskMenu.setHeadMenuSpecial(true); /////////////////////////[详细]
使用jQuery中ajax方法访问web服务

所属栏目：[模式] 日期：2018-09-15 热度：80

说明： ArrayList 中存为对象CollegeDepartInfo 其属性为：stirng CollegeDepartTitle 和 int CollegeDepartId 在javascript中 ddlDepart.options[ddlDepart.length]=new Option(n.CollegeDepartTitle,n.CollegeDepartId); Option的参数就是依据他们的。[详细]
javascript对话框(弹出层)组件[附源码]

所属栏目：[模式] 日期：2018-09-06 热度：62

javascript对话框(弹出层)组件artDialog artDialog是一个轻巧且高度兼容的javascript对话框组件，可让你的网页交互拥有桌面软件般的用户体验。演示地址：http://www.planeart.cn/downs/artDialog/ 项目主页：http://code.google.com/p/artdialog/ artDial[详细]
理解delete:javascript中的一些细节

所属栏目：[模式] 日期：2018-09-06 热度：118

在javascript中，我们有时候要使用delete删除对象。但是，对于delete的一些细节我们未必尽知。昨天，看到kangax分析delete的文章，获益匪浅。本文将文章的精华部分翻译出来，与各位分享。原理代码类型执行上下文激活对象/可变对象属性特性内置对象和[详细]
JavaScript 组件打包模式

所属栏目：[模式] 日期：2018-09-06 热度：145

js组件通常带着css image ，但这样使用起来可能会有些小麻烦，为了让组件足够的solo，有了把css image也打包在js的想法，然后顺便把请求数变少，这个顺便好像更重要，呵呵。那怎样打包呢，虽然有resource-packages这样的方案，可是我们的核心用户还在玩ie[详细]
Javascript 大数组的分时优化处理

所属栏目：[模式] 日期：2018-09-05 热度：58

灵感来自 Nicholas C. Zakas 的 Timed array processing in JavaScript. 做了个加载大容量表格数据的实例：array-processing.html 几点说明： timedChunk 函数是精华，里面的 50ms 来自 Response Time Overview 中的调查结果：100ms 内的响应能让用户感觉[详细]
正则表达式替换 RegExp replace

所属栏目：[模式] 日期：2018-09-05 热度：177

正则表达式替换 RegExp replace !DOCTYPE html html body a href=http://www.taobao.com/index_global.php?pid=mm_0_0_00000/a a href=http://www.taobao.com/index_global.php?pid=mm_123_0_0111/a a href=http://www.taobao.com/index_global.php?pid=mm[详细]
javascript的正则表达式代码汇总

所属栏目：[模式] 日期：2018-09-05 热度：99

//校验是否全由数字组成 function isDigit(s) { var patrn=/^[0-9]{1,20}$/; if (!patrn.exec(s)) return false return true } //校验登录名：只能输入5-20个以字母开头、可带数字、_、.的字串 Java 代码 functionisRegisterUserName(s) { varpatrn=/^[a-z[详细]
Javascript获取URL参数的简单函数

所属栏目：[模式] 日期：2018-09-05 热度：66

用PHP、ASP、asp.net获取URL中如gonten.com/s.php?id=123name=gonten的参数很简单，但是 Java script没有直接获取的函数，得用自定义的函数。网上也有很多方法，但是发现有些代码臃肿了一点。 Gonten写了一段比较简洁的代码，也能够很好的获[详细]
js使用indexOf搜索字符串并返回位置

所属栏目：[模式] 日期：2018-09-05 热度：139

Java Script使用indexOf搜索字符串并返回位置，由于效果比较简单，就不再使用运行功能给大家演示了，需要的朋友自己将代码复制到任意HTML中即可测试。 Copy to Clipboard 引用的内容：[www.veryhuo.com]html head title搜索字符串 - Liehuo.Net/title /hea[详细]
一个简单的js过滤数组重复元素的方法

所属栏目：[模式] 日期：2018-09-04 热度：127

js过滤数组重复元素: function filterArray(str,array){ //此函数为过滤数组中重复的元素,并不允许插入空值,函数返回数组 var isnull = false; if(str == || str == null || str == 'undefined'){ isnull = true; } var newnum = 0; var newarray = []; va[详细]
JS 获取上传文件大小

所属栏目：[模式] 日期：2018-09-04 热度：53

我们有时候在上传文件前要判断文件的大小，通常有以下两种方式： Copy to Clipboard 引用的内容：[www.veryhuo.com]!doctype html public -//w3c//dtd html 4.0 transitional//en html body INPUT TYPE=file NAME=file SIZE=30 onchange=getFileSize(this)[详细]
正则表达式验证字符串组成

所属栏目：[模式] 日期：2018-09-04 热度：76

正则表达式验证字符串组成 script type=text/javascript function check_str(){ var str = document.getElementById(str).value; var check_letters = /^[a-zA-Z]+$/.test(str);//判断字符串由字母组成 var check_numbers = /^[0-9]+$/.test(str);//判断字[详细]
Javascript 内存泄漏的几种模式

所属栏目：[模式] 日期：2018-09-04 热度：96

Java Script 是一种垃圾收集式语言，这就是说，内存是根据对象的创建分配给该对象的，并会在没有对该对象的引用时由浏览器收回。JavaScript 的垃圾收集机制本身并没有问题，但浏览器在为 DOM 对象分配和恢复内存的方式上却有些出入。 Internet Explorer 和[详细]
jRaiser是什么意思？jRaiser诞生记

所属栏目：[模式] 日期：2018-09-04 热度：198

自己写一个 Java script框架，是大四下学期才决定做的事情。随着Ajax的兴起，网站对Javascript的需求越来越大，而Javascript本身有不少缺陷和不足，需要通过框架去完善。而当时也已经有不少这类框架，比如prototype、 jQuery 、YUI等。虽然直接用这些现成[详细]

6899

273