-
extjs通用CRUD方法
所属栏目:[模式] 日期:2018-10-17 热度:101
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-17 热度:71
yui3版本的表单序列化。我发现烈火网的yui的教程不多。最流行的不一定是最好的,就我个人来说,偏爱yui甚于jquery。 用法: 一、serializeForm('#formid'),返回a=55b=option1b=option2 二、serializeForm('#formid',true),返回对象{afile:'55',bfield:['o[详细]
-
Javascript实现超炫组织结构图(Organization Chart)
所属栏目:[模式] 日期:2018-10-17 热度:111
最近有个内部项目需要使用组织结构图(organization chart), 寻找了一些开源的项目及其类库,发现竟然没有现成的JS类库可以使用,找到一些简单的JS实现,不过界面及其操作及其简单,不过功夫不负有心人,经过几天国内国外的搜索,找到了一个非常好的解决方[详细]
-
重温Javascript继承机制
所属栏目:[模式] 日期:2018-10-17 热度:107
一、讲个故事吧 澄清在先,Java 和Javascript是雷锋和雷峰塔的关系。Javascript原名Mocha,当时还叫做LiveScript,创造者是Brendan Eich,现任Mozilla公司首席技术官。 1994年,历史上第一个比较成熟的网络浏览器Navigator0.9版诞生在网景公司(Netscape)[详细]
-
JavaScript实现的回到顶部代码,跟随滚动条滚动
所属栏目:[模式] 日期:2018-10-17 热度:148
Java Script实现的回到顶部代码,可跟随滚动条滚动,这是烈火网小编在百度空间看到的代码,不知道原作者是谁,在代码中的回到顶部按钮原本是一个图片,由于图片路径不正确,所以被小编替换为文字链接,您可以自行修改哦。 演示: div style=height:2800px;[详细]
-
JavaScript 最短的 XML 格式化工具
所属栏目:[模式] 日期:2018-10-15 热度:148
用 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-15 热度:182
YUI3.2.0 的 transition 模块,通过使用 transition:end 事件实现在 transition 完成后执行其他操作。在 YUI3.3.0 中,这个事件类型已经不被推荐,统一采用以下两种方式: 第一种,直接使用回调函数: node.transition({width: 0}, function() { //your co[详细]
-
switch等值比较的写法改进
所属栏目:[模式] 日期:2018-10-15 热度:102
这个写法是专用于取代switch里相等值比较的 通常来说比较等值的每次比较都需要重复判断 通过自定义函数的使用避免了重复判断提高了效率 原理很简单即使用对象定位需要范围的值 该返回值可以是个变量也可以是数组、函数等 Copy to Clipboard 引用的内容:[w[详细]
-
用于判断客户端几个属性的简单对象
所属栏目:[模式] 日期:2018-10-15 热度:70
目前程序中用于判断客户端信息的对象 需求不高所以比较简单不一定精确 游戏中一般只需要判断是否IE、是否IE6、是否手机这三个功能 该对象可判断客户端的操作系统类型、浏览器类型、客户机器是电脑还是手机类、访问协议是HTTP还是FILE 这里偶只简单的使用判[详细]
-
合理设计数据格式提高效率和缩短程序代码
所属栏目:[模式] 日期:2018-10-15 热度:58
一个网友问偶: 我要获得 一个格子的八个方向的格子坐标,怎么获得,有合适的算法没? 我现在是这样的: 偶看了一下这个写法有几个问题: 1.代码累赘,篇幅过多 2.这么多个if...elseif...还不如直接用switch 3.每次获取代码都要进行判断,其实可以不需要 4.[详细]
-
什么是 Repaint 和 Reflow, 相关介绍
所属栏目:[模式] 日期:2018-10-15 热度:164
1. 什么是 repaint 和 reflow 一个页面由两部分组成: DOM : 描述该页面的结构 render : 描述 DOM 节点 (nodes) 在页面上如何呈现 当 DOM 元素的属性发生变化 (如 color) 时, 浏览器会通知 render 重新描绘相应的元素, 此过程称为 repaint. 如果该次变化涉[详细]
-
异步获取并提交表单数据
所属栏目:[模式] 日期:2018-10-15 热度:54
异步提交表单数据最痛苦的两个破事: 1、编码乱码问题 事实上 ajax 技术底层是 unicode 编码,当 GBK 的页面与接口进行数据交互时,会产生乱码情况。解决方案有多种,可以将页面转化为 utf-8 编码,或者发送数据前进行两次 encodeURI 编码,在接受数据时进[详细]
-
Js中的window.location和document.location
所属栏目:[模式] 日期:2018-10-15 热度:60
document.location 这个对象包含了当前URL的信息 location.host 获取port号 location.hostname 设置或获取主机名称 location.href 设置或获取整个URL location.port设置或获取URL的端口号 location.search 设置或获取href属性中跟在问号后面的部分 --------[详细]
-
HTML(DOM)与JavaScript嵌套数组之间相互转换
所属栏目:[模式] 日期:2018-10-15 热度:145
html2ja:将html目标元素解析为 Java Script数组字面量,每项的值为tagName, className, id等CSS选择器组合; showJa:将html2ja生成的数组缩进格式化显示; walkDOM:遍历DOM目标元素(这个来自老道的the Good Parts)。 ja2html:与html相反的过程 PS:以下[详细]
-
JavaScript实现的原生的INI文件解析器代码
所属栏目:[模式] 日期:2018-10-15 热度:181
利用 Java Script实现的原生的INI文件解析器代码,本文系烈火网转载,下边是作者的说明: 基于Builder模式写的一个INI文件解析器,用JavaScript实现。只是表述INI文件解析的思路和Builder模式的实例应用,贻笑大方之作。很容易根据思路用其他语言实现出来[详细]
-
javascript 缓存提供程序
所属栏目:[模式] 日期:2018-09-21 热度:190
相信每一个开发者都知道缓存的重要性。从头至尾有缓存的后台(memcached,xcache等。) 来减轻db的压力。对内容分发网络(CDN)缓存中希望你的浏览器缓存那些不止一次的加载资源。当然, 有客户端缓存,所以你不要重复昂贵的操作(即使是算法或大量的运算)。 这[详细]
-
关于ExtJS错误“例外被抛出且未被接
所属栏目:[模式] 日期:2018-09-15 热度:101
最近在使用ExtJS搭建网页界面过程中报出错误消息,IE中的提示如下: 例外被抛出且未被接住,行19。。。。 Firefox 提示如下: uncaught exception: No center region defined in BorderLayout westpanel. 根据IE的错误信息调试了老半天也没找到哪的毛病,[详细]
-
当构造函数遇到 YUI3 封装机制
所属栏目:[模式] 日期:2018-09-15 热度:129
Copy to Clipboard 引用的内容:[www.veryhuo.com]/* * 构造确认操作对话框 * @constructor ConfirmBox */ var ConfirmBox, confirmOff, confirmDel; ConfirmBox = function(msg, url){ this.msg = msg; this.url = url; }; ConfirmBox.prototype.fire = f[详细]
-
Prototype 实现的 AJAX Edit in Place
所属栏目:[模式] 日期:2018-09-14 热度:51
Prototype 似乎已经过气了,但用的人还是挺多,这段代码是用来实现即时文本编辑(Edit In Place)的功能。 // Requires prototype.js function edit(action, obj) { Element.hide(obj); var textarea ='div id=' + obj.id + '_editorinput type=text id=' +[详细]
-
你真的认识 window.location 吗?
所属栏目:[模式] 日期:2018-09-14 热度:52
如果你稍微懂一些 JS 代码,一般都会知道 window.location.href 这个属性。并且用该属性获取页面 URL 地址: window.location.href = window.location.href; 好吧,我告诉你,这样弱掉了。其实原生 Java Script 真是什么都有。 window.location 对象所包含[详细]
-
使用javascript将XML解析为JSON
所属栏目:[模式] 日期:2018-09-14 热度:57
今天看了David Walsh一篇把XML格式转换为JSON格式的文章,感觉不错,简单的转载了过来。 下面是神奇的XML转JSON的javascript代码: // Changes XML to JSON function xmlToJson(xml) { // Create the return object var obj = {}; if (xml.nodeType == 1)[详细]
-
JavaScript中的字符串乘法
所属栏目:[模式] 日期:2018-09-14 热度:92
In Ruby, the * operator used with a string on the left and a number on the right does string repetition. Ruby*2 evaluates to RubyRuby, for example. This is only occasionally useful (when creating lines of hyphens for ASCII tables, for ex[详细]
-
JS 实现 taskMenu 加载的时候显示指定的项
所属栏目:[模式] 日期:2018-09-14 热度:59
在用taskMenu的时候 当需要显示的项太多的时候 希望加载的时候 只显示指定的项 var taskMenu1; var taskMenu2; var item1; var item2; var item3; var item4; window.onload = function() { TaskMenu.setHeadMenuSpecial(true); /////////////////////////[详细]
-
JavaScript 中的对象引用机制
所属栏目:[模式] 日期:2018-09-12 热度:95
Java Script 中的对象引用机制 对象的引用机制:对象不会被复制,只能通过引用来传递。 简单的例子: var i = mangguo = {}; //不论是否为空对象 mangguo.address = 'Hangzhou';那么 mangguo.address 的值和 i.address 一致,原因是 i 和 mangguo 引用的是[详细]
-
简单的Js正则表达式:滤除多余字符
所属栏目:[模式] 日期:2018-09-12 热度:165
简单的Js正则表达式:滤除多余字符 利用正则表达法除去字符串中的重复字符,一个简单的 Java Script正则表达式实例,将一串含有重复字符串中的多余字符滤除掉。 代码如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]html head title利用正则表达法[详细]