-
Javascript实现超炫组织结构图(Organization Chart)
所属栏目:[模式] 日期:2018-10-12 热度:79
最近有个内部项目需要使用组织结构图(organization chart), 寻找了一些开源的项目及其类库,发现竟然没有现成的JS类库可以使用,找到一些简单的JS实现,不过界面及其操作及其简单,不过功夫不负有心人,经过几天国内国外的搜索,找到了一个非常好的解决方[详细]
-
重温Javascript继承机制
所属栏目:[模式] 日期:2018-10-12 热度:88
一、讲个故事吧 澄清在先,Java 和Javascript是雷锋和雷峰塔的关系。Javascript原名Mocha,当时还叫做LiveScript,创造者是Brendan Eich,现任Mozilla公司首席技术官。 1994年,历史上第一个比较成熟的网络浏览器Navigator0.9版诞生在网景公司(Netscape)[详细]
-
JavaScript实现的回到顶部代码,跟随滚动条滚动
所属栏目:[模式] 日期:2018-10-12 热度:76
Java Script实现的回到顶部代码,可跟随滚动条滚动,这是烈火网小编在百度空间看到的代码,不知道原作者是谁,在代码中的回到顶部按钮原本是一个图片,由于图片路径不正确,所以被小编替换为文字链接,您可以自行修改哦。 演示: div style=height:2800px;[详细]
-
JavaScript 最短的 XML 格式化工具
所属栏目:[模式] 日期:2018-10-11 热度:150
用 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-11 热度:86
YUI3.2.0 的 transition 模块,通过使用 transition:end 事件实现在 transition 完成后执行其他操作。在 YUI3.3.0 中,这个事件类型已经不被推荐,统一采用以下两种方式: 第一种,直接使用回调函数: node.transition({width: 0}, function() { //your co[详细]
-
switch等值比较的写法改进
所属栏目:[模式] 日期:2018-10-11 热度:89
这个写法是专用于取代switch里相等值比较的 通常来说比较等值的每次比较都需要重复判断 通过自定义函数的使用避免了重复判断提高了效率 原理很简单即使用对象定位需要范围的值 该返回值可以是个变量也可以是数组、函数等 Copy to Clipboard 引用的内容:[w[详细]
-
用于判断客户端几个属性的简单对象
所属栏目:[模式] 日期:2018-10-11 热度:115
目前程序中用于判断客户端信息的对象 需求不高所以比较简单不一定精确 游戏中一般只需要判断是否IE、是否IE6、是否手机这三个功能 该对象可判断客户端的操作系统类型、浏览器类型、客户机器是电脑还是手机类、访问协议是HTTP还是FILE 这里偶只简单的使用判[详细]
-
合理设计数据格式提高效率和缩短程序代码
所属栏目:[模式] 日期:2018-10-11 热度:192
一个网友问偶: 我要获得 一个格子的八个方向的格子坐标,怎么获得,有合适的算法没? 我现在是这样的: 偶看了一下这个写法有几个问题: 1.代码累赘,篇幅过多 2.这么多个if...elseif...还不如直接用switch 3.每次获取代码都要进行判断,其实可以不需要 4.[详细]
-
什么是 Repaint 和 Reflow, 相关介绍
所属栏目:[模式] 日期:2018-10-11 热度:157
1. 什么是 repaint 和 reflow 一个页面由两部分组成: DOM : 描述该页面的结构 render : 描述 DOM 节点 (nodes) 在页面上如何呈现 当 DOM 元素的属性发生变化 (如 color) 时, 浏览器会通知 render 重新描绘相应的元素, 此过程称为 repaint. 如果该次变化涉[详细]
-
异步获取并提交表单数据
所属栏目:[模式] 日期:2018-10-11 热度:172
异步提交表单数据最痛苦的两个破事: 1、编码乱码问题 事实上 ajax 技术底层是 unicode 编码,当 GBK 的页面与接口进行数据交互时,会产生乱码情况。解决方案有多种,可以将页面转化为 utf-8 编码,或者发送数据前进行两次 encodeURI 编码,在接受数据时进[详细]
-
Js中的window.location和document.location
所属栏目:[模式] 日期:2018-10-11 热度:167
document.location 这个对象包含了当前URL的信息 location.host 获取port号 location.hostname 设置或获取主机名称 location.href 设置或获取整个URL location.port设置或获取URL的端口号 location.search 设置或获取href属性中跟在问号后面的部分 --------[详细]
-
HTML(DOM)与JavaScript嵌套数组之间相互转换
所属栏目:[模式] 日期:2018-10-11 热度:86
html2ja:将html目标元素解析为 Java Script数组字面量,每项的值为tagName, className, id等CSS选择器组合; showJa:将html2ja生成的数组缩进格式化显示; walkDOM:遍历DOM目标元素(这个来自老道的the Good Parts)。 ja2html:与html相反的过程 PS:以下[详细]
-
JavaScript实现的原生的INI文件解析器代码
所属栏目:[模式] 日期:2018-10-11 热度:117
利用 Java Script实现的原生的INI文件解析器代码,本文系烈火网转载,下边是作者的说明: 基于Builder模式写的一个INI文件解析器,用JavaScript实现。只是表述INI文件解析的思路和Builder模式的实例应用,贻笑大方之作。很容易根据思路用其他语言实现出来[详细]
-
JavaScript菜单项热点排序的实现示例
所属栏目:[模式] 日期:2018-10-10 热度:180
Java Script菜单项热点排序的实现示例,列表项或菜单项排序,按被点击次数排序(也可以是其他事件),这里只是一个示例而已,如果您想看到更完整的例子,可以在此基础上开发。 演示代码: divul id=menulispanFirst/span/lilispanSecond/span/lilispanThir[详细]
-
u128.js 128位无符号整数运算的JavaScript库
所属栏目:[模式] 日期:2018-10-10 热度:121
u128.js 是一个提供 128 位无符号整数运算的 Java Script 库,旨在兼容各种主流浏览器。 示例代码: script type=text/javascript src=u128.js /script script type=text/javascript /* Namespace shorthand */ var u = faultylabs.u128; /* Conversions t[详细]
-
兼容IE和Firefox的、读取本地文件JS代码
所属栏目:[模式] 日期:2018-10-10 热度:123
兼容IE和 Firefox 的、读取本地文件JS代码,作者没有给出实例,因此只有部分代码。 script type=text/javascript function read(file) { if(typeof window.ActiveXObject != 'undefined') { var content = ; try { var fso = new ActiveXObject(Scripting.[详细]
-
常用JavaScript方法之JS总结篇
所属栏目:[模式] 日期:2018-10-10 热度:96
常用 Java Script方法之JS总结篇,烈火学院转载于一位朋友的技术博客,共107条,希望对大家学习JS有所帮助。 1.document.write(); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document-html-(head,body) 4.一个浏览器窗口中的DOM顺序是:window-(na[详细]
-
php在页面中调用fckeditor编辑器的代码
所属栏目:[模式] 日期:2018-10-10 热度:64
关于FckEditor的文章,烈火学院以前介绍了一些,今天再来说一下如何使用PHP调用FCK编辑器,fckeditor编辑器的代码可以写成一个函数或者类别,直接调用,不用每次都要写那么多代码!刚才在论坛上看到一个童鞋分享的方法,感觉不是很全面,现在分享下我的! C[详细]
-
Js操作Cookie的代码,代码内有详细注释
所属栏目:[模式] 日期:2018-10-10 热度:86
Js操作Cookie的代码,下边的代码内有详细注释,这里就不再多说了,直接上代码: /* *设置与获取Cookie */ var Cookie = {} //写入Cookie,key为键,value是值 //duration过期时间(天为单位,默认1天) Cookie.write = function (key, value, duration) {[详细]
-
NodeList集合跟Array数组的区别
所属栏目:[模式] 日期:2018-10-10 热度:160
首先来看看什么是NodeList,NodeList跟arguments都不是普通的数组,他们有数组的一些基本属性但是又不完全是数组。下面是在Mozilla上面找到的定义: This is a commonly used type which is a collection of nodes returned by getElementsByTagName, getEl[详细]
-
IE6下javascript不能隐藏select标签的bug
所属栏目:[模式] 日期:2018-10-10 热度:103
昨天做了一个简单的项目,要求有三级联动的select菜单,可是伤不起的IE6下就出现了不能隐藏select的bug,之前我也介绍过IE6下select层高的问题,可以通过隐藏select或者使用iframe遮挡的方式来解决,今天的bug不同以前,大家如果在用js控制select显示隐藏[详细]
-
JavaScript 之 getScrollHeight() 实例
所属栏目:[模式] 日期:2018-10-10 热度:177
Java Script 之 getScrollHeight() 实例 function getScrollHeight() { var maxDisplacement=0; window.scrollTo(0,10000000); if( typeof self.pageYOffset!='undefined' ) maxDisplacement=self.pageYOffset; else if( document.compatMode document.com[详细]
-
JS 获取 url 参数的几种方法
所属栏目:[模式] 日期:2018-10-09 热度:67
①网上有位同学这么写的: function QueryString(key){ var paras = location.search; if(paras){ var arr = paras.substr(1).split(),data; for(i in arr){ data = arr[i].split(=); if(data[0] == key){ return data[1] } } } } ②这是我原来搜集的,并[详细]
-
javascript的词法作用域
所属栏目:[模式] 日期:2018-10-09 热度:181
大家应该写过下面类似的代码吧,其实这里我想要表达的是有时候一个方法定义的地方和使用的地方会相隔十万八千里,那方法执行时,它能访问哪些变量,不能访问哪些变量,这个怎么判断呢?这个就是我们这次需要分析的问题词法作用域 var classA = function(){[详细]
-
JS实现去掉字符空格,并转换字符的代码
所属栏目:[模式] 日期:2018-10-08 热度:151
程序能够实现转换字符,并能去掉字符中间的空格,并且单击Bttton可以实现复制代码功能。有待进一步改进。请多多指教。未完成实现去左空格,右空格功能。 示例: HTMLHEADTITLE字符处理程序/TITLE/HEADBODY bgColor=#bbccddscript language=javascript type[详细]