-
YUI html表单序列化 html form serialize
所属栏目：[模式] 日期：2018-10-19 热度：75
yui3版本的表单序列化。我发现烈火网的yui的教程不多。最流行的不一定是最好的，就我个人来说，偏爱yui甚于jquery。 用法： 一、serializeForm('#formid')，返回a=55b=option1b=option2 二、serializeForm('#formid',true),返回对象{afile:'55',bfield:['o[详细]
-
Javascript实现超炫组织结构图(Organization Chart)
所属栏目：[模式] 日期：2018-10-19 热度：157
最近有个内部项目需要使用组织结构图(organization chart)， 寻找了一些开源的项目及其类库，发现竟然没有现成的JS类库可以使用，找到一些简单的JS实现，不过界面及其操作及其简单，不过功夫不负有心人，经过几天国内国外的搜索，找到了一个非常好的解决方[详细]
-
重温Javascript继承机制
所属栏目：[模式] 日期：2018-10-19 热度：171
一、讲个故事吧 澄清在先，Java 和Javascript是雷锋和雷峰塔的关系。Javascript原名Mocha，当时还叫做LiveScript，创造者是Brendan Eich，现任Mozilla公司首席技术官。 1994年，历史上第一个比较成熟的网络浏览器Navigator0.9版诞生在网景公司（Netscape）[详细]
-
JavaScript实现的回到顶部代码，跟随滚动条滚动
所属栏目：[模式] 日期：2018-10-19 热度：131
Java Script实现的回到顶部代码，可跟随滚动条滚动，这是烈火网小编在百度空间看到的代码，不知道原作者是谁，在代码中的回到顶部按钮原本是一个图片，由于图片路径不正确，所以被小编替换为文字链接，您可以自行修改哦。 演示： div style=height:2800px;[详细]
-
JavaScript 最短的 XML 格式化工具
所属栏目：[模式] 日期：2018-10-12 热度：123
用 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-12 热度：91
YUI3.2.0 的 transition 模块，通过使用 transition:end 事件实现在 transition 完成后执行其他操作。在 YUI3.3.0 中，这个事件类型已经不被推荐，统一采用以下两种方式： 第一种，直接使用回调函数： node.transition({width: 0}, function() { //your co[详细]
-
switch等值比较的写法改进
所属栏目：[模式] 日期：2018-10-12 热度：128
这个写法是专用于取代switch里相等值比较的 通常来说比较等值的每次比较都需要重复判断 通过自定义函数的使用避免了重复判断提高了效率 原理很简单即使用对象定位需要范围的值 该返回值可以是个变量也可以是数组、函数等 Copy to Clipboard 引用的内容：[w[详细]
-
用于判断客户端几个属性的简单对象
所属栏目：[模式] 日期：2018-10-12 热度：114
目前程序中用于判断客户端信息的对象 需求不高所以比较简单不一定精确 游戏中一般只需要判断是否IE、是否IE6、是否手机这三个功能 该对象可判断客户端的操作系统类型、浏览器类型、客户机器是电脑还是手机类、访问协议是HTTP还是FILE 这里偶只简单的使用判[详细]
-
合理设计数据格式提高效率和缩短程序代码
所属栏目：[模式] 日期：2018-10-12 热度：93
一个网友问偶： 我要获得 一个格子的八个方向的格子坐标，怎么获得，有合适的算法没? 我现在是这样的： 偶看了一下这个写法有几个问题： 1.代码累赘，篇幅过多 2.这么多个if...elseif...还不如直接用switch 3.每次获取代码都要进行判断，其实可以不需要 4.[详细]
-
什么是 Repaint 和 Reflow, 相关介绍
所属栏目：[模式] 日期：2018-10-12 热度：86
1. 什么是 repaint 和 reflow 一个页面由两部分组成: DOM : 描述该页面的结构 render : 描述 DOM 节点 (nodes) 在页面上如何呈现 当 DOM 元素的属性发生变化 (如 color) 时, 浏览器会通知 render 重新描绘相应的元素, 此过程称为 repaint. 如果该次变化涉[详细]
-
异步获取并提交表单数据
所属栏目：[模式] 日期：2018-10-12 热度：163
异步提交表单数据最痛苦的两个破事： 1、编码乱码问题 事实上 ajax 技术底层是 unicode 编码，当 GBK 的页面与接口进行数据交互时，会产生乱码情况。解决方案有多种，可以将页面转化为 utf-8 编码，或者发送数据前进行两次 encodeURI 编码，在接受数据时进[详细]
-
Js中的window.location和document.location
所属栏目：[模式] 日期：2018-10-12 热度：170
document.location 这个对象包含了当前URL的信息 location.host 获取port号 location.hostname 设置或获取主机名称 location.href 设置或获取整个URL location.port设置或获取URL的端口号 location.search 设置或获取href属性中跟在问号后面的部分 --------[详细]
-
HTML(DOM)与JavaScript嵌套数组之间相互转换
所属栏目：[模式] 日期：2018-10-12 热度：171
html2ja：将html目标元素解析为 Java Script数组字面量，每项的值为tagName, className, id等CSS选择器组合; showJa：将html2ja生成的数组缩进格式化显示; walkDOM：遍历DOM目标元素(这个来自老道的the Good Parts)。 ja2html：与html相反的过程 PS：以下[详细]
-
JavaScript实现的原生的INI文件解析器代码
所属栏目：[模式] 日期：2018-10-12 热度：126
利用 Java Script实现的原生的INI文件解析器代码，本文系烈火网转载，下边是作者的说明： 基于Builder模式写的一个INI文件解析器，用JavaScript实现。只是表述INI文件解析的思路和Builder模式的实例应用，贻笑大方之作。很容易根据思路用其他语言实现出来[详细]
-
一周学会Mootools 1.4中文教程:(7)汇总收尾
所属栏目：[模式] 日期：2018-10-05 热度：52
转眼之间已经第七课了,这也将成为最后一课,如果这7课下来您感觉水平没有达到预想的水平,没关系您可以继续关注本站的博文,我会陆续发一些类似的文章帮您提升水平,另外我最近打算和群里的几个Mootools爱好者制作一下Mootools1.4的chm版中文API手册,如果您对此[详细]
-
一周学会Mootools 1.4中文教程:(6)动画
所属栏目：[模式] 日期：2018-10-05 热度：89
先看一下动画的参数设置: 参数: fps - (number:默认是50) 每秒的帧数. unit - (string:默认是 false) 单位,可为 'px','em',或 '%'. link - (string:默认是 ignore) 可以是 'ignore','cancel' 和 'chain'. 'ignore'-当请求正在执行之中时,新的请求将被忽略 '[详细]
-
一周学会Mootools 1.4中文教程:(5)Ajax
所属栏目：[模式] 日期：2018-10-05 热度：89
ajax在我们前台的开发中是非常重要的,所以我们单独拿出一节课来讲述,首先我们看一下mootools的ajax构成 语法: var myRequest=new Request([参数]); 参数: url - (string:默认是null) 要请求的URL. data - (string:默认是空) 默认要请求或发送的数据. link -[详细]
-
JavaScript实现一个很轻量的动画库效果
所属栏目：[模式] 日期：2018-10-05 热度：135
JS动画，实质是对DOM样式的改变。只要把主流浏览器DOM元素的属性方法搞清楚，做JS动画并不算难。网上也有很多封装好的JS动画库，但大多因为功能过于完善，而至于代码量大动辄过千行，不宜在小项目中使用。这里自己封装了一个很轻量的动画库，主要功能都已[详细]
-
Mootools中delay这个延迟函数的高级用法
所属栏目：[模式] 日期：2018-10-05 热度：147
这是一种最简单的用法: (function(){ alert('one second later...'); }).delay(1000); 这个函数会在1秒之后自动被执行 我们看一下delay这个函数的实现方法: delay: function(delay, bind, args){ return setTimeout(this.pass((args == null ? [] : args),[详细]
-
Mootools中使用extend和implement给你的函数扩展功能或方法
所属栏目：[模式] 日期：2018-10-05 热度：113
当然了,所谓的给函数扩展功能或方法指的是不修改原函数的前提下. 很多人都知道Mootools面向对象的机制不错,不过多数人都把面向对象理解错了,认为面向对象就是类,其实不然,面向对象的范围是非常广的. 那么我的这篇文章实际上就是面向对象的一种应用,只不过[详细]
-
一周学会Mootools 1.4中文教程:(4)类型
所属栏目：[模式] 日期：2018-10-05 热度：81
副标题#e# Mootools的类型主要包含下边几部分:String:字符串;Number:数字;Array:数组;Object:对象;Json:;Cookie:. 这也是我们今天的讲述重点.每一种数据类型Mt都为其扩展了自己的方法,这一点通过我为大家提供的Editplus素材文件就能看的出来,因为涉及的方法[详细]
-
一周学会Mootools 1.4中文教程:(3)事件
所属栏目：[模式] 日期：2018-10-05 热度：85
副标题#e# 今天我們講解一下mt的事件部分,对于事件的讲解主要包含三部分,分别是:绑定,移除,和触发,我们首先来看一个例子 //jquery的事件绑定方式 $('a').click(function){ alert('aa'); }); //或 $('a').bind('click,mouseover',function){ alert('aa'); })[详细]
-
一周学会Mootools 1.4中文教程:(2)函数
所属栏目：[模式] 日期：2018-10-05 热度：137
副标题#e# 透过对上一节课的学习,相信大家对mt的选择器应该有了一定的认识了,我再放几个小示例让大家对选择器的复杂应用有所了解: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[详细]
-
一周学会Mootools 1.4中文教程:(1)Dom选择器
所属栏目：[模式] 日期：2018-10-05 热度：195
副标题#e# 君欲善其事须先利其器,好吧因为我们的时间比较紧迫,只有六天而已,那么六天的时间用死记硬背的方式学会Mt犹如天方夜谭,因此我们需要借鉴一下Editplus的素材栏帮我们记忆就好了,当我们需要用到什么函数的时候直接从素材里找一下双击就行了. Editplu[详细]
-
JavaScript Event学习第八章：事件的顺序
所属栏目：[模式] 日期：2018-09-28 热度：98
在第一章中我提到一个初次看起来可能不是那么好理解的是一个问题：如果一个元素和他的父元素对于同样的事件都有事件处理程序，那么哪个会首先执行呢？毫无疑问，看是什么浏览器。 基本问题很简单。假设你的一个元素包含在另外一个元素中。 ----------------[详细]
