-
什么是 Repaint 和 Reflow, 相关介绍
所属栏目:[模式] 日期:2018-10-24 热度:106
1. 什么是 repaint 和 reflow 一个页面由两部分组成: DOM : 描述该页面的结构 render : 描述 DOM 节点 (nodes) 在页面上如何呈现 当 DOM 元素的属性发生变化 (如 color) 时, 浏览器会通知 render 重新描绘相应的元素, 此过程称为 repaint. 如果该次变化涉[详细]
-
异步获取并提交表单数据
所属栏目:[模式] 日期:2018-10-24 热度:86
异步提交表单数据最痛苦的两个破事: 1、编码乱码问题 事实上 ajax 技术底层是 unicode 编码,当 GBK 的页面与接口进行数据交互时,会产生乱码情况。解决方案有多种,可以将页面转化为 utf-8 编码,或者发送数据前进行两次 encodeURI 编码,在接受数据时进[详细]
-
Js中的window.location和document.location
所属栏目:[模式] 日期:2018-10-24 热度:62
document.location 这个对象包含了当前URL的信息 location.host 获取port号 location.hostname 设置或获取主机名称 location.href 设置或获取整个URL location.port设置或获取URL的端口号 location.search 设置或获取href属性中跟在问号后面的部分 --------[详细]
-
HTML(DOM)与JavaScript嵌套数组之间相互转换
所属栏目:[模式] 日期:2018-10-24 热度:157
html2ja:将html目标元素解析为 Java Script数组字面量,每项的值为tagName, className, id等CSS选择器组合; showJa:将html2ja生成的数组缩进格式化显示; walkDOM:遍历DOM目标元素(这个来自老道的the Good Parts)。 ja2html:与html相反的过程 PS:以下[详细]
-
JavaScript实现的原生的INI文件解析器代码
所属栏目:[模式] 日期:2018-10-24 热度:112
利用 Java Script实现的原生的INI文件解析器代码,本文系烈火网转载,下边是作者的说明: 基于Builder模式写的一个INI文件解析器,用JavaScript实现。只是表述INI文件解析的思路和Builder模式的实例应用,贻笑大方之作。很容易根据思路用其他语言实现出来[详细]
-
JavaScript菜单项热点排序的实现示例
所属栏目:[模式] 日期:2018-10-24 热度:193
Java Script菜单项热点排序的实现示例,列表项或菜单项排序,按被点击次数排序(也可以是其他事件),这里只是一个示例而已,如果您想看到更完整的例子,可以在此基础上开发。 演示代码: divul id=menulispanFirst/span/lilispanSecond/span/lilispanThir[详细]
-
u128.js 128位无符号整数运算的JavaScript库
所属栏目:[模式] 日期:2018-10-18 热度:189
u128.js 是一个提供 128 位无符号整数运算的 Java Script 库,旨在兼容各种主流浏览器。 示例代码: script type=text/javascript src=u128.js /script script type=text/javascript /* Namespace shorthand */ var u = faultylabs.u128; /* Conversions t[详细]
-
兼容IE和Firefox的、读取本地文件JS代码
所属栏目:[模式] 日期:2018-10-18 热度:78
兼容IE和 Firefox 的、读取本地文件JS代码,作者没有给出实例,因此只有部分代码。 script type=text/javascript function read(file) { if(typeof window.ActiveXObject != 'undefined') { var content = ; try { var fso = new ActiveXObject(Scripting.[详细]
-
常用JavaScript方法之JS总结篇
所属栏目:[模式] 日期:2018-10-18 热度:131
常用 Java Script方法之JS总结篇,烈火学院转载于一位朋友的技术博客,共107条,希望对大家学习JS有所帮助。 1.document.write(); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document-html-(head,body) 4.一个浏览器窗口中的DOM顺序是:window-(na[详细]
-
php在页面中调用fckeditor编辑器的代码
所属栏目:[模式] 日期:2018-10-18 热度:171
关于FckEditor的文章,烈火学院以前介绍了一些,今天再来说一下如何使用PHP调用FCK编辑器,fckeditor编辑器的代码可以写成一个函数或者类别,直接调用,不用每次都要写那么多代码!刚才在论坛上看到一个童鞋分享的方法,感觉不是很全面,现在分享下我的! C[详细]
-
Js操作Cookie的代码,代码内有详细注释
所属栏目:[模式] 日期:2018-10-18 热度:184
Js操作Cookie的代码,下边的代码内有详细注释,这里就不再多说了,直接上代码: /* *设置与获取Cookie */ var Cookie = {} //写入Cookie,key为键,value是值 //duration过期时间(天为单位,默认1天) Cookie.write = function (key, value, duration) {[详细]
-
JavaScript获取文本框光标的像素位置
所属栏目:[模式] 日期:2018-10-17 热度:125
本文主要实现获取textarea和input光标的像素位置,即光标的offsetLeft与offsetTop。可实现如下效果: 首先说明一下,在网上搜到的很多代码是如何获取输入光标位置的如下代码是如何获取光标的的字符位置,如对于串He|llo World!返回的是光标|前的字符数2,并[详细]
-
javascript的词法作用域
所属栏目:[模式] 日期:2018-10-14 热度:161
大家应该写过下面类似的代码吧,其实这里我想要表达的是有时候一个方法定义的地方和使用的地方会相隔十万八千里,那方法执行时,它能访问哪些变量,不能访问哪些变量,这个怎么判断呢?这个就是我们这次需要分析的问题词法作用域 var classA = function(){[详细]
-
javascript的变量类型(图)
所属栏目:[模式] 日期:2018-10-14 热度:104
javascript的变量类型真的很要人纠结,即使你是很有经验的js工程师,你也很难说清楚js的类型和分类。 最近在讲javascript入门指南的时候,有人提出数组为什么不是基本类型,我通过演示typeof []的结果来说明,数组是对象类型派生出来的,而不是六种基本类[详细]
-
JavaScript的跨域共享的方法
所属栏目:[模式] 日期:2018-10-14 热度:108
在客户端编程语言中,如javascript和ActionScript,同源策略是一个很重要的安全理念,它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的,一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那么什么叫相同域,什么[详细]
-
JavaScript 原型继承之基础机制
所属栏目:[模式] 日期:2018-10-14 热度:172
由于语言设计上的原因, Java Script 没有真正意义上类的概念。而通常使用的 new 命令实例化对象的方法,其实是对原型对象的实例化。这一语言功能的本质依赖于 JavaScript 特有的原型链(prototype chain)模式。 所以严格意义上说,JavaScript 是基于原型[详细]
-
JavaScript分离页面配置和代码逻辑
所属栏目:[模式] 日期:2018-10-14 热度:149
为了代码清晰结构性强,通常需要分离页面配置参数和代码逻辑。约定唯一的命名空间,实现基本的所谓结构和行为分离。 第一种方式,提供一个暴露在 window 的全局对象,这里是 TB 变量。然后所有的代码被封装在该全局对象下。 Copy to Clipboard 引用的内容[详细]
-
javascript匿名函数的写法、传参和递归
所属栏目:[模式] 日期:2018-10-14 热度:145
今天在整理javascript入门培训的PPT时,提到了匿名函数,所以拿来分享下心得。 匿名函数的写法 顾名思义,就是没有名字的函数(⊙﹏⊙b汗)。匿名函数通常用于javascript作用域的控制,可以有效的避免对全局变量的污染。常见的匿名函数有下面四种写法,欢[详细]
-
javascript+html5实现在网页上画图效果
所属栏目:[模式] 日期:2018-10-14 热度:50
这是一个用javascript 在canvas 上实现的简单的 画图 应用,用支持html5 的浏览器便可在下面的区域进行绘画: 您的浏览器不支持canvas! 功能很简单,原理其实和拖放是类似的,主要是三个事件: 1. 在canvas 上绑定mousedown 事件以标志绘画的开始(调用move[详细]
-
用In.js颗粒化管理、加载你的Javascript模块
所属栏目:[模式] 日期:2018-10-14 热度:123
近一年来,国内外都十分热衷于异步加载的研究,为了加快页面的载入速度,无阻塞加载 Java script的方法和框架成为了前端开发的焦点和亮点之一。 国外的像基于 jQuery 的RequireJs,YUI Loader,LabJs,RunJs,国内也有淘宝的SeaJs,豆瓣的DoJs等,这些都是[详细]
-
JS操作客户端缓存简单小函数
所属栏目:[模式] 日期:2018-10-14 热度:168
用getCookie,addCookie,deleteCookie三个小函数来对客户端缓存进行获[详细]
-
Extjs中的迭代方法
所属栏目:[模式] 日期:2018-10-14 热度:185
EXTJS 有很多的迭代方法,例如,你也许已知道的Ext.each,但还有另外一些不为人知且很有用的方法。首先,简要回顾下Ext.each: Ext.each 为每一个数组的成员应用同一个方法,它基本上是一个更方便的循环形式 var people = ['Bill', 'Saul', 'Gaius'];//using[详细]
-
JavaScript 捕捉网页取消关闭事件
所属栏目:[模式] 日期:2018-10-12 热度:147
在做Web开发时,我们经常用到页面关闭事件onbeforeunload,可以给用户一个选择放弃关闭的机会,就比如这个博客编辑器。如果用户选择了离开,那么onunload事件自然会触发;但若用户选择了取消,又该如何检测呢? 我们假定一个页面离开取消事件,叫做onunload[详细]
-
javascript contains方法,附demo演示
所属栏目:[模式] 日期:2018-10-12 热度:155
IE有许多好用的方法,后来都被其他浏览器抄袭了,比如这个contains方法。如果A元素包含B元素,则返回true,否则false。唯一不支持这个方法的是IE的死对头firefox。 !doctype htmltitledom contains 方法 by 司徒正美/titlemeta charset=utf-8/meta name=ke[详细]
-
代码高亮插件Codemirror使用方法及下载
所属栏目:[模式] 日期:2018-10-12 热度:87
codemirror是一个强大的javascript开发的语法高亮显示引擎, 它支持众多的变成语言,例如, PHP,JS,HTML,CSS。这里我们简单的介绍如何使用Codemirror来配置你的网站支持代码语法高亮显示。 安装 首先,下载codemirror.js插件 ,解压后有3个目录,js,css[详细]
