记一下gulp.src()用法 语法 gulp.src(globs[, options]) globs:文件匹配模式(类似正则表达式)，用来匹配文件路径(包括文件名) options:可选参数。通常情况不需要用到 js gulp.src('**/*.js') 匹配模式 内部使用node-glob模块实现文件匹配 单匹配 匹配符 code 匹配 不匹配 备注 * * a.b， x.y， abc， abc/ a/b.js 不匹配/，除非/出现在末尾 *.* a.b， x.y abc 匹配所有带后缀的文件
map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。
数组拷贝经常被误解，但这并不是因为拷贝过程本身，而是因为缺乏对 JS 如何处理数组及其元素的理解。JS 中的数组是可变的，这说明在创建数组之后还可以修改数组的内容。
本文主要讲解怎么提高展开运算的性能，在此之前先简单说说展开运算在数组中的工作原理。
本文介绍 JS 比较重要的12个概念，但绝对不是说 JS开发人员只需要知道这些就可以了。
数组是 JS 最常见的一种数据结构，咱们在开发中也经常用到,在这篇文章中,提供一些小技巧,帮助咱们提高开发效率。
gulp 是一个前端构建工具，它能通过自动执行常见任务，比如编译预处理 CSS ，压缩 JavaScript 和刷新浏览器，来改进网站开发的过程，从而使开发更加快速高效。
插件描述：bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件。该jQuery插件基于Twitter Bootstrap，以简单和优雅的方式来显示一些继承树结构，如视图树、列表树等等。
大家好，我是一个闲着没事热衷于重复造轮子的不知名前端，今天给大家带来的是一个代码在线编辑预览工具的实现介绍，目前这类工具使用很广泛，常见于各种文档网站及代码分享场景，相关工具也比较多，如codepen、jsrun、codesandbox、jsbin、plnkr、jsfiddle等，这些工具大体分两类，一类可以自由添加多个文件，比较像我们平常使用的编辑器，另一类固定只能单独编辑html、js、css，第二类比较常见，对于demo场景来说其实已经够用，当然，说的只是表象，底层实现方式可能还是各有千秋的。
可能很多人工作一段时间，觉得js的知识点掌握的差不多了，应用起来得心应手，但是js的知识高深莫测，所以我打算再系统的学一遍《学习JavaScript数据结构与算法》这本书（主要学习最常用的数据结构和算法），并将学习成果总结如下：
编者注：js数组的合并在前端制作中是一个经常遇到的需求，平常用得最多的就是concat()方法了，这里作者给出了多种做法，包括将一个数组元素push或者unshift到另一个数组；使用ES5的reduce()和reduceRight()方法；或者是push.apply(a,b)和unshift.apply(a,b)等，作者最后推荐使用ES5的reduce()和reduceRight()方法（注意不兼容ie10以下浏览器）。可以考虑用在移动端、高级浏览器和微信小程序上。
➢ id 选择器（ #myid） ➢ 类选择器（.myclassname） ➢ 标签选择器（div,h1,p） ,用逗号分割，可多个 ➢ 相邻选择器（h1+p） ，兄弟节点 ➢ 子选择器（ul>li） ， ➢ 后代选择器（lia） ➢ 通配符选择器（ * ） ➢ 属性选择器（a[rel=“external”]） ，jQuery常用 ➢ 伪类选择器（a:hover,li:nth-child）
在该项目路径下，我们独立安装gulp：npm install gulp 。此时会生成一个 node_modules 文件夹和一个 package-lock.json 文件，如下图：
今天是元宵佳节，在此小编祝大家元宵佳节快乐！今天小编在这里给大家继续介绍ES6的语法糖——展开语法(Spread syntax)。
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Spread_syntax
有时候我们需要清空数组，一个快捷的方法就是直接让数组的 length 属性为 0，就可以清空数组了。
ES6引入了很多新的语言特性和能力，这篇文章仅快速地做一个概览。包括let、解构、箭头函数、模块化、Spread运算符 等。ES6还有很多更深入的内容，有时间再单独总结。大部分的ES6新特性，最新版的Chrome浏览器都原生支持，所以下面大多数代码不需要使用Babel转码器即可直接运行。但是模块化的import和export则暂未支持，只能通过Babel经过webpack等工具打包后使用。
展开语法用"..."进行表示，展开语法将可迭代的对象拆分成独立的值（语法层面展开）。扩展语法通常用于将可迭代的对象的值传递到函数的参数中。今天小编将从以下方面进行介绍：
gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。
正好旁边前端的兄弟最近在学习React，为了更深入的了解前端的业态，也果断来学习一发，目标是有个基础的了解，需要时能快速上手就OK，说实话，个人并不是很喜欢它的这种推翻MVC的思路，这个思路和原来的微
一个 ☝️ 正经的前端学习 开源 仓库，启发来自 淘宝大佬 @冴羽 ，初心做一个真正能帮助到大家的仓库。一个人可以走的更快，但一群人才能走的更远。（非常口语化的，手写总结）
原文地址：https://juejin.cn/post/6847902222009925640
剩余参数将剩余的参数收入数列。JavaScript 的特性是参数数目很灵活。通常会有一个 arguments 变量收集参数。
ECMAScript 6（以下简称ES6）是 JS 语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得 JS 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。接下来咱们来看看 20 道棘手的面试题，通过做题，顺带提升一下咱们的 JS 的技能。
最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。
React是用于构建前端Web应用程序中最流行的JavaScript库之一。许多前端开发人员的工作都需要具备React的技能。
Array.of() 方法创建一个具有可变数量参数的新数组实例，而不考虑参数的数量或类型。Array.of() 和 Array 构造函数之间的区别在于处理整数参数：Array.of(7) 创建一个具有单个元素 7 的数组，而 Array(7) 创建一个长度为7的空数组（注意：这是指一个有7个空位(empty)的数组，而不是由7个undefined组成的数组）。
ES6引入了let和const关键字，可以在块级作用域中声明变量，解决了以前使用var声明变量可能导致的问题。在ES6之前，JavaScript中的变量声明使用var关键字，它具有函数作用域而不是块级作用域。这意味着使用var声明的变量可以在其所在的函数内部任何位置访问，而不仅仅是在声明的块级作用域内。
翻译内容转载自 New Frontend：https://nextfe.com/morden-js/
一个 ☝️ 正经的前端学习 开源 仓库，启发来自 淘宝大佬 @冴羽 ，初心做一个真正能帮助到大家的仓库。（非常口语化的，手写总结）
原本昨天就要发文章的了，由于之前的pdd文章被投诉了，删除了，影响心情的同时也不敢乱发文章了，所以就暂时歇了一天，也改了另外一个网站，就是今天的物流网站。如果大家某天看不到我发文了，估计我也是被举报完了，到时想要看的可以去我的GitHub上看。
async/await是 JS 中编写异步或非阻塞代码的新方法。它建立在Promises之上，让异步代码的可读性和简洁度都更高。
使用哈希表记录每个数字出现的次数，之后使用Set处理出现的次数，然后对比哈希表的长度即可，首先定义一个哈希表，在此处是使用Js的普通对象的形式，此处只是为了借助其结构所以不需要原型指向，另外在Js中提供了Map对象作为键值对哈希表的解决方案，之后遍历数组，如果未定义，那么就将哈希表的此键值的值设置为1，如果键值在哈希表中定义，那么就将其值加1，之后获取对象中所有的键数组，以及所有的值数组，之后将值数组作为参数传入Set对象去重，之后用Spread操作符将其展开并形成一个新数组，之后获取其长度与键数组的长度作比较并返回即可。
写这篇文章的缘由是上周在公司前端团队的code review时，看了一个实习小哥哥的代码后，感觉一些刚入行不久的同学，对于真实项目中的一些js处理不是很熟练，缺乏一些技巧。
见过太多同学调试Javascript只会用简单的console.log甚至alert，看着真为他们捉鸡。。因为大多数同学追求优雅而高效地写代码，却忽略了如何优雅而高效地调试代码，不得不说是有点“偏科”了。下面我就分享一些实用且聪明的调试技巧，希望能让大家调试自己代码的时候更加从容自信。
JS第一天: 作用域: 全局 局部: 块级 函数 …. 作用域链 JS垃圾回收机制GC, 内存分配, 内存使用, 内存回收 全局作用域浏览器关了才回收, 函数作用域执行完后才回收 闭包 内部函数+外部函数的变量 变量和函数的提升 函数的动态参数和剩余参数–展开表达式 箭头函数: this指向上一个作用域的this 数组解构, 多维数组 对象解构, 多维对象 forEach: 循环遍历数组对象 filter数组筛选: 会返回一个新数组 价格筛选案例 王者荣耀筛选英雄案例 JS第二天: 创建对象的三种方式: 1
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
