20200508 前端开发周报：前端面试必备技巧

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

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

1、前端面试必备技巧

2020最全的前端面试指南，一个多月 1.8w 字的面试经验积累，凭借它最终成功入职大厂…… 今年的金三银四刚好赶上疫情，很多大公司都停止招聘甚至裁员，想跳槽的小伙伴被打的措手不及。需求减少要求肯定随之提高，谨以此面经献给在如此艰难之时逆风而动、勇敢坚强的你~ 前言 今年问的难度和深度应该比前几年有所增...

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

2、简明扼要聊聊 Vue3.0 的 Composition API 是啥东东

对于没太了解 Vue3.0 的同学，在看到 Composition API 时，除了看起来会有一个“高大上”的感觉，可能更多的是有点懵逼，心中不免泛起一堆疑惑，这到底是何方神圣？干了何等大事？承担了何种重任？下面我们就一起来简明扼要聊聊，用人人都听得懂的话来阐述 Vue3.0 Composition API。What 首先，这两单词是啥意思...

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

3、正则表达式在JS的使用

一、写在前面 看完上一篇正则表达式的文章，应该对它的功能有了了解，现在我们看他在js中的使用 二、开始 新建正则表达式有两种方法。一种是使用字面量，以斜杠表示开始和结束。var regex = /xyz/; 复制代码 另一种是使用 RegExp 构造函数。var regex = new RegExp('xyz');复制代码 第一种方法在引擎编译代...

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

4、前端人应该有的网站和工具

最近有很多初学者在后台留言说：“我是一个小白，怎么才可以快速入门前端呀？”。关于这个问题其实不太好回答，因为这个问题就好像说我是一个穷光蛋如何快速致富一样的道理。但是也不是没有办法回答你这个问题，毕...

https://segmentfault.com/a/1190000022539858

5、前端宅男五一总结

节前发沸点立了一个flag，五一不出去浪了，待在家里看书写代码，对于在职人士来说，五天的完整时间 ，还是很宝贵的 完成状况 早起游戏九连胜 达到历史最高段位钻一 中学偷偷去网吧才能早起的策略 现在依然适 看了一本产品的书 里面的求职信让我重新思考职业的热情，另外一本《增长黑客》读了一...

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

6、Vue 的主要内容

v-show 通过 css display 控制显示和隐藏的 v-if 是组件真正的渲染和销毁，不是显示和隐藏 频换切换的时候使用 v-show , 否则使用 v-if 2、v-for中key的作用 diff 算法中通过 tag 和 key 来判断是否是 sameNode ，减少渲染次数，提升渲染性能。key 必须使用的 不能是 index 和 random 。3、v-for 和 v-i...

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

7、React hooks + Mobx + typescript + EggJs从0到1打造一款仿网易云音乐APP（一）

该项目会以 React 全家桶 (会使用 16.8 最新 API 及 hooks) 以及 mobx 数据流方案为基础打造的一款高质量的移动端音乐类 WebApp 。涉及的技术栈主要有：react v16.8 全家桶 (react，react-router) : 用于构建用户界面的 MVVM 框架 mobx 前端数据流方案 immutable: Facebook 历时三年开发出的进行持久性...

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

8、面试官一脸邪乎的问：一个 TCP 连接能发多少个 HTTP 请求？

一道经典的面试题是从 URL 在浏览器被被输入到页面展现的过程中发生了什么，大多数回答都是说请求响应之后 DOM 怎么被构建，被绘制出来。但是你有没有想过，收到的 HTML 如果包含几十个图片标签，这些图片是以什...

https://segmentfault.com/a/1190000022549995

9、如何用css绘制三角形？

首先，我们知道用边框实现一个三角形很简单，直接上代码上图。{代码...} {代码...} 可以看到用样式的border-width来实现一个三角形很简单，但是本文会从原理上来讲解，为什么会这样展示。{代码...} 可以看到，...

https://segmentfault.com/a/1190000022543606

10、JS数据类型的强制转换

想要搞明白数据类型的转换，首先得清楚js有哪几种数据类型 1.数据类型 ES最新标准现共有8种数据类型，其中基本数据类型7种，引用数据类型1种 基本数据类型 Boolean 布尔值，只含有两个关键字（true，false） String 字符串 Undefined 一个声明的但未定义的值，拥有全局属性unde...

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

11、聊一聊Observable和RxJS

Pull 和 Push 是两种用来描述数据生产者（Data Producer）与数据消费者（Data Consumer）通信的不同协议。什么是Pull模式？在一个Pull数据系统中，消费者Consumer决定了何时从生产者Producer接收数据，而生产者Producer本身对于何时传递数据是无感的。比如我们最熟悉的Function，每一个JavaScript Function...

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

12、JS常见简单算法排序

冒泡排序的比较次数是 1 + 2 +3 + ... + N - 1 = N(N - 1)/2，大O表示法为O(N^2)。如果每两次比较交换一次那么冒泡排序的交换次数为 N(N - 1)/4。

https://segmentfault.com/a/1190000022540761

13、前端开发日报存档

看得不过瘾，网站有过去几年的每日前端好文章日报存档，关注收藏起来不迷路。

http://caibaojian.com/c/news

14、掘金小册全网八折

热门前端掘金小册，全网八折：前端面试之道、Vue组件精讲、使用WebPack定制前端开发环境、重学前端（极客时间）、前端开发核心知识（GitChat）等，阅读原文浏览全网教程！

http://caibaojian.com/goods

加入微信群????，每日分享全网好文章！