前端开发日报：20190817

最新推荐文章于 2020-05-28 23:18:20 发布

前端开发博客

最新推荐文章于 2020-05-28 23:18:20 发布

阅读量417

点赞数

文章标签：队列 java js 编程语言 javascript

原文链接：http://caibaojian.com/fe-daily-20190817.html

版权

给「前端开发博客」加星标，每天打卡学习

长按二维码即可识别“进入网页”查看哟~

1、从异步概念到callback回调函数到promise

javascript语言的执行环境的'单线程'的. 所谓'单线程'，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。(实际上我认为计算机从微观上讲都是单线程的，因为一台机器在同一时间只能做一件事情。然而从宏观上讲，在我们人的对时间的感知范围内，认为机器...

https://juejin.im/post/5d5120e1f265da03be48ccad

2、Vue 项目性能优化 — 实践指南（网上最全 / 详细）

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分，我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面的优化，使项目具有更高效的性能、更好的用户体验。...

https://juejin.im/post/5d548b83f265da03ab42471d

3、56 道高频 JavaScript 与 ES6+ 的面试题及答案

前言本文讲解 56 道 JavaScript 和 ES6+ 面试题的内容。复习前端面试的知识，是为了巩固前端的基础知识，最重要的还是平时的积累！注意：文章的题与题之间用下划线分隔开，答案仅供参考。前端硬核面试专题的...

https://segmentfault.com/a/1190000020082089

4、你理解错误的Vue nextTick

使用过Vue的小伙伴们都知道，Vue里的nextTick可以获取到更新后的DOM, 今天我就来讲解下nextTick里面究竟做了什么？开始讲解前，我们需要知道了解一个概念，那就是Event Loop Event Loop Event Loop翻译过来就是事件循环 , 一个Event Loop会包括一个或多个task队列，持续线程会从队列中取出最早进入队列的任务进...

https://juejin.im/post/5d5514606fb9a06af92b9ca4

5、JS 中创建自定义排序方法

为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客 ,一年百来篇优质文章等着你！一般情况咱们排序大都按数字或字母顺序，但也有一些情况下，咱们可能需要自定义排序顺序。在此之前先简单介绍一下 reduce 方法：语法：arr.reduce(callback(accumulator, currentValue[, in...

https://segmentfault.com/a/1190000020063125

6、JavaScript写不写分号情景分析

加不加分号争论已久，最初的设计是为了降低编译器的工作负担。自动插入分号规则规则1: 要有换行符，且下一个符号是不符合语法的，那么就尝试插入分号。规则2: 有换行符，且语法中规定此处不能有换行符，那么自动插入分号。规则3: 源代码结束处，不能形成完整的脚本或者模块结构，那么就自...

https://juejin.im/post/5d5579586fb9a06ae94d2be6

7、【重学前端专栏学习笔记】建立系统的知识架构体系

明确你的前端学习路线自己特别喜欢屯课，看着自己买的课，有种满足感，仿佛知识都是我的了，翻看极客时间买的课，决定这段时间把重学前端专栏学习一遍。从周六到今天，一共学习了 5 篇文章，这个专栏的信息量是非常大的，特别是第一章前端的学习路线与方法给我的启发特别大。首先一上来就分享了两个学习方...

https://segmentfault.com/a/1190000020088092

8、HTTP缓存和浏览器的本地存储

http请求做为影响前端性能极为重要的一环，因为请求受网络影响很大，如果网络很慢的情况下,页面很可能会空白很久。对于首次进入网站的用户可能要通过优化接口性能和接口数量来解决。但是，对于重复进入页面的用户...

https://segmentfault.com/a/1190000020086923

9、Vue 3.0 RFC API 的实现

想复用逻辑和状态，关键在于如何创建一个可以被 Vue 观察的对象（响应式对象）。当响应式的对象发生了变化时，Vue 会开始它的更新逻辑，至于它是怎么更新了，这里不作讨论。其次就是，怎么将这个状态绑定到 vm 上，除了使用 computed 来手动绑定之外，还可以用什么方法。Ovservable 在 Vue 2.6 之前，想创建一个...

https://juejin.im/post/5d54eb45e51d4561c02a251f

10、webpack 高级概念

Tree Shaking Tree Shaking的中文意思是:摇树，它可以移除JavaScript上下文中的未引用代码(dead-code)。它只支持es6中的import和export语法，所以并不会应用到require语法中。我们先通过一个简单的例子来简单理解下Tree Shaking到底有什么作用：// math.js const add = () => { console.log('...