-
extjs通用CRUD方法
所属栏目：[模式] 日期：2018-10-12 热度：157
extjs通用CRUD方法，只要你传入相应的参数就能完成extjs表格的CRUD 代码： /** * 添加事件 * @param {} saveButton * @param {} gridObj * @param {} idName * @param {} treeObj * @param {} url * @param {} assistFunc * @returns {} */ function commG[详细]
-
YUI html表单序列化 html form serialize
所属栏目：[模式] 日期：2018-10-12 热度：122
yui3版本的表单序列化。我发现烈火网的yui的教程不多。最流行的不一定是最好的，就我个人来说，偏爱yui甚于jquery。 用法： 一、serializeForm('#formid')，返回a=55b=option1b=option2 二、serializeForm('#formid',true),返回对象{afile:'55',bfield:['o[详细]
-
Javascript实现超炫组织结构图(Organization Chart)
所属栏目：[模式] 日期：2018-10-12 热度：164
最近有个内部项目需要使用组织结构图(organization chart)， 寻找了一些开源的项目及其类库，发现竟然没有现成的JS类库可以使用，找到一些简单的JS实现，不过界面及其操作及其简单，不过功夫不负有心人，经过几天国内国外的搜索，找到了一个非常好的解决方[详细]
-
重温Javascript继承机制
所属栏目：[模式] 日期：2018-10-12 热度：129
一、讲个故事吧 澄清在先，Java 和Javascript是雷锋和雷峰塔的关系。Javascript原名Mocha，当时还叫做LiveScript，创造者是Brendan Eich，现任Mozilla公司首席技术官。 1994年，历史上第一个比较成熟的网络浏览器Navigator0.9版诞生在网景公司（Netscape）[详细]
-
JavaScript实现的回到顶部代码，跟随滚动条滚动
所属栏目：[模式] 日期：2018-10-09 热度：183
Java Script实现的回到顶部代码，可跟随滚动条滚动，这是烈火网小编在百度空间看到的代码，不知道原作者是谁，在代码中的回到顶部按钮原本是一个图片，由于图片路径不正确，所以被小编替换为文字链接，您可以自行修改哦。 演示： div style=height:2800px;[详细]
-
JavaScript 最短的 XML 格式化工具
所属栏目：[模式] 日期：2018-10-09 热度：184
用 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 热度：92
YUI3.2.0 的 transition 模块，通过使用 transition:end 事件实现在 transition 完成后执行其他操作。在 YUI3.3.0 中，这个事件类型已经不被推荐，统一采用以下两种方式： 第一种，直接使用回调函数： node.transition({width: 0}, function() { //your co[详细]
-
switch等值比较的写法改进
所属栏目：[模式] 日期：2018-10-09 热度：157
这个写法是专用于取代switch里相等值比较的 通常来说比较等值的每次比较都需要重复判断 通过自定义函数的使用避免了重复判断提高了效率 原理很简单即使用对象定位需要范围的值 该返回值可以是个变量也可以是数组、函数等 Copy to Clipboard 引用的内容：[w[详细]
-
用于判断客户端几个属性的简单对象
所属栏目：[模式] 日期：2018-10-09 热度：160
目前程序中用于判断客户端信息的对象 需求不高所以比较简单不一定精确 游戏中一般只需要判断是否IE、是否IE6、是否手机这三个功能 该对象可判断客户端的操作系统类型、浏览器类型、客户机器是电脑还是手机类、访问协议是HTTP还是FILE 这里偶只简单的使用判[详细]
-
合理设计数据格式提高效率和缩短程序代码
所属栏目：[模式] 日期：2018-10-09 热度：192
一个网友问偶： 我要获得 一个格子的八个方向的格子坐标，怎么获得，有合适的算法没? 我现在是这样的： 偶看了一下这个写法有几个问题： 1.代码累赘，篇幅过多 2.这么多个if...elseif...还不如直接用switch 3.每次获取代码都要进行判断，其实可以不需要 4.[详细]
-
什么是 Repaint 和 Reflow, 相关介绍
所属栏目：[模式] 日期：2018-10-09 热度：137
1. 什么是 repaint 和 reflow 一个页面由两部分组成: DOM : 描述该页面的结构 render : 描述 DOM 节点 (nodes) 在页面上如何呈现 当 DOM 元素的属性发生变化 (如 color) 时, 浏览器会通知 render 重新描绘相应的元素, 此过程称为 repaint. 如果该次变化涉[详细]
-
异步获取并提交表单数据
所属栏目：[模式] 日期：2018-10-09 热度：193
异步提交表单数据最痛苦的两个破事： 1、编码乱码问题 事实上 ajax 技术底层是 unicode 编码，当 GBK 的页面与接口进行数据交互时，会产生乱码情况。解决方案有多种，可以将页面转化为 utf-8 编码，或者发送数据前进行两次 encodeURI 编码，在接受数据时进[详细]
-
Js中的window.location和document.location
所属栏目：[模式] 日期：2018-10-09 热度：180
document.location 这个对象包含了当前URL的信息 location.host 获取port号 location.hostname 设置或获取主机名称 location.href 设置或获取整个URL location.port设置或获取URL的端口号 location.search 设置或获取href属性中跟在问号后面的部分 --------[详细]
-
HTML(DOM)与JavaScript嵌套数组之间相互转换
所属栏目：[模式] 日期：2018-10-09 热度：164
html2ja：将html目标元素解析为 Java Script数组字面量，每项的值为tagName, className, id等CSS选择器组合; showJa：将html2ja生成的数组缩进格式化显示; walkDOM：遍历DOM目标元素(这个来自老道的the Good Parts)。 ja2html：与html相反的过程 PS：以下[详细]
-
js 控制 checkbox 全选的简单代码
所属栏目：[模式] 日期：2018-09-26 热度：80
js 控制 checkbox 全选的简单代码 script function checkAll(obj,id) { var check = document.getElementsByName(id); for(i=0; icheck.length; i++) { check[i].checked = obj.checked; } } /script 表头 input class=check-all type=checkbox onclick=ch[详细]
-
JavaScript for/in循环的用法实例
所属栏目：[模式] 日期：2018-09-26 热度：163
Java Script for/in循环的用法实例，虽然For、IN大家用着不习惯，不过各有各的优势和个性，用好了一样是优秀的代码。 html head titlefor/in循环/title /head body centerh2测试for/in循环/h2/center hr script language=JavaScript // 变量声明 var prop;[详细]
-
documentElement知识汇总
所属栏目：[模式] 日期：2018-09-22 热度：56
问题来源: 取得当前浏览器窗口的高度和宽度 解决文案: script type=text/javascript //from ppk (http://www.jr.pl/www.quirksmode.org/viewport/compatibility.html) var x,y; if (self.innerHeight) // all except Explorer { x = self.innerWidth; y = s[详细]
-
IE下setTimeout传参数bug的解决方法
所属栏目：[模式] 日期：2018-09-22 热度：81
最近一次的开发中遇到了IE下setTimeout传参数的问题，在IE下setTimeout是不会传参数的，例如下面的代码，在IE下就不会传入a,b两个参数 setTimeout(function(a,b){ alert(a+b); },1000,'hello,','world!'); 在实际项目中我们有些需求必须传入参数要setTimeo[详细]
-
JavaScript 基础应用语法
所属栏目：[模式] 日期：2018-09-22 热度：92
1.document.write();为 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document-html-(head,body) 4.一个浏览器窗口中的DOM顺序是:window-(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById(表单中[详细]
-
js用法例子:使用split分隔指定字符串
所属栏目：[模式] 日期：2018-09-22 热度：145
js用法例子:使用split分隔指定字符串 Java Script使用split分隔指定字符串，用法举例，这里使用，逗号作为分隔符，将一长串含有逗号的字符串分开，应用十分广泛，其用法也相当简单，你从本代码中即可学到用法。 Copy to Clipboard 引用的内容：[www.veryhu[详细]
-
Chrome浏览器中用JS获取表格及其元素的CSS宽高
所属栏目：[模式] 日期：2018-09-22 热度：116
虽然现在表格用的很少了，但是某些写东西还是需要用到的。 今天在做F7Dialog2.0项目的时候遇到了要获取表格单元格的CSS宽高。自认为获取宽高很简单，直接写了代码获取，后来那部分代码写完后测试时才发现chrome执行结果不同，很是郁闷[详细]
-
cookie的添加、获
所属栏目：[模式] 日期：2018-09-22 热度：56
下面这段代码最开始是参考腾讯的，自经过调整加工及添加注释后贴出来，希望对大家有所帮助。 在注释中的解释应该已经很详细了，如遇到问题可以在评论中咨询。 // cookie 2.0 F7 Editor function setCookie(name, value, expires, path, domain){ //name coo[详细]
-
JS批量获取class命名节点 getElementsByClassName()
所属栏目：[模式] 日期：2018-09-22 热度：139
JS批量获取class命名节点 getElementsByClassName() getElementsByClassName() 是一个老的方法了，将其优化整理后给大家提供。 代码如下： // 批量获取class命名节点 function getElementsByClassName(className, tag, parent){ var parent = parent || doc[详细]
-
javascript判断dom是否加载完毕
所属栏目：[模式] 日期：2018-09-22 热度：200
首先要明确两个概念 1.window.onload:页面加载完毕，页面内所有组件(图片等)都可用。 2.dom 加载：指文档对象模型加载完毕，要先于window.onload事件。 可以看出，当页面包含大量组件(特别是图片)的情形下，以上两种加载的时间相隔将会很长，这时判断dom何[详细]
-
javascript 缓存提供程序
所属栏目：[模式] 日期：2018-09-22 热度：87
相信每一个开发者都知道缓存的重要性。从头至尾有缓存的后台(memcached,xcache等。) 来减轻db的压力。对内容分发网络（CDN）缓存中希望你的浏览器缓存那些不止一次的加载资源。当然, 有客户端缓存,所以你不要重复昂贵的操作(即使是算法或大量的运算)。 这[详细]
