-
switch等值比较的写法改进
所属栏目:[模式] 日期:2018-10-12 热度:116
这个写法是专用于取代switch里相等值比较的 通常来说比较等值的每次比较都需要重复判断 通过自定义函数的使用避免了重复判断提高了效率 原理很简单即使用对象定位需要范围的值 该返回值可以是个变量也可以是数组、函数等 Copy to Clipboard 引用的内容:[w[详细]
-
用于判断客户端几个属性的简单对象
所属栏目:[模式] 日期:2018-10-12 热度:82
目前程序中用于判断客户端信息的对象 需求不高所以比较简单不一定精确 游戏中一般只需要判断是否IE、是否IE6、是否手机这三个功能 该对象可判断客户端的操作系统类型、浏览器类型、客户机器是电脑还是手机类、访问协议是HTTP还是FILE 这里偶只简单的使用判[详细]
-
合理设计数据格式提高效率和缩短程序代码
所属栏目:[模式] 日期:2018-10-12 热度:174
一个网友问偶: 我要获得 一个格子的八个方向的格子坐标,怎么获得,有合适的算法没? 我现在是这样的: 偶看了一下这个写法有几个问题: 1.代码累赘,篇幅过多 2.这么多个if...elseif...还不如直接用switch 3.每次获取代码都要进行判断,其实可以不需要 4.[详细]
-
什么是 Repaint 和 Reflow, 相关介绍
所属栏目:[模式] 日期:2018-10-12 热度:155
1. 什么是 repaint 和 reflow 一个页面由两部分组成: DOM : 描述该页面的结构 render : 描述 DOM 节点 (nodes) 在页面上如何呈现 当 DOM 元素的属性发生变化 (如 color) 时, 浏览器会通知 render 重新描绘相应的元素, 此过程称为 repaint. 如果该次变化涉[详细]
-
异步获取并提交表单数据
所属栏目:[模式] 日期:2018-10-12 热度:65
异步提交表单数据最痛苦的两个破事: 1、编码乱码问题 事实上 ajax 技术底层是 unicode 编码,当 GBK 的页面与接口进行数据交互时,会产生乱码情况。解决方案有多种,可以将页面转化为 utf-8 编码,或者发送数据前进行两次 encodeURI 编码,在接受数据时进[详细]
-
Js中的window.location和document.location
所属栏目:[模式] 日期:2018-10-12 热度:83
document.location 这个对象包含了当前URL的信息 location.host 获取port号 location.hostname 设置或获取主机名称 location.href 设置或获取整个URL location.port设置或获取URL的端口号 location.search 设置或获取href属性中跟在问号后面的部分 --------[详细]
-
HTML(DOM)与JavaScript嵌套数组之间相互转换
所属栏目:[模式] 日期:2018-10-12 热度:143
html2ja:将html目标元素解析为 Java Script数组字面量,每项的值为tagName, className, id等CSS选择器组合; showJa:将html2ja生成的数组缩进格式化显示; walkDOM:遍历DOM目标元素(这个来自老道的the Good Parts)。 ja2html:与html相反的过程 PS:以下[详细]
-
JavaScript实现的原生的INI文件解析器代码
所属栏目:[模式] 日期:2018-10-12 热度:172
利用 Java Script实现的原生的INI文件解析器代码,本文系烈火网转载,下边是作者的说明: 基于Builder模式写的一个INI文件解析器,用JavaScript实现。只是表述INI文件解析的思路和Builder模式的实例应用,贻笑大方之作。很容易根据思路用其他语言实现出来[详细]
-
JS实现去掉字符空格,并转换字符的代码
所属栏目:[模式] 日期:2018-10-07 热度:119
程序能够实现转换字符,并能去掉字符中间的空格,并且单击Bttton可以实现复制代码功能。有待进一步改进。请多多指教。未完成实现去左空格,右空格功能。 示例: HTMLHEADTITLE字符处理程序/TITLE/HEADBODY bgColor=#bbccddscript language=javascript type[详细]
-
Javascript匿名函数解读
所属栏目:[模式] 日期:2018-10-07 热度:167
一、什么是匿名函数? 在 Java script定义一个函数一般有如下三种方式: 1、函数关键字(function)语句: function fnMethodName(x){alert(x);} 2、函数字面量(Function Literals): var fnMethodName = function(x){alert(x);} 3、Function()构造函数: va[详细]
-
分享5个有趣的 JavaScript 代码片段
所属栏目:[模式] 日期:2018-10-07 热度:159
很多人认为编程语言只是用于工作,没有什么乐趣,其实,只要我们发挥奇思妙想,再死板的东西也有有趣的一面。这篇文章告诉大家:使用 Java Script,可以做很多很多有趣的事情。以下代码拷贝到地址栏回车即可运行,赶紧试试吧。 1. 网页射击游戏 这个游戏可[详细]
-
13款效果超酷的Javascript导航菜单代码
所属栏目:[模式] 日期:2018-10-07 热度:142
收集了12款效果超酷的 Java script导航菜单代码,是来自国外网站的资源,由于时间关系还没有来的及提供打包下载,不过您可以根据下边的图片选择自己喜欢的菜单,如果遇到不懂的问题,可以在下边的评论区向烈火网求助,我们一定尽力帮助您的。 1) Sexy Slid[详细]
-
文本框自动完成效果的JS类:SearchField
所属栏目:[模式] 日期:2018-10-07 热度:133
Searchfield是一个简洁、轻巧、美观、支持文本框下拉提示的搜索表单代码,它支持搜索建议,也就是当你输入文字的时候,会显示相关的下拉搜索关键词建议!作者说支持三个国家的语言,支持中文、英文,另一种语言没有试出来。 下载地址:SearchField 支持文本[详细]
-
基于prototype的输入自动提示autocomplete
所属栏目:[模式] 日期:2018-10-07 热度:154
副标题#e# 基于prototype的输入自动提示autocomplete效果 效果: autocomplete.js: Copy to Clipboard 引用的内容:[www.veryhuo.com]var Autocomplete = function(el, options){ this.el = $(el); this.id = this.el.identify(); this.el.setAttribute('a[详细]
-
javascript中instanceof、isPrototypeOf等的使用
所属栏目:[模式] 日期:2018-10-07 热度:174
javascript中instanceof、isPrototypeOf、hasOwnProperty、in的使用,请看下边的示例: script type=text/javascript!--function Person() {this.name = ygm;}var p = new Person();alert(对象p属于Object类型: + (p instanceof Object));alert(对象p属于P[详细]
-
JavaScript逻辑运算符及优先级
所属栏目:[模式] 日期:2018-10-07 热度:139
今天看了一段YUI compressor压缩的js代码: userNum (ind += index,ind = userNum (ind -= userNum),ind 0 (ind === -2 (ind = -1),ind += userNum),selLi.removeClass(on),$(selLi[ind]).addClass(on)); 直接疯掉了,估计一下子没几个人能看懂。那么就把[详细]
-
ajax教程:post方法用例(带循环)
所属栏目:[模式] 日期:2018-10-07 热度:189
在最近的项目中,为了能解决在大数据查询中出现的超时问题,需要将大数据拆分成小数据,然后进行循环处理。本人经验不足,技术有限,只能想到用ajax来传送数据。 用上循环就是为了在数据发送前进行合理的处理,解决在脚本语言对数据进行另外需求处理时出现[详细]
-
JavaScript 捕捉网页取消关闭事件
所属栏目:[模式] 日期:2018-10-07 热度:100
在做Web开发时,我们经常用到页面关闭事件onbeforeunload,可以给用户一个选择放弃关闭的机会,就比如这个博客编辑器。如果用户选择了离开,那么onunload事件自然会触发;但若用户选择了取消,又该如何检测呢? 我们假定一个页面离开取消事件,叫做onunload[详细]
-
JS的Image对象可用于检测图片类型是否合法
所属栏目:[模式] 日期:2018-10-04 热度:176
项目中假如碰到了上传图片文件时,需要在后台加检测程序,判断图片类型是否合法,以防止一些非法的文件上传,如果对js的Image对象比较熟悉我们可以使用下面的方法在前端层次上检查下图片类型是否合法。 var img = new Image(); img.onload = function(){ al[详细]
-
documentElement知识汇总
所属栏目:[模式] 日期:2018-10-04 热度:129
问题来源: 取得当前浏览器窗口的高度和宽度 解决文案: 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[详细]
-
Javascript 中 while 循环用法的代码
所属栏目:[模式] 日期:2018-09-30 热度:90
Java script 中 while 循环用法的代码,通过本例了解一下while循环的用法,相信这对你的JavaScript编程会有所帮助。 html head titlewhile循环/title /head body centerh2测试while循环/h2/center hr script language=JavaScript // 变量声明 var i = 1; v[详细]
-
JavaScript for…in 循环的陷阱
所属栏目:[模式] 日期:2018-09-30 热度:137
ForIn 声明用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。 先定义一个构造函数: var Status = function(arg){ this.arg = arg;}Status.prototype.getStatus = function(){ return this.arg;} 接着实例化: var instance = new Status[详细]
-
JS 中 “null 为空或不是对象” 的解决办法
所属栏目:[模式] 日期:2018-09-30 热度:96
1. 'null'为空或不是对象: script type=text/javascript 里面加个defer=true属性试试看, 即:script type=text/javascript defer=true 其中defer作用是文档加载完毕了再执行脚本,这样回避免找不到对象的问题 2. document.getElementById为null 原因: var t[详细]
-
转变代码思路:js浏览器判断方法
所属栏目:[模式] 日期:2018-09-30 热度:195
变则通,通则达,在coding的时候也要做到,有时候思路往往太过于局限性,拿今天写自己的js框架(暂定名为YQ吧,以后文章通用)对浏览器判断方法的实例,来说说代码思路的转变。 navigator.userAgent分析 关于javascript对浏览器的判断,很早之前我写过一篇[详细]
-
JavaScript的FileSystemObject对象写入文本文件内容
所属栏目:[模式] 日期:2018-09-30 热度:106
本代码主要是练习 Java Script的FileSystemObject对象,用它来让JavaScript向一个文本文件中写入内容,这个TXT文件的路径你可以自己指定,然后定义好要写入的内容,运行代码,你会发现原来的TXT文本中的内容已改变。 htmlheadtitle写入文本文件/title/head[详细]