javascript中字符串拼接需注意的问题

2016年07月27日 5 阅读

在开发中大家也都会注意尽量使用StringBuilder而不采用普通的字符串拼接方式。但是可能大部分开发者却忽略了js中也需要注意这种效率问题。 下面进行一项性能测试，用事实来说话！ 复制代码 代码如下: function xntest（）{ var d1=new Date（）; var str=""; for（var i=0;i<10000;i++）{ str+="stext"; } var d2=new Date（）; document.writ...

javascript打造跨浏览器事件处理机制[Blue-Dream出品]

2016年07月27日 7 阅读

使用类库可以比较容易的解决兼容性问题.但这背后的机理又是如何呢？ 下面我们就一点点铺开来讲.首先,DOM Level2为事件处理定义了两个函数addEventListener和removeEventListener, 这两个函数都来自于EventTarget接口.复制代码 代码如下: element.addEventListener（eventName, listener, useCapture）; element.removeEventListener（...

jQuery.Autocomplete实现自动完成功能（详解）

2016年07月27日 6 阅读

1、jquery.autocomplete参考地址 http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ http://docs.jquery.com/Plugins/Autocomplete 2、jquery.autocomplete详解 语法： autocomplete（urlor data, [options] ） 参数： url or data：数组或者url [optio...

通过继承IHttpHandle实现JS插件的组织与管理

2016年07月27日 7 阅读

如： 复制代码 代码如下: <！— Js插件 --> <script type="text/javascript" src="/scripts/popup.js"></script> <script type="text/javascript" src="/scripts/popup-util.js"></script> <！—Jquery插件 --> <script type=...

JavaScript性能优化 创建文档碎片（document.createDocumentFragment）

2016年07月27日 7 阅读

在浏览器中，我们一旦把节点添加到document.body（或者其他节点）中，页面就会更新并反映出这个变化，对于少量的更新，一条条循环插入也会运行很好，也是我们常用的方法。代码如下： 复制代码 代码如下: for（var i=0;i<5;i++）{ var op = document.createElement（"span"）; var oText = document.createTextNode（i）; op.appendChild（oText）...

初识javascript 文档碎片

2016年07月27日 5 阅读

后来是一技术群问到以下一段代码： 复制代码 代码如下: function html2node（s） { var d = document.createElement（"div"）; d.innerHTML = s; if （d.childNodes.length == 1） return d.childNodes[0]; var df = document.createDocumentFragment（）; while （d.firstChild） df....

不要在cookie中使用特殊字符的原因分析

2016年07月27日 8 阅读

Constructs a cookie with a specified name and value. The name must conform to RFC 2109. That means it can contain only ASCII alphanumeric characters and cannot contain commas, semicolons, or white space or begin with a $ character...

IE中createElement需要注意的一个问题

2016年07月27日 9 阅读

代码如下： 复制代码 代码如下: var $alertPanel = $（ document.createElement（"div"） ）; $alertPanel.css（"width","120px"）.css（"height","50px"）.text（"Hello CssRain！"）; $（"body",parent.document）.append（$alertPanel）; 顺着他的意思，我也写了个Demo，发现确实是这样。 翻了翻资料，也...

IE6图片加载的一个BUG解决方法

2016年07月27日 8 阅读

代码如下： 复制代码 代码如下: <！--[if IE 6]><script type="text/javascript"> try { document.execCommand（"BackgroundImageCache", false, true）; } catch（e） {} </script><！[endif]--> 注：这个BUG以前就已经发现了，这里只是再次提出来。 更详细的说明可以参考下面的文...

让IE支持RGBa的背景色的代码

2016年07月27日 6 阅读

上代码： Demo #div1 { padding: 10px; width: 380px; height: 205px; background: url（/upload/201007/20100713220102894.jpg）; } #div2 { color: #FFF; font-size: 40px; font-weight: bold; text-align: center; height: 205px; line-height: 2...

javascript客户端解决方案 缓存提供程序

2016年07月27日 6 阅读

相信每一个开发者都知道缓存的重要性。从头至尾有缓存的后台（memcached,xcache等。） 来减轻db的压力。对内容分发网络（CDN）缓存中希望你的浏览器缓存那些不止一次的加载资源。当然, 有客户端缓存,所以你不要重复昂贵的操作（即使是算法或大量的运算）。 这是介绍的是一个不错的javascript的方面的客户端解决方案,可选配支持HTML5本地存储器. Starting Simple 复制代码 代码如下: function CacheProvide...

jquery1.4.2 for Visual studio 2010 模板文件

2016年07月27日 6 阅读

1.进入 Program FilesMicrosoft Visual Studio 10.0Common7IDE把ProjectTemplatesCache整个删除 2.把新的ProjectTemplates解压到当前文件夹覆盖原来的文件夹 3.执行deneve /setup 等一两分钟.再开程序就可以了 ProjectTemplates.rar 说明:使用的是vs2010 中文版,-vsdoc.js使用的是1.4.1版的js，所以两个新的API不在智能提...

点击后慢慢弹出下拉菜单效果代码（栏目管理常用）

2016年07月27日 6 阅读

点击后慢慢弹出下拉菜单，sky整理收集。 function $（d）{ return document.getElementById（d）; } // set or get the current display style of the div function dsp（d,v）{ if（v==undefined）{ return d.style.display; }else{ d.style.display=v; } } // set o...

DIV+CSS设计的动感横向导航

2016年07月27日 6 阅读

效果图:演示代码: DIV+CSS打造精美导航菜单，sky整理收集。 body{ background-color: #000000; } #fbtn{ display:none; overflow:hidden; border-style:solid; border-width:1px; border-color:#e1e1c9 #e1e1c9 #6e6e56 #6e6e56; padding:1 1 1 1; width:115px; heigh...

鼠标经过导航菜单时颜色改变效果

2016年07月27日 6 阅读

非常酷的网页导航菜单，sky整理收集。 /* 这是把事件动作绑定到菜单上的函数 */ function attachXMenu（objid）{ var tds=objid.getElementsByTagName（"td"）; for（var i=0;i...

CSS实现同一背景图的导航菜单

2016年07月27日 8 阅读

css实现导航菜单带背景图效果，sky整理收集。 ul,li{ list-style:none; float:left;} body{ font-size:12px; line-height:1.6; font-family:Verdana, "宋体", Arial; text-align:center;} #info li{ margin-left:4px; margin-top:15px;} #info a {display:block...

JQuery的ajax获取数据后的处理总结（html,xml,json）

2016年07月27日 6 阅读

1、html处理比较简单，直接输出即可。一般用$（"jb51div"）.innerHTML等即可2、json格式数据调用复制代码 代码如下: $.ajax（{ url : "/trundle/RawContentAction.getAjaxContent.act", data : "param1=22", dataType : "json",//这里的dataType就是返回回来的数据格式了html,xml,json cache: false,//设置是否...

将rmb数字位钱数转化为中文钱数的js函数

2016年07月27日 6 阅读

效果图:效果演示: alert（ChangeRMBToCH（"1680760.86"））; function ChangeRMBToCH（Num） { for（i=Num.length-1;i>=0;i--） { Num = Num.replace（",",""）//替换tomoney（）中的"," Num = Num.replace（" ",""）//替换tomoney（）中的空格 } Num = Num.replace（"￥",""）//替换掉可能出现...

JavaScript中的一些定位属性[图解]

2016年07月27日 6 阅读

有这张图就够了，简单地说明一下 以Height为例，Width同理： div.clientHeight：可见窗口除去了margin+border之后的长度。 div.offsetHeight：在div.clientHeight的基础上加了border和滚动条的长度。 div.scrollHeight：就是元素内容的实际高度。 以Top为例，Left同理： div.clientTop：margin之后padding之前的长度值。 div.offsetTop：...

JavaScript.Encode手动解码技巧

2016年07月27日 6 阅读

JS.Encode是在JS代码进行编码之后形成的“乱码”，此乱码除无法阅读之外，仍能够良好的执行。 往往在网页上有JS加密代码的解码方法，但是由于代码中存在转义字符，无法正确的进行解码。 JAVAScript使用以下八种转义字符。这些字符都是以一个反斜线（）开始。当JAVAScript的解释器（Interpreter）看到反斜线时，就会特别注意，表现出程序员所要表达的意思。 序转义字符使用说明1后退一格（Backspace）2f换页（FormFeed）3...