jQuery中$.each()函数的用法引申实例?
jQuery中的$.each()函数比forEach更加强大,可以用来遍历JavaScript中的任意集合,借来下来我们会举几个jQuery中$.each()函数的用法引申实例,首先先来回顾一下遍历用法的基础:
$.each( collection, callback(indexInArray, valueOfElement) )
值得一提的是,forEach 可以很方便的遍历数组和 NodeList ,jQuery 中的 jQuery 对象本身已经部署了这类遍历方法,而在原生 JavaScript 中则可以使用 forEach 方法,但是 IE 并不支持,因此我们可以手动把 forEach 方法部署到数组和 NodeList 中:
if ( !Array.prototype.forEach ){
Array.prototype.forEach = function(fn, scope) {
for( var i = 0, len = this.length; i < len; ++i) {
fn.call(scope, this[i], i, this);
}
}
}
// 部署完毕后 IE 也可以使用 forEach 了
document.getElementsByTagName('p').forEach(function(e){
e.className = 'inner';
});
而jQuery中的$.each()函数则更加强大。$.each()函数和$(selector).each()不一样。$.each()函数可以用来遍历任何一个集合,不管是一个JavaScript对象或者是一个数组,如果是一个数组的话,回调函数每次传递一个数组的下标和这个下标所对应的数组的值(这个值也可以在函数体中通过this关键字获取,但是JavaScript通常会把this这个值当作一个对象即使他只是一个简单的字符串或者是一个数字),这个函数返回所遍历的对象,也就是这个函数的第一个参数,注意这里还是原来的那个数组,这是和map的区别。
其中collection代表目标数组,callback代表回调函数(自己定义),回调函数的参数第一个是数组的下标,第二个是数组的元素。当然我们也可以给回调函数只设定一个参数,这个参数一定是下标,而没有参数也是可以的。
DOMParser什么意思啊?
DOMParser是一个解析加载项。
Simple HTML DOM parser 很好地解决了使用 php html 解析 问题。可以通过这个php类来解析html文档,对其中的html元素进行操作 (PHP5+以上版本)。
解析器不仅仅只是帮助验证html文档;更能解析不符合W3C标准的html文档。它使用了类似jQuery的元素选择器,通过元素的id,class,tag等等来查找定位;同时还提供添加、删除、修改文档树的功能。
有没有比较强大的html+js+css编辑器?
笔者认为,VSCode是目前前端开发最佳IDE,没有之一。我也用过HBuilder这款国内IDE,可谓是良心之作;Sublime 也是非常优秀的前端开发工具;熟悉Intellij系列的同学,webStorm做前端开发也非常不错;Atom还不错,也非常美观;但这些编辑器与VSCode比起来,都相形见绌!
首先是好看
编辑器皮肤、主题有n多种选择。
你觉得怎么看着舒服,你就怎么来,VSCODE最强大的功能在于:高度可定制化。
真的是好用-插件丰富
好用的基础是插件,VSCode有一个插件库。全球开发者不断的为VScode提供插件,写代码飞一样的感觉!下面列举几个常用的插件:
VS Code所有的插件都可以在VS Code Downloads插件库中找到:
Auto Close Tag:匹配标签,关闭对应的标签。对于HTML/XML很实用。
Auto Rename Tag:改变标签的时候同时改动开闭合标签;对于HTML/XML很实用。
HTML CSS Support : 这个也是HTML必备插件之一。
CSS Peek : html和css中关联css的跳转
免费开源、无需破解
源码保存在github上面
多平台支持
其他
VScode十分的轻量级,打开速度非常快。
使用简单,几乎没什么学习成本
功能强大,放开你的想象力。各种支持bootstrap、vue、react、jquery等代码片段的快捷输入,git、svn版本管理,只要你能想到的,几乎都有对应的插件功能帮你实现。请开放你的大脑,充分想象!

