![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Js
文章平均质量分 92
辰聂
这个作者很懒,什么都没留下…
展开
-
Web Components 入门实例教程
本文转载自 阮一峰 老师的文章:http://www.ruanyifeng.com/blog/2019/08/web_components.html组件是前端的发展方向,现在流行的 React 和 Vue 都是组件框架。谷歌公司由于掌握了 Chrome 浏览器,一直在推动浏览器的原生组件,即 Web Components API。相比第三方框架,原生组件简单直接,符合直觉,不用加载任何外部模块,代码量小。目前,它还在不断发展,但已经可用于生产环境。Web Components API 内容很多,本文转载 2021-01-27 17:18:38 · 264 阅读 · 0 评论 -
js对象数组 按对象的某一属性进行去重
var array = [ { id: 1, name: "张三"}, { id: 2, name: "李四"}, { id: 3, name: "张龙"}, { id: 4, name: "赵虎"}, { id: 5, name: "王朝"}, { id: 1, name: "刘金刚"}, { id: 6, name: "马汉"},] var obj = {};/* * 方法一 reduce函数 * 按照id 相同进行去重*/.转载 2020-11-22 17:42:16 · 900 阅读 · 0 评论 -
详解JS函数柯里化2
第一次看到柯里化这个词的时候,还是在看一篇算法相关的博客提到把函数柯里化,那时一看这个词就感觉很高端,实际上当你了解了后才发现其实就是高阶函数的一个特殊用法。果然是不管作用怎么样都要有个高端的名字才有用。首先看看柯里化到底是什么?维基百科上说道:柯里化,英语:Currying(果然是满满的英译中的既视感),是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术。看这个解释有一点抽象,我们就拿被做了无数次示例的add函数,来做一转载 2020-10-05 12:54:29 · 263 阅读 · 0 评论 -
详解JS函数柯里化1
柯里化是函数的一个高级应用,想要理解它并不简单。因此我一直在思考应该如何更加表达才能让大家理解起来更加容易。我们知道,接收函数作为参数的函数,都可以叫做高阶函数。我们常常利用高阶函数来封装一些公共的逻辑。我们要学习的柯里化,其实就是高阶函数的一种特殊用法。柯里化是指这样一个函数(假设叫做createCurry),他接收函数A作为参数,运行后能够返回一个新的函数。并且这个新的函数能够处理函数A的剩余参数。这样的定义不太好理解,我们可以通过下面的例子配合解释。有一个接收三个参数的函数A。functi转载 2020-10-05 12:46:55 · 243 阅读 · 0 评论 -
关于JS的 reduce() 函数
定义:reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。对空数组是不会执行回调函数的。案例:1、计算数组总和var num = [1,2,3,4,5];var res = num.reduce(function(total,num){ return total+num; //return total + Math.round(num);//对数组元素四舍五入并计算总和},0);console.log(res);//15//nu转载 2020-10-05 12:36:03 · 168 阅读 · 0 评论 -
Js模块化导入导出
CommonJs、AMD、CMD、ES6都是用于模块化定义中使用的规范,其为了规范化模块的引入与处理模块之间的依赖关系以及解决命名冲突问题,并使用模块化方案来使复杂系统分解为代码结构更合理,可维护性更高的可管理的模块。CommonJS 规范CommonJS是NodeJs服务器端模块的规范,根据这个规范,每个文件就是一个模块,有自己的作用域。在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。CommonJS规范规定,每个模块内部,module变量代表当前模块。这个变量是一个对象,它的exp转载 2020-10-05 12:28:07 · 313 阅读 · 0 评论 -
JS 异步编程六种方案
前言我们知道Javascript语言的执行环境是"单线程"。也就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务。这种模式虽然实现起来比较简单,执行环境相对单纯,但是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行。常见的浏览器无响应(假死),往往就是因为某一段Javascript代码长时间运行(比如死循环),导致整个页面卡在这个地方,其他任务无法执行。为了解决这个问题,Javascript语言将任务的执行模式分成两种:同步和异步。本文主转载 2020-09-27 15:12:10 · 227 阅读 · 0 评论 -
Js中forEach跳出本次循环和终止循环
1、forEach跳出本次循环可使用return语句跳出本次循环,执行下一次循环var arr = [1,2,3,4,5,6]arr.forEach((item) => { if (item === 3) { return } console.log(item)})将输出 1 2 4 5 6,3不会输出2、forEach终止循环forEach无法通过正常流程(如break)终止循环,但可通过抛出异常的方式实现终止循环var arr = [1,2,3,4,5,6]tr原创 2020-09-20 11:15:16 · 34428 阅读 · 0 评论