-
JavaScript分离页面配置和代码逻辑
所属栏目：[模式] 日期：2018-10-16 热度：128
为了代码清晰结构性强，通常需要分离页面配置参数和代码逻辑。约定唯一的命名空间，实现基本的所谓结构和行为分离。 第一种方式，提供一个暴露在 window 的全局对象，这里是 TB 变量。然后所有的代码被封装在该全局对象下。 Copy to Clipboard 引用的内容[详细]
-
javascript匿名函数的写法、传参和递归
所属栏目：[模式] 日期：2018-10-16 热度：108
今天在整理javascript入门培训的PPT时，提到了匿名函数，所以拿来分享下心得。 匿名函数的写法 顾名思义，就是没有名字的函数（⊙﹏⊙b汗）。匿名函数通常用于javascript作用域的控制，可以有效的避免对全局变量的污染。常见的匿名函数有下面四种写法，欢[详细]
-
javascript+html5实现在网页上画图效果
所属栏目：[模式] 日期：2018-10-16 热度：190
这是一个用javascript 在canvas 上实现的简单的 画图 应用，用支持html5 的浏览器便可在下面的区域进行绘画： 您的浏览器不支持canvas! 功能很简单，原理其实和拖放是类似的，主要是三个事件： 1. 在canvas 上绑定mousedown 事件以标志绘画的开始(调用move[详细]
-
用In.js颗粒化管理、加载你的Javascript模块
所属栏目：[模式] 日期：2018-10-16 热度：147
近一年来，国内外都十分热衷于异步加载的研究，为了加快页面的载入速度，无阻塞加载 Java script的方法和框架成为了前端开发的焦点和亮点之一。 国外的像基于 jQuery 的RequireJs，YUI Loader，LabJs，RunJs，国内也有淘宝的SeaJs，豆瓣的DoJs等，这些都是[详细]
-
JS操作客户端缓存简单小函数
所属栏目：[模式] 日期：2018-10-16 热度：161
用getCookie,addCookie,deleteCookie三个小函数来对客户端缓存进行获[详细]
-
Extjs中的迭代方法
所属栏目：[模式] 日期：2018-10-16 热度：78
EXTJS 有很多的迭代方法，例如,你也许已知道的Ext.each，但还有另外一些不为人知且很有用的方法。首先，简要回顾下Ext.each: Ext.each 为每一个数组的成员应用同一个方法，它基本上是一个更方便的循环形式 var people = ['Bill', 'Saul', 'Gaius'];//using[详细]
-
javascript事件：获取事件对象getEvent函数
所属栏目：[模式] 日期：2018-10-14 热度：140
在javascript开发中我们会经常获取页面中的事件对象，然后来处理这些事件，例如下面的getEvent函数就是获取javascript下的页面事件对象。 Copy to Clipboard 引用的内容：[www.veryhuo.com]function getEvent(event){ return event || window.event; } 我[详细]
-
javascript contains方法，附demo演示
所属栏目：[模式] 日期：2018-10-12 热度：186
IE有许多好用的方法，后来都被其他浏览器抄袭了，比如这个contains方法。如果A元素包含B元素，则返回true，否则false。唯一不支持这个方法的是IE的死对头firefox。 !doctype htmltitledom contains 方法 by 司徒正美/titlemeta charset=utf-8/meta name=ke[详细]
-
代码高亮插件Codemirror使用方法及下载
所属栏目：[模式] 日期：2018-10-12 热度：171
codemirror是一个强大的javascript开发的语法高亮显示引擎， 它支持众多的变成语言，例如, PHP，JS，HTML，CSS。这里我们简单的介绍如何使用Codemirror来配置你的网站支持代码语法高亮显示。 安装 首先，下载codemirror.js插件 ，解压后有3个目录，js，css[详细]
-
七款实用的Javascript代码高亮脚本
所属栏目：[模式] 日期：2018-10-12 热度：173
代码高亮很有用，特别是在需要在网站或者blog中显示自己编写的代码的时候，或者给其他人查看或调试语法错误的时候。我们可以在显示中支持代码高亮，以便于阅读者可以十分方便的读取代码块、增加用户阅读代码的良好体验。 目前，有很多免费而且有用的代码高[详细]
-
EXTJS4官方文档翻译系列一:类系统和编码规范
所属栏目：[模式] 日期：2018-10-12 热度：145
EXTJS4官方文档翻译系列一:类系统和编码规范，转载自《学而知不足》的技术博客，原文如下： 上个礼拜开始使用extjs4,之前都没用过ext,所以现在只好努力的看文档了,顺便记下来避免以后忘记.括号中内容是我自己添加的备注或者原文.英语比较烂，但不想一直烂[详细]
-
extjs通用CRUD方法
所属栏目：[模式] 日期：2018-10-12 热度：172
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 热度：149
yui3版本的表单序列化。我发现烈火网的yui的教程不多。最流行的不一定是最好的，就我个人来说，偏爱yui甚于jquery。 用法： 一、serializeForm('#formid')，返回a=55b=option1b=option2 二、serializeForm('#formid',true),返回对象{afile:'55',bfield:['o[详细]
-
Javascript实现超炫组织结构图(Organization Chart)
所属栏目：[模式] 日期：2018-10-12 热度：93
最近有个内部项目需要使用组织结构图(organization chart)， 寻找了一些开源的项目及其类库，发现竟然没有现成的JS类库可以使用，找到一些简单的JS实现，不过界面及其操作及其简单，不过功夫不负有心人，经过几天国内国外的搜索，找到了一个非常好的解决方[详细]
-
重温Javascript继承机制
所属栏目：[模式] 日期：2018-10-12 热度：183
一、讲个故事吧 澄清在先，Java 和Javascript是雷锋和雷峰塔的关系。Javascript原名Mocha，当时还叫做LiveScript，创造者是Brendan Eich，现任Mozilla公司首席技术官。 1994年，历史上第一个比较成熟的网络浏览器Navigator0.9版诞生在网景公司（Netscape）[详细]
-
JavaScript实现的回到顶部代码，跟随滚动条滚动
所属栏目：[模式] 日期：2018-10-12 热度：192
Java Script实现的回到顶部代码，可跟随滚动条滚动，这是烈火网小编在百度空间看到的代码，不知道原作者是谁，在代码中的回到顶部按钮原本是一个图片，由于图片路径不正确，所以被小编替换为文字链接，您可以自行修改哦。 演示： div style=height:2800px;[详细]
-
JavaScript 最短的 XML 格式化工具
所属栏目：[模式] 日期：2018-10-10 热度：67
用 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-10 热度：156
YUI3.2.0 的 transition 模块，通过使用 transition:end 事件实现在 transition 完成后执行其他操作。在 YUI3.3.0 中，这个事件类型已经不被推荐，统一采用以下两种方式： 第一种，直接使用回调函数： node.transition({width: 0}, function() { //your co[详细]
-
switch等值比较的写法改进
所属栏目：[模式] 日期：2018-10-10 热度：163
这个写法是专用于取代switch里相等值比较的 通常来说比较等值的每次比较都需要重复判断 通过自定义函数的使用避免了重复判断提高了效率 原理很简单即使用对象定位需要范围的值 该返回值可以是个变量也可以是数组、函数等 Copy to Clipboard 引用的内容：[w[详细]
-
用于判断客户端几个属性的简单对象
所属栏目：[模式] 日期：2018-10-10 热度：147
目前程序中用于判断客户端信息的对象 需求不高所以比较简单不一定精确 游戏中一般只需要判断是否IE、是否IE6、是否手机这三个功能 该对象可判断客户端的操作系统类型、浏览器类型、客户机器是电脑还是手机类、访问协议是HTTP还是FILE 这里偶只简单的使用判[详细]
-
合理设计数据格式提高效率和缩短程序代码
所属栏目：[模式] 日期：2018-10-10 热度：92
一个网友问偶： 我要获得 一个格子的八个方向的格子坐标，怎么获得，有合适的算法没? 我现在是这样的： 偶看了一下这个写法有几个问题： 1.代码累赘，篇幅过多 2.这么多个if...elseif...还不如直接用switch 3.每次获取代码都要进行判断，其实可以不需要 4.[详细]
-
什么是 Repaint 和 Reflow, 相关介绍
所属栏目：[模式] 日期：2018-10-10 热度：91
1. 什么是 repaint 和 reflow 一个页面由两部分组成: DOM : 描述该页面的结构 render : 描述 DOM 节点 (nodes) 在页面上如何呈现 当 DOM 元素的属性发生变化 (如 color) 时, 浏览器会通知 render 重新描绘相应的元素, 此过程称为 repaint. 如果该次变化涉[详细]
-
异步获取并提交表单数据
所属栏目：[模式] 日期：2018-10-10 热度：98
异步提交表单数据最痛苦的两个破事： 1、编码乱码问题 事实上 ajax 技术底层是 unicode 编码，当 GBK 的页面与接口进行数据交互时，会产生乱码情况。解决方案有多种，可以将页面转化为 utf-8 编码，或者发送数据前进行两次 encodeURI 编码，在接受数据时进[详细]
-
Js中的window.location和document.location
所属栏目：[模式] 日期：2018-10-10 热度：64
document.location 这个对象包含了当前URL的信息 location.host 获取port号 location.hostname 设置或获取主机名称 location.href 设置或获取整个URL location.port设置或获取URL的端口号 location.search 设置或获取href属性中跟在问号后面的部分 --------[详细]
-
HTML(DOM)与JavaScript嵌套数组之间相互转换
所属栏目：[模式] 日期：2018-10-10 热度：124
html2ja：将html目标元素解析为 Java Script数组字面量，每项的值为tagName, className, id等CSS选择器组合; showJa：将html2ja生成的数组缩进格式化显示; walkDOM：遍历DOM目标元素(这个来自老道的the Good Parts)。 ja2html：与html相反的过程 PS：以下[详细]
