-
JavaScript 最短的 XML 格式化工具
所属栏目:[模式] 日期:2018-10-09 热度:109
用 E4X 实现最短的 XML 格式化工具。可惜 IE 至今不支持这个标准特性... 请在 Firefox 或 Chrome 下运行! Copy to Clipboard 引用的内容:[www.veryhuo.com]html head titleIndent XML/title script language= Java Script type=text/javascript src=http:[详细]
-
YUI3.3.0 中 transition 事件的变化
所属栏目:[模式] 日期:2018-10-09 热度:197
YUI3.2.0 的 transition 模块,通过使用 transition:end 事件实现在 transition 完成后执行其他操作。在 YUI3.3.0 中,这个事件类型已经不被推荐,统一采用以下两种方式: 第一种,直接使用回调函数: node.transition({width: 0}, function() { //your co[详细]
-
switch等值比较的写法改进
所属栏目:[模式] 日期:2018-10-09 热度:76
这个写法是专用于取代switch里相等值比较的 通常来说比较等值的每次比较都需要重复判断 通过自定义函数的使用避免了重复判断提高了效率 原理很简单即使用对象定位需要范围的值 该返回值可以是个变量也可以是数组、函数等 Copy to Clipboard 引用的内容:[w[详细]
-
用于判断客户端几个属性的简单对象
所属栏目:[模式] 日期:2018-10-09 热度:189
目前程序中用于判断客户端信息的对象 需求不高所以比较简单不一定精确 游戏中一般只需要判断是否IE、是否IE6、是否手机这三个功能 该对象可判断客户端的操作系统类型、浏览器类型、客户机器是电脑还是手机类、访问协议是HTTP还是FILE 这里偶只简单的使用判[详细]
-
合理设计数据格式提高效率和缩短程序代码
所属栏目:[模式] 日期:2018-10-09 热度:98
一个网友问偶: 我要获得 一个格子的八个方向的格子坐标,怎么获得,有合适的算法没? 我现在是这样的: 偶看了一下这个写法有几个问题: 1.代码累赘,篇幅过多 2.这么多个if...elseif...还不如直接用switch 3.每次获取代码都要进行判断,其实可以不需要 4.[详细]
-
什么是 Repaint 和 Reflow, 相关介绍
所属栏目:[模式] 日期:2018-10-09 热度:184
1. 什么是 repaint 和 reflow 一个页面由两部分组成: DOM : 描述该页面的结构 render : 描述 DOM 节点 (nodes) 在页面上如何呈现 当 DOM 元素的属性发生变化 (如 color) 时, 浏览器会通知 render 重新描绘相应的元素, 此过程称为 repaint. 如果该次变化涉[详细]
-
异步获取并提交表单数据
所属栏目:[模式] 日期:2018-10-09 热度:134
异步提交表单数据最痛苦的两个破事: 1、编码乱码问题 事实上 ajax 技术底层是 unicode 编码,当 GBK 的页面与接口进行数据交互时,会产生乱码情况。解决方案有多种,可以将页面转化为 utf-8 编码,或者发送数据前进行两次 encodeURI 编码,在接受数据时进[详细]
-
Js中的window.location和document.location
所属栏目:[模式] 日期:2018-10-09 热度:173
document.location 这个对象包含了当前URL的信息 location.host 获取port号 location.hostname 设置或获取主机名称 location.href 设置或获取整个URL location.port设置或获取URL的端口号 location.search 设置或获取href属性中跟在问号后面的部分 --------[详细]
-
HTML(DOM)与JavaScript嵌套数组之间相互转换
所属栏目:[模式] 日期:2018-10-09 热度:102
html2ja:将html目标元素解析为 Java Script数组字面量,每项的值为tagName, className, id等CSS选择器组合; showJa:将html2ja生成的数组缩进格式化显示; walkDOM:遍历DOM目标元素(这个来自老道的the Good Parts)。 ja2html:与html相反的过程 PS:以下[详细]
-
firefox 6.0.2 document click 问题
所属栏目:[模式] 日期:2018-10-06 热度:81
今天写代码,把click事件绑定到了document上面,当我点击鼠标右键的时候,没想到firefox出发了click事件,在ie8 chrome13 上面测试都没有触发click事件,只有firefox触发了,再次测试把click放到一个div元素上click点击鼠标右键没有触发,靠,下次注意了,[详细]
-
判断访客的浏览器是否IE6并提示升级代码
所属栏目:[模式] 日期:2018-10-06 热度:119
给大家分享一段判断访客浏览器的代码,这里主要是为了杀掉IE6而设计的,大家都知道IE6的用户占有率大约在全球浏览器份额的50%以上,而IE6给WEB设计带来了麻烦,因此我们每一位站长、博主都有义务提示访客升级 IE浏览器 ,赶紧扔掉IE6! 此代码是在《WordPr[详细]
-
Easy Grid 简单好用的 javascript 表格插件
所属栏目:[模式] 日期:2018-10-06 热度:114
在日常的网页设计当中,表格是很常用的html控件之一, 为了使用的方便以及美观, Easy就出现了Easy.Grid ,这个表格简单易用,符号Easy的宗旨。 用户只要会html 、 Java script ,看了Easy.Grid 的Demo 就不使用,并且运用自如。都是程序员就不多说了,看源[详细]
-
javascript Side Bar 网页侧边菜单插件
所属栏目:[模式] 日期:2018-10-06 热度:132
javascript Side Bar - 侧边菜单插件 1)Sticklr一个利用CSS3技术实现的侧边面板。可以在这个侧边面板放置各种元素,从邮件收件箱到自定义表单。 主页: http://plugins.jquery.com/project/Sticklr_Sticky_Side_Panel 演示地址: http://amatyr4n.com/codeca[详细]
-
js检测判断链接(URL)是否有效(服务可用)
所属栏目:[模式] 日期:2018-10-06 热度:182
如何用javascript来判断请求的url/链接有效(可连接,可用)? 引言 有一个 通讯录 系统, 同时部署在几台服务器上, 但是主页上有个通讯录的链接, 链接到这个系统. 问题是, 有时候链接指向的服务器出故障, 于是希望在这个服务器出故障(服务不可用)的情况下, 能[详细]
-
基于express+socket.io的nodejs聊天室
所属栏目:[模式] 日期:2018-10-06 热度:199
前几天晚上边看水浒边写的nodejs的聊天室,前面说了,放假之前要把近日学习nodejs的所有心得整理下,今天就是30号鸟~撒欢~,最后放这个聊天室出来给大家作为学习nodejs的参考示例,希望对大家有用。 感谢:cnodejs群里的老雷,及其微博上的基友们!顺祝大[详细]
-
在Express和Socket.IO中使用session
所属栏目:[模式] 日期:2018-10-06 热度:135
在nodejs项目中对于一些认证需要用到session,例如我写的nodejs 聊天室的demo,就是通过session实现的认证。当存在session,直接进入聊天室,而不会重新登录。 在网上也找到不少关于Express框架中的session调用方法,可是发现真正能用的不是很多,今天根据[详细]
-
使用socket.io和node.js搭建websocket应用
所属栏目:[模式] 日期:2018-10-06 热度:183
websocket是HTML5的一种新的通信协议,它是实现了浏览器与服务器的双向通讯。在 WebSocket API 中,浏览器和服务器只需要要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。 关于websocket的更多信息,[详细]
-
javascript笔记--String类replace函数的一些事
所属栏目:[模式] 日期:2018-10-06 热度:101
加固javascript基础知识目的是为以后研究 jQuery 源码做好铺垫。 我最近查阅javascript资料,发现了一个函数: function format(s){var args = arguments;var pattern = new RegExp(%([1- + arguments.length + ]),g);return String(s).replace(pattern,fu[详细]
-
使用html5 postMessage和window.name实现多浏览器跨域
所属栏目:[模式] 日期:2018-10-06 热度:156
跨域是个很古老的问题,因为浏览器的同源策略,导致不同域名下不能进行跨域名请求数据,虽然这样设计安全了很多,但是对于大型的网站同时维护多个域名就需要进行跨域操作。例如:微博开放平台的jssdk实现的跨域请求数据,再例如weibo.com和sina.com的同步[详细]
-
9 条 JavaScript 开发最佳实践
所属栏目:[模式] 日期:2018-09-29 热度:50
1、使用正确的 script 标签 如果你需要在 html 文档中使用一些 Java Script 代码,你应当通常会使用如下的 script 标签: script type=text/javascript //insert your code here /script但是在源代码中,以下这种标签写法随处可见: script type=text/java[详细]
-
JavaScript 中的对象引用机制
所属栏目:[模式] 日期:2018-09-29 热度:196
Java Script 中的对象引用机制 对象的引用机制:对象不会被复制,只能通过引用来传递。 简单的例子: var i = mangguo = {}; //不论是否为空对象 mangguo.address = 'Hangzhou';那么 mangguo.address 的值和 i.address 一致,原因是 i 和 mangguo 引用的是[详细]
-
简单的Js正则表达式:滤除多余字符
所属栏目:[模式] 日期:2018-09-29 热度:86
简单的Js正则表达式:滤除多余字符 利用正则表达法除去字符串中的重复字符,一个简单的 Java Script正则表达式实例,将一串含有重复字符串中的多余字符滤除掉。 代码如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]html head title利用正则表达法[详细]
-
JS简单获得屏幕真彩色,16位或32位
所属栏目:[模式] 日期:2018-09-29 热度:62
Js获取屏幕的颜色色彩品质,16位或32位,只需运行本代码,即可得到你当前屏幕的颜色品质,现在一般都是32位了。 简单代码如下: html head title取得屏幕的色彩品质/title /head body script language=javascript !-- document.write(屏幕的颜色为:+screen[详细]
-
Javascript在网页上添加“另存为”按钮
所属栏目:[模式] 日期:2018-09-24 热度:102
javascript实现网页另存为,点击按钮即可实现,网页特效代码。 由于高版本 IE浏览器 安全机制较高,因此在IE7以上浏览器可能无法运行。 代码如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]html head title另存网页/title /head body OBJECT clas[详细]
-
百叶窗打开网页,一行Js代码即可实现
所属栏目:[模式] 日期:2018-09-24 热度:93
百叶窗打开网页,一行Js代码即可实现,一种网页的过渡效果,当打开链接的时候,等待页面加载完成 ,然后以百叶窗的方式慢慢显示出来,而且代码也很简单,在此之前还以为,这种效果需要用不少Js代码才能实现。 特效演示: htmlheadtitle使用百叶窗效果来切换[详细]