JavaScript对象之深度克隆介绍

2017年02月06日 12 阅读

也不知道从什么时候开始，前端圈冒出了个新词：对象深度克隆。看起来好像很高大上的样子，实际上并不新鲜，在我们的实际项目开发中，你可能早已用到，只不过由于汉字的博大精深，有些原本很简单的事物被一些看似专业的词汇稍加修饰，就变得神秘起来了。首先为什么要将一个对象进行深克隆？请允许我进行一个猜测：你有时一定会认为js的内置对象document太长，那么你可能会这样做：复制代码 代码如下:var d = document;d.by = function（id）{ r...

ECMAScript5中的对象存取器属性：getter和setter介绍

2017年02月06日 12 阅读

显然这是一个无关IE（高级IE除外）的话题，尽管如此，有兴趣的同学还是一起来认识一下ECMAScript5标准中getter和setter的实现。在一个对象中，操作其中的属性或方法，通常运用最多的就是读（引用）和写了，譬如说o.get，这就是一个读的操作，而o.set = 1则是一个写的操作。事实上在除ie外最新主流浏览器的实现中，任何一个对象的键值都可以被getter和setter方法所取代，这被称之为“存取器属性”。毫无疑问，getter负责查询值，它...

Js中使用hasOwnProperty方法检索ajax响应对象的例子

2017年02月06日 13 阅读

经常使用百度搜索的同学，一定不会忽视输入框的下拉索引，它是如此方便，然而得天独厚的条件使得这项异步技术多少面临些考验，高并发的服务端请求督促着他们的前端攻城师必须尽可能地减少发送ajax的次数。听起来似乎与本文无关，但并不是这样。首先就暂且让我们为百度免费做个广告吧。在百度首页输入“前端”一词，利用chromebug可以很轻松地看到所发送的响应，结果显示如下：复制代码 代码如下:window.bdsug.sug（{q:"前端";,p:false,s:["前...

AngularJS入门知识之MVW类框架的编程思想探讨

2017年02月06日 12 阅读

本文通过实现两个简单的业务需求，探讨AngularJS和传统的JavaScript控制DOM实现方式的差别，并尝试理解MVW此类框架在流行的Web前端开发中的编程思想。这个需求很常见，比如，一个两级菜单，在第一级别菜单项点击时候，对应的子菜单项目应该显示或隐藏。jQuery的实现：复制代码 代码如下:<！-- html --><ul class="parent"> <li class="parent_item"> It...

node.js中的dns.getServers方法使用说明

2017年02月06日 12 阅读

方法说明：返回当前正在使用的 ip地址，以字符串形式返回语法：复制代码 代码如下:dns.getServers（）接收参数：无源码：复制代码 代码如下:exports.getServers = function（） { return cares.getServers（）;};...

node.js中的events.EventEmitter.listenerCount方法使用说明

2017年02月06日 12 阅读

方法说明：返回注册了指定事件的监听器数量。语法：复制代码 代码如下:EventEmitter.listenerCount（emitter, event）接收参数：emitter 事件发射器event 事件例子：复制代码 代码如下:if（events.EventEmitter.listenerCount（this, "feedback"） == 0） { //....}源码：复制代码 代码如下:EventEmitter.listenerCount = fun...

node.js中的path.resolve方法使用说明

2017年02月06日 12 阅读

方法说明：将参数 to 位置的字符解析到一个绝对路径里。语法：复制代码 代码如下:path.resolve（[from ...], to）由于该方法属于path模块，使用前需要引入path模块（var path= require（“path”） ）接收参数：from 源路径to 将被解析到绝对路径的字符串例子：复制代码 代码如下:path.resolve（"/foo/bar", "./baz"）// returns"/foo/bar/baz"path.re...

node.js中的path.sep方法使用说明

2017年02月06日 12 阅读

方法说明：将特定文字分隔符 ‘\" 或 ‘/" 的字符串转换成数组对象。语法：复制代码 代码如下:path.sep由于该方法属于path模块，使用前需要引入path模块（var path= require（“path”） ）接收参数：无例子：复制代码 代码如下:*nix 系统下的例子："foo/bar/baz".split（path.sep）// returns["foo", "bar", "baz"]windows 系统下的例子"foo\bar\baz"...

node.js中的path.normalize方法使用说明

2017年02月06日 12 阅读

方法说明：输出规范格式的path字符串。语法：复制代码 代码如下:path.normalize（p）由于该方法属于path模块，使用前需要引入path模块（var path= require（“path”） ）例子：复制代码 代码如下:path.normalize（"/foo/bar//baz/asdf/quux/.."）// returns"/foo/bar/baz/asdf"源码：复制代码 代码如下:// windows version export...

node.js中的path.join方法使用说明

2017年02月06日 12 阅读

方法说明：将多个参数组合成一个 path （详细请看例子）语法：复制代码 代码如下:path.join（[path1], [path2], [...]）由于该方法属于path模块，使用前需要引入path模块（var path= require（“path”） ）例子：复制代码 代码如下:path.join（"/foo", "bar", "baz/asdf", "quux", ".."）// returns"/foo/bar/baz/asdf"path.jo...

node.js中的path.isAbsolute方法使用说明

2017年02月06日 13 阅读

方法说明：检测path是否为绝对路径。一个绝对路径会解析到相同的位置，无论是不是在工作目录。语法：复制代码 代码如下:path.isAbsolute（path）由于该方法属于path模块，使用前需要引入path模块（var path= require（“path”） ）接收参数：path path路径例子：复制代码 代码如下://Posix examples:path.isAbsolute（"/foo/bar"） // truepath.isAbsolut...

javascript中的this详解

2017年02月06日 12 阅读

This对象在js中就一直是个坑货，很难判断它到底指向什么，而我们由于来自C++或者python的self的经验，又常常会犯这一类的错误。接下来就详细地讲一下this对象的归属。rule1:全局环境的thisjavascript的环境天生就由函数来决定，在js里不能通过代码块隔开上下文，不被函数所包裹的环境就是全局环境，全局环境中的this就指向全局变量window，看下面一个例子复制代码 代码如下:var name="jjj";console.log（t...

jQuery不使用插件及swf实现无刷新文件上传

2017年02月06日 12 阅读

文件上传是网站常用的功能，例如附件或图片的上传功能，解决方案也有很多，我们今天介绍一种通过jQuery无刷新的文件上传方式。首先，我们在页面中放一个form，用来上传文件：复制代码 代码如下:<form id="myForm" method="post" action="/asyncFileUpload/UploadHandler.ashx" enctype="multipart/form-data" target="asyncTarget">...

node.js中的path.extname方法使用说明

2017年02月06日 12 阅读

方法说明：返回path路径文件扩展名，如果path以 ‘." 为结尾，将返回 ‘."，如果无扩展名 又 不以"."结尾，将返回空值。语法：复制代码 代码如下:path.extname（p）由于该方法属于path模块，使用前需要引入path模块（var path= require（“path”） ）接收参数：p path路径例子：复制代码 代码如下:path.extname（"index.html"）// returns".html"path.extname...

node.js中的path.dirname方法使用说明

2017年02月06日 13 阅读

方法说明：返回path的目录。类似于UNIX目录命令。语法：复制代码 代码如下:path.dirname（p）由于该方法属于path模块，使用前需要引入path模块（var path= require（“path”） ）接收参数：p path地址例子：复制代码 代码如下:var path= require（"path"）;path.dirname（"/foo/bar/baz/asdf/quux"）// returns"/foo/bar/baz/asdf"源...

node.js中的path.delimiter方法使用说明

2017年02月06日 12 阅读

方法说明：方法将返回平台的真实路径，多个用 “:” 或 “;” 隔开。语法：复制代码 代码如下:path.delimiter由于该方法属于path模块，使用前需要引入path模块（var path= require（“path”） ）接收参数：无例子：复制代码 代码如下://在 *nix 系统上的例子：console.log（process.env.PATH） // "/usr/bin:/bin:/usr/sbin:/sbin:/usr/local/bin...

JavaScript 开发工具webstrom使用指南

2017年02月06日 13 阅读

看到网上一篇介绍webstrom的文章，觉得功能确实强大，也知道为什么阿里巴巴的前端传到github上的文件为啥都有一个 .idea 文件，（传说淘宝内部推荐写js用webstrom）我们可以理解 IDE 就是集成了很多你想要的功能，或者你不想要的功能。换句话说就是装了很多插件的 editor ，所以到目前为止，我还觉得没必要给它装什么插件。那么接下来开始介绍webstrom的特色功能：WebStorm 是 JetBrains 推出的一款商业的 JavaS...

node.js中的path.basename方法使用说明

2017年02月06日 12 阅读

方法说明：提取出用 ‘/" 隔开的path的最后一部分。（8详见例子）语法：复制代码 代码如下:path.basename（p, [ext]）由于该方法属于path模块，使用前需要引入path模块（var path= require（“path”） ）接收参数：p 要处理的pathext 要过滤的字符例子：复制代码 代码如下:var path= require（"path"）;path.basename（"/foo/bar/baz/asdf/quux.ht...

node.js中的console.timeEnd方法使用说明

2017年02月06日 12 阅读

方法说明：完成时间，执行 console.time 到 console.timeEnd 之间所花费的时间。语法：复制代码 代码如下:console.timeEnd（label）接收参数：Label 与开始时间 console.log 的 label 对应例子：复制代码 代码如下:console.time（"100-elements"）;for （var i = 0; i < 100; i++） { ;}console.timeEnd（"100-ele...

node.js中的console.time方法使用说明

2017年02月06日 12 阅读

方法说明：开始时间，与console.timeEnd对应，记录时间段。语法：复制代码 代码如下:console.time（label）接收参数：Label 与开始时间 console.log 的 label 对应例子：复制代码 代码如下:console.time（"100-elements"）;for （var i = 0; i < 100; i++） { ;}console.timeEnd（"100-elements"）;源码：复制代码 代码如下:...