-
javascript匿名函数的写法、传参和递归
所属栏目:[模式] 日期:2018-10-07 热度:182
今天在整理javascript入门培训的PPT时,提到了匿名函数,所以拿来分享下心得。 匿名函数的写法 顾名思义,就是没有名字的函数(⊙﹏⊙b汗)。匿名函数通常用于javascript作用域的控制,可以有效的避免对全局变量的污染。常见的匿名函数有下面四种写法,欢[详细]
-
javascript+html5实现在网页上画图效果
所属栏目:[模式] 日期:2018-10-07 热度:64
这是一个用javascript 在canvas 上实现的简单的 画图 应用,用支持html5 的浏览器便可在下面的区域进行绘画: 您的浏览器不支持canvas! 功能很简单,原理其实和拖放是类似的,主要是三个事件: 1. 在canvas 上绑定mousedown 事件以标志绘画的开始(调用move[详细]
-
用In.js颗粒化管理、加载你的Javascript模块
所属栏目:[模式] 日期:2018-10-07 热度:154
近一年来,国内外都十分热衷于异步加载的研究,为了加快页面的载入速度,无阻塞加载 Java script的方法和框架成为了前端开发的焦点和亮点之一。 国外的像基于 jQuery 的RequireJs,YUI Loader,LabJs,RunJs,国内也有淘宝的SeaJs,豆瓣的DoJs等,这些都是[详细]
-
JS操作客户端缓存简单小函数
所属栏目:[模式] 日期:2018-10-07 热度:65
用getCookie,addCookie,deleteCookie三个小函数来对客户端缓存进行获[详细]
-
让ie浏览器支持function.bind()的方法
所属栏目:[模式] 日期:2018-10-06 热度:114
前端开发者应该很清楚 Javscript 脚本的 function 函数对象可以通过 call 或 apply 方法,使其改变内部作用域(this)所指向的对象,实现更多可扩展的功能开发。ie 原生支持 function 对象的 call 和 apply 方法,在 firefox 或其它浏览器下也得到支持,但是[详细]
-
js用escape()轻松搞定ajax post提交汉字的乱码问题
所属栏目:[模式] 日期:2018-10-06 热度:111
js用escape()轻松搞定ajax post提交汉字的乱码问题 在使用js提交post的时候出现中文乱码,找到了很多办法,最后用 escape 和 unescape轻松搞定 因为js使用utf-8编码的 ,对中文不支持,所以这里要用到编码和转码。[详细]
-
javascript 模拟html元素滚动条 jscroll
所属栏目:[模式] 日期:2018-10-06 热度:78
主流浏览器默认为html元素提供的滚动条不美观,而且前端开发人员想对其通过css进行统一样式的美化也是不可实现的。比如ie可以通过样式来实现简单的美化、Webkit内核浏览器可以控制滚动条的显示效果,firefox则不允许用户为滚动条定义样式。但是对于追求友[详细]
-
Javascript随机更换图片特效代码
所属栏目:[模式] 日期:2018-10-06 热度:197
让网页图片随机更换的一段JS特效代码,按照要求把以下代码复制到页面中,设置好图片显示数量,在src=后面设置图片的路径已经图片的前缀名称,比如你的images文件夹下有5张图片,图片名称为sc1.jpg到sc5.jpg,更改后完整代码就如下同。 Copy to Clipboard[详细]
-
JS教程:String对象及其常用属性以及方法
所属栏目:[模式] 日期:2018-10-06 热度:166
目的很简单,主要回顾下javascript里面String常用的一些属性以及方法,虽然经常使用,但其实一些细节没有注意到,总是等到用到的时候再去查有点浪费时间,因此总结了下加深印象 一、字符串的几种声明方式 var str = 'hello world !'; var str = String('he[详细]
-
JavaScript获取鼠标点击位置坐标的方法
所属栏目:[模式] 日期:2018-10-06 热度:76
在一些DOM操作中我们经常会跟元素的位置打交道,鼠标交互式一个经常用到的方面,令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果,这篇文章就上鼠标点击位置坐标获取做一些简单的总结,没特殊声明代码在 IE8 ,FireFox, Chrome 下进行[详细]
-
Object.prototype.toString.call() 区分对象类型
所属栏目:[模式] 日期:2018-10-06 热度:157
在 Java Script 里使用 typeof 来判断数据类型,只能区分基本类型,即 number,string,undefined,boolean,object 五种。对于数组、函数、对象来说,其关系错综复杂,使用 typeof 都会统一返回 object 字符串。 要想区别对象、数组、函数单纯使用 typeof[详细]
-
JavaScript中string xml互相转换代码
所属栏目:[模式] 日期:2018-10-06 热度:145
在做一般的XML数据交换过程中,我更乐意传递XML字符串,而不是格式化的XML Document。这就涉及到XML字符串和Xml Document的转换问题,说白了这是个很简单的问题,本文就各种XML解析器分别列举如下,以方便自己今后查阅。 一、使用最原始的javax.xml.parsers[详细]
-
译文:JavaScript:void 运算符
所属栏目:[模式] 日期:2018-10-06 热度:87
语法 void expr void运算符的作用是:计算表达式expr,并返回undefined.例子: void 0 undefined void(0) undefined void 4+7 // 由于void比+优先级更高,所以该表达式被解析为(void 4)+7 NaN void(4+7) undefined var x; x = 3; 3 void(x = 5); undefined x 5[详细]
-
Extjs 4 自定义panel边框,解决双重边框问题
所属栏目:[模式] 日期:2018-10-06 热度:146
Extjs的Panel和Window等组件在默认情况下是带边框的,通常情况下,单独使用没有什么关系,但是将Panel作为Window组件的子组件时就会出现双重边框的现象,如果Window组件中含有两个或者两个以上的Panel,那么Panel和Panel组件之间的边框会重复累加,也就是[详细]
-
javascript中匿名函数的N种写法
所属栏目:[模式] 日期:2018-10-02 热度:115
在java中有private属性,强大的功能js不能实现就矮人一截,匿名函数,发扬广大 匿名函数没有实际名字,也没有指针,怎么执行滴? 其实大家可以看看小括号的意义就应该可以理解。小括号有返回值,也就是小括号内的函数或者表达式的返回值,所以说小括号内的f[详细]
-
JS的Image对象可用于检测图片类型是否合法
所属栏目:[模式] 日期:2018-10-02 热度:165
项目中假如碰到了上传图片文件时,需要在后台加检测程序,判断图片类型是否合法,以防止一些非法的文件上传,如果对js的Image对象比较熟悉我们可以使用下面的方法在前端层次上检查下图片类型是否合法。 var img = new Image(); img.onload = function(){ al[详细]
-
IE下setTimeout传参数bug的解决方法
所属栏目:[模式] 日期:2018-09-29 热度:124
最近一次的开发中遇到了IE下setTimeout传参数的问题,在IE下setTimeout是不会传参数的,例如下面的代码,在IE下就不会传入a,b两个参数 setTimeout(function(a,b){ alert(a+b); },1000,'hello,','world!'); 在实际项目中我们有些需求必须传入参数要setTimeo[详细]
-
JavaScript 基础应用语法
所属栏目:[模式] 日期:2018-09-29 热度:116
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-29 热度:114
js用法例子:使用split分隔指定字符串 Java Script使用split分隔指定字符串,用法举例,这里使用,逗号作为分隔符,将一长串含有逗号的字符串分开,应用十分广泛,其用法也相当简单,你从本代码中即可学到用法。 Copy to Clipboard 引用的内容:[www.veryhu[详细]
-
Chrome浏览器中用JS获取表格及其元素的CSS宽高
所属栏目:[模式] 日期:2018-09-29 热度:141
虽然现在表格用的很少了,但是某些写东西还是需要用到的。 今天在做F7Dialog2.0项目的时候遇到了要获取表格单元格的CSS宽高。自认为获取宽高很简单,直接写了代码获取,后来那部分代码写完后测试时才发现chrome执行结果不同,很是郁闷[详细]
-
JS批量获取class命名节点 getElementsByClassName()
所属栏目:[模式] 日期:2018-09-29 热度:170
JS批量获取class命名节点 getElementsByClassName() getElementsByClassName() 是一个老的方法了,将其优化整理后给大家提供。 代码如下: // 批量获取class命名节点 function getElementsByClassName(className, tag, parent){ var parent = parent || doc[详细]
-
javascript判断dom是否加载完毕
所属栏目:[模式] 日期:2018-09-29 热度:126
首先要明确两个概念 1.window.onload:页面加载完毕,页面内所有组件(图片等)都可用。 2.dom 加载:指文档对象模型加载完毕,要先于window.onload事件。 可以看出,当页面包含大量组件(特别是图片)的情形下,以上两种加载的时间相隔将会很长,这时判断dom何[详细]
-
javascript 缓存提供程序
所属栏目:[模式] 日期:2018-09-29 热度:104
相信每一个开发者都知道缓存的重要性。从头至尾有缓存的后台(memcached,xcache等。) 来减轻db的压力。对内容分发网络(CDN)缓存中希望你的浏览器缓存那些不止一次的加载资源。当然, 有客户端缓存,所以你不要重复昂贵的操作(即使是算法或大量的运算)。 这[详细]
-
cookie的添加、获
所属栏目:[模式] 日期:2018-09-29 热度:160
下面这段代码最开始是参考腾讯的,自经过调整加工及添加注释后贴出来,希望对大家有所帮助。 在注释中的解释应该已经很详细了,如遇到问题可以在评论中咨询。 // cookie 2.0 F7 Editor function setCookie(name, value, expires, path, domain){ //name coo[详细]
-
如何编写高质量的Javascript代码(译)
所属栏目:[模式] 日期:2018-09-21 热度:135
优秀的Stoyan Stefanov在他的新书中(《 Java script Patterns》)介绍了很多编写高质量代码的技巧,比如避免使用全局变量,使用单一的var关键字,循环式预存长度等等。 这篇文章不仅仅从代码本身来考虑如何优化编码,也从代码的设计阶段来考虑,包括书写A[详细]
