1、什么是发布订阅模式？ 发布订阅：是一种消息范式，消息的发送者（称为发布者）不会将消息直接发送给特定的接收者（称为订阅者）。而是将发布的消息分为不同的类别，无需了解哪些订阅者（如果有的话）可能存在。同样的，订阅者可以表达对一个或多个类别的兴趣，只接收感兴趣的消息，无需了解哪些发布者（如果有的话）存在。 拿公众号举例： 只有该公众号的订阅者才能收到推送 公众号只负责推送信息，不关心是谁订阅了我，只要有信息推送，那么就推送给所有的订阅者 订阅者无需时不时的查看公众号是否有信息推送，只要公众号推送信息后，该订阅者就会收到通知 订阅者可随时取消对该公众号的订阅 在调用方法时首先要发布方法，确保调...

在看一篇别人的博客时，看到一个这样的for循环写法，看一眼一脸懵逼，再看一眼还是懵逼，我杠上了，还看，还懵逼。。打扰了。。于是问别的同学，翻了mdn文档再加深理解，可算是整明白了，在此记录一下。 代码如下： for(var i = 0, fn; fn = ['a', 'b'][i++];) { console.log(i) console.log(fn) }一开始没整明白这个写法for循环是怎么运行的（不看不知道一看吓一跳原来我菜的如此抠脚） 其实理解起来挺简单的，是自己思路没捋清楚，看了一眼mdn的文档，语法如下 for ([initialization]; [condi...

vue生态指南：https://www.vue-js.com/topic/58750c15a9c1282817afbfb7

你遇到过性能很差的网页吗？ 这种网页响应非常缓慢，占用大量的 CPU 和内存，浏览起来常常有卡顿，页面的动画效果也不流畅。你会有什么反应？我猜想，大多数用户会关闭这个页面，改为访问其他网站。作为一个开发者，肯定不愿意看到这种情况，怎样才能提高性能呢？ 本文将详细介绍性能问题的出现原因，以及解决方法。 一、网页生成的过程 要理解网页性能为什么不好，就要了解网页是怎么生成的。网页的生成过程，大致可以分成五步。 HTML 代码转化成 DOM CSS 代码转化成 CSSOM（CSS Object Model） 结合 DOM 和 CSSOM，生成一棵渲染树（包含每个节点的视觉信息） 生成布局（layo...

作用： async、await是promise的语法糖，是为了让promise的语法变得更加舒服、简洁。 原理： async返回的是一个promise对象，状态为已解决 async function fn() {} console.log(fn()); await类似于then，也会返回promise对象，只不过是跟async配套使用 async function fn() { // 使用await简化书写 let name = await '刘德华' console.log(name); // '刘德华' } fn(); // 相当于 new Promise(r...

如果你还没有了解同步异步是什么，请先学习上一篇文章https://blog.nowcoder.net/n/dd156579f7b8463b992e264ba7ab72da Promise是为了解决什么问题： 1、主要用于异步计算2、可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果3、可以在对象之间传递和操作promise，帮助我们处理队列 以前我们解决异步回调是通过函数的嵌套调用，这样剥夺了函数return的能力，如果嵌套层次多了，比如为了完成一个功能，我们需要调用api1、api2、api3，依次按顺序调用，这个时候就会存在回调地狱的问题，使得代码非常之不优雅，可读性很差，维护困...

同步编程：同步编程是一种请求响应模型，调用一个方法，等待其响应返回，也就是一个线程获得了一个任务，然后去执行这个任务，当这个任务执行完毕后，才能执行接下来的另外一个任务。 举例：我今天要干三件事情，搞卫生、洗衣服、做饭，我必须要先搞完卫生后才能洗衣服，洗完衣服后才能做饭，这就是同步任务，也就是顺序交付的工作1234，必须按照1234的顺序完成（这样一个上午过去了还不知道啥时候能吃上饭，狗带） 异步编程：异步编程不需要等待响应返回，可以继续执行其他任务，随后将响应结果存入消息队列（任务队列），等待主线程同步代码执行完毕后，才会去查找任务队列并执行，注意是轮询任务队列，如果有新任务，则继续执行新任...

需求如下图： 使用el-table一顿操作猛如虎，发现官网文档写的不知道是些啥，demo也让人有点摸不着头脑，看了网上的一些合并表格的例子，都没怎么看懂，于是在此捋一下自己的思路。 首先分析这样的表格应该如何处理，这里是比较简单的合并某几项数据中某几列，因此要对比出当前数据中有几项的某个值是相同的，这里拿name举例，解析步骤： ①遍历表格数据，用一个变量（此例为spanArr）记录每一行的rowspan和colspan②判断前后两项的name相同，后面那一项的rowspan和colspan都设为0③找到name相同的第一项，rowspan值+1④前后不相同的项rowspan和colspan...

一、客户端和服务器 连接到互联网的计算机被称作客户端和服务器。下图简单描述了他们如何交互。 客户端是典型的web用户入网设备（比如你连接了wifi的电脑、或接入移动网络的手机）和设备上可联网的软件（比如Firefox浏览器和chrome浏览器）。服务器是存储网页、站点和应用的计算机。当一个客户端设备想要获取一个网页时，一份网页的拷贝将从服务器上下载到客户端机器上来在用户浏览器上显示。 二、其他部分 客户端和服务器并不能完成全部工作，还有其他必要的部分。 假设web是一条道路，路的一端是客户端，就像你的家；另一端则是服务器，就像你想去的商店。除了客户端和服务器我们还需要了解：网络连接：允许你在互...

一、基本类型传递方式 由于js中存在复杂类型和基本类型，对于基本类型而言，是按值传递的。 var a = 1 function test(x) { x = 10 console.log(x) } test(a) // 10 console.log(a) // 1虽然在函数 test 中 a 被修改，并没有影响到外部 a 的值，说明基本类型是按值传递的。 二、复杂类型按引用传递？ 我们将外部 a 作为一个对象传入 test 函数 var a = { a: 1, b: 2 } function test(x) { x.a = 10 console.log(x) } test...

对象的特性：在对象中key是唯一的，因此我们可以利用这点为数组去重，拆分为三个步骤分别为： ①将数组转为对象，数组元素当做对象的key； ②利用对象中key是唯一的特性为数组去重； ③将对象还原成数组； var arr = [1, 1, 1, 2, 2, 3, 1, 2, 2, 3, 4, 4, 5, 6, 7, 6, 7, 8, new Date(), null, true, false, undefined]; //将数组转为对象，数组元素作为对象的key并返回对象 function toObj(arr) { var obj = {}; var key; ...