-
javascript的词法作用域
所属栏目:[模式] 日期:2018-10-06 热度:81
大家应该写过下面类似的代码吧,其实这里我想要表达的是有时候一个方法定义的地方和使用的地方会相隔十万八千里,那方法执行时,它能访问哪些变量,不能访问哪些变量,这个怎么判断呢?这个就是我们这次需要分析的问题词法作用域 var classA = function(){[详细]
-
javascript的变量类型(图)
所属栏目:[模式] 日期:2018-10-06 热度:134
javascript的变量类型真的很要人纠结,即使你是很有经验的js工程师,你也很难说清楚js的类型和分类。 最近在讲javascript入门指南的时候,有人提出数组为什么不是基本类型,我通过演示typeof []的结果来说明,数组是对象类型派生出来的,而不是六种基本类[详细]
-
JavaScript的跨域共享的方法
所属栏目:[模式] 日期:2018-10-06 热度:159
在客户端编程语言中,如javascript和ActionScript,同源策略是一个很重要的安全理念,它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的,一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那么什么叫相同域,什么[详细]
-
JavaScript 原型继承之基础机制
所属栏目:[模式] 日期:2018-10-06 热度:95
由于语言设计上的原因, Java Script 没有真正意义上类的概念。而通常使用的 new 命令实例化对象的方法,其实是对原型对象的实例化。这一语言功能的本质依赖于 JavaScript 特有的原型链(prototype chain)模式。 所以严格意义上说,JavaScript 是基于原型[详细]
-
JavaScript分离页面配置和代码逻辑
所属栏目:[模式] 日期:2018-10-06 热度:103
为了代码清晰结构性强,通常需要分离页面配置参数和代码逻辑。约定唯一的命名空间,实现基本的所谓结构和行为分离。 第一种方式,提供一个暴露在 window 的全局对象,这里是 TB 变量。然后所有的代码被封装在该全局对象下。 Copy to Clipboard 引用的内容[详细]
-
javascript匿名函数的写法、传参和递归
所属栏目:[模式] 日期:2018-10-06 热度:135
今天在整理javascript入门培训的PPT时,提到了匿名函数,所以拿来分享下心得。 匿名函数的写法 顾名思义,就是没有名字的函数(⊙﹏⊙b汗)。匿名函数通常用于javascript作用域的控制,可以有效的避免对全局变量的污染。常见的匿名函数有下面四种写法,欢[详细]
-
javascript+html5实现在网页上画图效果
所属栏目:[模式] 日期:2018-10-06 热度:160
这是一个用javascript 在canvas 上实现的简单的 画图 应用,用支持html5 的浏览器便可在下面的区域进行绘画: 您的浏览器不支持canvas! 功能很简单,原理其实和拖放是类似的,主要是三个事件: 1. 在canvas 上绑定mousedown 事件以标志绘画的开始(调用move[详细]
-
用In.js颗粒化管理、加载你的Javascript模块
所属栏目:[模式] 日期:2018-10-06 热度:51
近一年来,国内外都十分热衷于异步加载的研究,为了加快页面的载入速度,无阻塞加载 Java script的方法和框架成为了前端开发的焦点和亮点之一。 国外的像基于 jQuery 的RequireJs,YUI Loader,LabJs,RunJs,国内也有淘宝的SeaJs,豆瓣的DoJs等,这些都是[详细]
-
JS操作客户端缓存简单小函数
所属栏目:[模式] 日期:2018-10-06 热度:54
用getCookie,addCookie,deleteCookie三个小函数来对客户端缓存进行获[详细]
-
关于 href=#和javascript:void(0) 的用法
所属栏目:[模式] 日期:2018-10-05 热度:186
通常我们将不做导向的a标签的href属性设置为# 1 a href=#删除/a 比如我们做无刷新添加和删除的时候,我们不需要这个链接做任何导向,而是点击这个链接后执行一串javascript代码 但是当a标签的位置超出了页面滚动条的时候,我们点击这个链接的,确实没有任[详细]
-
让ie浏览器支持function.bind()的方法
所属栏目:[模式] 日期:2018-10-05 热度:107
前端开发者应该很清楚 Javscript 脚本的 function 函数对象可以通过 call 或 apply 方法,使其改变内部作用域(this)所指向的对象,实现更多可扩展的功能开发。ie 原生支持 function 对象的 call 和 apply 方法,在 firefox 或其它浏览器下也得到支持,但是[详细]
-
js用escape()轻松搞定ajax post提交汉字的乱码问题
所属栏目:[模式] 日期:2018-10-05 热度:53
js用escape()轻松搞定ajax post提交汉字的乱码问题 在使用js提交post的时候出现中文乱码,找到了很多办法,最后用 escape 和 unescape轻松搞定 因为js使用utf-8编码的 ,对中文不支持,所以这里要用到编码和转码。[详细]
-
javascript 模拟html元素滚动条 jscroll
所属栏目:[模式] 日期:2018-10-05 热度:115
主流浏览器默认为html元素提供的滚动条不美观,而且前端开发人员想对其通过css进行统一样式的美化也是不可实现的。比如ie可以通过样式来实现简单的美化、Webkit内核浏览器可以控制滚动条的显示效果,firefox则不允许用户为滚动条定义样式。但是对于追求友[详细]
-
Javascript随机更换图片特效代码
所属栏目:[模式] 日期:2018-10-05 热度:69
让网页图片随机更换的一段JS特效代码,按照要求把以下代码复制到页面中,设置好图片显示数量,在src=后面设置图片的路径已经图片的前缀名称,比如你的images文件夹下有5张图片,图片名称为sc1.jpg到sc5.jpg,更改后完整代码就如下同。 Copy to Clipboard[详细]
-
JS教程:String对象及其常用属性以及方法
所属栏目:[模式] 日期:2018-10-05 热度:78
目的很简单,主要回顾下javascript里面String常用的一些属性以及方法,虽然经常使用,但其实一些细节没有注意到,总是等到用到的时候再去查有点浪费时间,因此总结了下加深印象 一、字符串的几种声明方式 var str = 'hello world !'; var str = String('he[详细]
-
JavaScript获取鼠标点击位置坐标的方法
所属栏目:[模式] 日期:2018-10-05 热度:179
在一些DOM操作中我们经常会跟元素的位置打交道,鼠标交互式一个经常用到的方面,令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果,这篇文章就上鼠标点击位置坐标获取做一些简单的总结,没特殊声明代码在 IE8 ,FireFox, Chrome 下进行[详细]
-
Object.prototype.toString.call() 区分对象类型
所属栏目:[模式] 日期:2018-10-05 热度:149
在 Java Script 里使用 typeof 来判断数据类型,只能区分基本类型,即 number,string,undefined,boolean,object 五种。对于数组、函数、对象来说,其关系错综复杂,使用 typeof 都会统一返回 object 字符串。 要想区别对象、数组、函数单纯使用 typeof[详细]
-
JavaScript中string xml互相转换代码
所属栏目:[模式] 日期:2018-10-05 热度:108
在做一般的XML数据交换过程中,我更乐意传递XML字符串,而不是格式化的XML Document。这就涉及到XML字符串和Xml Document的转换问题,说白了这是个很简单的问题,本文就各种XML解析器分别列举如下,以方便自己今后查阅。 一、使用最原始的javax.xml.parsers[详细]
-
译文:JavaScript:void 运算符
所属栏目:[模式] 日期:2018-10-05 热度:80
语法 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[详细]
-
Js实现复选框的全选与反选,表格批量选择
所属栏目:[模式] 日期:2018-10-02 热度:85
标题: Js实现复选框的全选与反选,表格批量选择 作用: a.单击列头复选框全选或全不选子项 b.只要有一个子项没有选中,则取消列头的选中状态 c.当所有子项目选中时,列头复选框自动置为选中状态 d.将子项的复选框反过来选 代码如下: !DOCTYPE HTML PUBLIC[详细]
-
WordPress 显示单个留言者的留言总数
所属栏目:[模式] 日期:2018-10-02 热度:132
在 WordPress 博客上,显示每个留言者的留言总数,效果如下: 方法很简单,在funtions.php文件里加上下面的代码: function commentCountAuthor(){ $oneText = 'One comment'; $moreText = '% comments'; global $wpdb; $result = $wpdb-get_var(' SELECT[详细]
-
javascript简单实现checkbox的全选与反选
所属栏目:[模式] 日期:2018-10-02 热度:168
今天上网遇到有个网友在论坛问input的checkbox全选和反选的问题,顺手总结了一下,然后写了个简单的 jQuery checkbox全选反选插件,希望对大家有用。 如果是简单的实现checkbox的全选与反选可以使用下面的函数: function checkall(obj,cName) { var checkb[详细]
-
倒计时抢购JS代码,结束有提示已结束
所属栏目:[模式] 日期:2018-10-02 热度:188
自今年一批 团购 网站集中开建以来,仅几个月的时间,就先后涌现了大批团购网站。网络团购以低价、返利模式吸引消费者。 纵观这些团购网站都不难发现他们都是有很多共同之处,譬如在界面及前端设计方面就有很多相似之处。一般都有:诱人的超低价格,购买按[详细]
-
9 条 JavaScript 开发最佳实践
所属栏目:[模式] 日期:2018-10-02 热度:102
1、使用正确的 script 标签 如果你需要在 html 文档中使用一些 Java Script 代码,你应当通常会使用如下的 script 标签: script type=text/javascript //insert your code here /script但是在源代码中,以下这种标签写法随处可见: script type=text/java[详细]
-
JavaScript 中的对象引用机制
所属栏目:[模式] 日期:2018-10-02 热度:112
Java Script 中的对象引用机制 对象的引用机制:对象不会被复制,只能通过引用来传递。 简单的例子: var i = mangguo = {}; //不论是否为空对象 mangguo.address = 'Hangzhou';那么 mangguo.address 的值和 i.address 一致,原因是 i 和 mangguo 引用的是[详细]