-
Javascript实现超炫组织结构图(Organization Chart)
所属栏目：[模式] 日期：2018-10-15 热度：85
最近有个内部项目需要使用组织结构图(organization chart)， 寻找了一些开源的项目及其类库，发现竟然没有现成的JS类库可以使用，找到一些简单的JS实现，不过界面及其操作及其简单，不过功夫不负有心人，经过几天国内国外的搜索，找到了一个非常好的解决方[详细]
-
重温Javascript继承机制
所属栏目：[模式] 日期：2018-10-15 热度：107
一、讲个故事吧 澄清在先，Java 和Javascript是雷锋和雷峰塔的关系。Javascript原名Mocha，当时还叫做LiveScript，创造者是Brendan Eich，现任Mozilla公司首席技术官。 1994年，历史上第一个比较成熟的网络浏览器Navigator0.9版诞生在网景公司（Netscape）[详细]
-
JavaScript实现的回到顶部代码，跟随滚动条滚动
所属栏目：[模式] 日期：2018-10-15 热度：144
Java Script实现的回到顶部代码，可跟随滚动条滚动，这是烈火网小编在百度空间看到的代码，不知道原作者是谁，在代码中的回到顶部按钮原本是一个图片，由于图片路径不正确，所以被小编替换为文字链接，您可以自行修改哦。 演示： div style=height:2800px;[详细]
-
JavaScript 最短的 XML 格式化工具
所属栏目：[模式] 日期：2018-10-13 热度：92
用 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-13 热度：141
YUI3.2.0 的 transition 模块，通过使用 transition:end 事件实现在 transition 完成后执行其他操作。在 YUI3.3.0 中，这个事件类型已经不被推荐，统一采用以下两种方式： 第一种，直接使用回调函数： node.transition({width: 0}, function() { //your co[详细]
-
switch等值比较的写法改进
所属栏目：[模式] 日期：2018-10-13 热度：58
这个写法是专用于取代switch里相等值比较的 通常来说比较等值的每次比较都需要重复判断 通过自定义函数的使用避免了重复判断提高了效率 原理很简单即使用对象定位需要范围的值 该返回值可以是个变量也可以是数组、函数等 Copy to Clipboard 引用的内容：[w[详细]
-
用于判断客户端几个属性的简单对象
所属栏目：[模式] 日期：2018-10-13 热度：200
目前程序中用于判断客户端信息的对象 需求不高所以比较简单不一定精确 游戏中一般只需要判断是否IE、是否IE6、是否手机这三个功能 该对象可判断客户端的操作系统类型、浏览器类型、客户机器是电脑还是手机类、访问协议是HTTP还是FILE 这里偶只简单的使用判[详细]
-
合理设计数据格式提高效率和缩短程序代码
所属栏目：[模式] 日期：2018-10-13 热度：55
一个网友问偶： 我要获得 一个格子的八个方向的格子坐标，怎么获得，有合适的算法没? 我现在是这样的： 偶看了一下这个写法有几个问题： 1.代码累赘，篇幅过多 2.这么多个if...elseif...还不如直接用switch 3.每次获取代码都要进行判断，其实可以不需要 4.[详细]
-
什么是 Repaint 和 Reflow, 相关介绍
所属栏目：[模式] 日期：2018-10-13 热度：165
1. 什么是 repaint 和 reflow 一个页面由两部分组成: DOM : 描述该页面的结构 render : 描述 DOM 节点 (nodes) 在页面上如何呈现 当 DOM 元素的属性发生变化 (如 color) 时, 浏览器会通知 render 重新描绘相应的元素, 此过程称为 repaint. 如果该次变化涉[详细]
-
异步获取并提交表单数据
所属栏目：[模式] 日期：2018-10-13 热度：165
异步提交表单数据最痛苦的两个破事： 1、编码乱码问题 事实上 ajax 技术底层是 unicode 编码，当 GBK 的页面与接口进行数据交互时，会产生乱码情况。解决方案有多种，可以将页面转化为 utf-8 编码，或者发送数据前进行两次 encodeURI 编码，在接受数据时进[详细]
-
Js中的window.location和document.location
所属栏目：[模式] 日期：2018-10-13 热度：62
document.location 这个对象包含了当前URL的信息 location.host 获取port号 location.hostname 设置或获取主机名称 location.href 设置或获取整个URL location.port设置或获取URL的端口号 location.search 设置或获取href属性中跟在问号后面的部分 --------[详细]
-
HTML(DOM)与JavaScript嵌套数组之间相互转换
所属栏目：[模式] 日期：2018-10-13 热度：160
html2ja：将html目标元素解析为 Java Script数组字面量，每项的值为tagName, className, id等CSS选择器组合; showJa：将html2ja生成的数组缩进格式化显示; walkDOM：遍历DOM目标元素(这个来自老道的the Good Parts)。 ja2html：与html相反的过程 PS：以下[详细]
-
JavaScript实现的原生的INI文件解析器代码
所属栏目：[模式] 日期：2018-10-13 热度：149
利用 Java Script实现的原生的INI文件解析器代码，本文系烈火网转载，下边是作者的说明： 基于Builder模式写的一个INI文件解析器，用JavaScript实现。只是表述INI文件解析的思路和Builder模式的实例应用，贻笑大方之作。很容易根据思路用其他语言实现出来[详细]
-
Extjs中的迭代方法
所属栏目：[模式] 日期：2018-10-12 热度：112
EXTJS 有很多的迭代方法，例如,你也许已知道的Ext.each，但还有另外一些不为人知且很有用的方法。首先，简要回顾下Ext.each: Ext.each 为每一个数组的成员应用同一个方法，它基本上是一个更方便的循环形式 var people = ['Bill', 'Saul', 'Gaius'];//using[详细]
-
JS实现去掉字符空格，并转换字符的代码
所属栏目：[模式] 日期：2018-10-12 热度：79
程序能够实现转换字符，并能去掉字符中间的空格，并且单击Bttton可以实现复制代码功能。有待进一步改进。请多多指教。未完成实现去左空格，右空格功能。 示例： HTMLHEADTITLE字符处理程序/TITLE/HEADBODY bgColor=#bbccddscript language=javascript type[详细]
-
Javascript匿名函数解读
所属栏目：[模式] 日期：2018-10-12 热度：130
一、什么是匿名函数？ 在 Java script定义一个函数一般有如下三种方式： 1、函数关键字(function)语句： function fnMethodName(x){alert(x);} 2、函数字面量(Function Literals)： var fnMethodName = function(x){alert(x);} 3、Function()构造函数： va[详细]
-
13款效果超酷的Javascript导航菜单代码
所属栏目：[模式] 日期：2018-10-09 热度：76
收集了12款效果超酷的 Java script导航菜单代码，是来自国外网站的资源，由于时间关系还没有来的及提供打包下载，不过您可以根据下边的图片选择自己喜欢的菜单，如果遇到不懂的问题，可以在下边的评论区向烈火网求助，我们一定尽力帮助您的。 1) Sexy Slid[详细]
-
文本框自动完成效果的JS类：SearchField
所属栏目：[模式] 日期：2018-10-09 热度：96
Searchfield是一个简洁、轻巧、美观、支持文本框下拉提示的搜索表单代码，它支持搜索建议，也就是当你输入文字的时候，会显示相关的下拉搜索关键词建议!作者说支持三个国家的语言，支持中文、英文，另一种语言没有试出来。 下载地址：SearchField 支持文本[详细]
-
基于prototype的输入自动提示autocomplete
所属栏目：[模式] 日期：2018-10-09 热度：179
基于prototype的输入自动提示autocomplete效果 效果： autocomplete.js： Copy to Clipboard 引用的内容：[www.veryhuo.com]var Autocomplete = function(el, options){ this.el = $(el); this.id = this.el.identify(); this.el.setAttribute('autocomple[详细]
-
javascript中instanceof、isPrototypeOf等的使用
所属栏目：[模式] 日期：2018-10-09 热度：128
javascript中instanceof、isPrototypeOf、hasOwnProperty、in的使用，请看下边的示例： script type=text/javascript!--function Person() {this.name = ygm;}var p = new Person();alert(对象p属于Object类型: + (p instanceof Object));alert(对象p属于P[详细]
-
JavaScript逻辑运算符及优先级
所属栏目：[模式] 日期：2018-10-09 热度：60
今天看了一段YUI compressor压缩的js代码： userNum (ind += index,ind = userNum (ind -= userNum),ind 0 (ind === -2 (ind = -1),ind += userNum),selLi.removeClass(on),$(selLi[ind]).addClass(on)); 直接疯掉了，估计一下子没几个人能看懂。那么就把[详细]
-
JavaScript 中的对象引用机制
所属栏目：[模式] 日期：2018-10-02 热度：97
Java Script 中的对象引用机制 对象的引用机制：对象不会被复制，只能通过引用来传递。 简单的例子： var i = mangguo = {}; //不论是否为空对象 mangguo.address = 'Hangzhou';那么 mangguo.address 的值和 i.address 一致，原因是 i 和 mangguo 引用的是[详细]
-
简单的Js正则表达式：滤除多余字符
所属栏目：[模式] 日期：2018-10-02 热度：153
简单的Js正则表达式：滤除多余字符 利用正则表达法除去字符串中的重复字符，一个简单的 Java Script正则表达式实例，将一串含有重复字符串中的多余字符滤除掉。 代码如下： Copy to Clipboard 引用的内容：[www.veryhuo.com]html head title利用正则表达法[详细]
-
Javascript在网页上添加“另存为”按钮
所属栏目：[模式] 日期：2018-10-02 热度：82
javascript实现网页另存为，点击按钮即可实现，网页特效代码。 由于高版本 IE浏览器 安全机制较高，因此在IE7以上浏览器可能无法运行。 代码如下： Copy to Clipboard 引用的内容：[www.veryhuo.com]html head title另存网页/title /head body OBJECT clas[详细]
-
百叶窗打开网页,一行Js代码即可实现
所属栏目：[模式] 日期：2018-10-02 热度：92
百叶窗打开网页,一行Js代码即可实现，一种网页的过渡效果，当打开链接的时候，等待页面加载完成 ，然后以百叶窗的方式慢慢显示出来，而且代码也很简单，在此之前还以为，这种效果需要用不少Js代码才能实现。 特效演示： htmlheadtitle使用百叶窗效果来切换[详细]
