前端周报：最经典的26个JavaScript面试题和答案；Vue3.0

Posted 2021-04-17 前端开发博客

1、2018年，最经典的26个javascript面试题和答案

根据 Stack Overflow 的 2018 年度调查，JavaScript 连续六年成为最常用的编程语言。所以我们必须面对这样的现实，JavaScript 已经成为全栈开发技能的基石，在全栈开发面试中都会不可避免地涉及到与 JavaScript ...

https://segmentfault.com/a/1190000017055060

2、Vue.js 3.0 新特性预览

Evan You（尤雨溪）今天（2018年11月16日）早上在 Vue Toronto 的主题演讲中预演了 Vue 3 。利用现代浏览器支持的新功能，Vue 3 将成为我们已经了解和喜爱的 Vue.js 强大的的改进版本。我们做了一些笔记并将其与下面的幻灯片结合起来分享给大家。 总结起来，Vue 3 以下方面值得我们期待 ： 更快 ...

https://www.css88.com/archives/10052?f=tt

3、GitHub上最热门的十大Vue.js项目

在过去的一个月里，Mybridge从将近150个Vue.js开源项目中精选出十个热门项目，旨在帮助开发者找到自己需要的Vue.js开源项目

https://segmentfault.com/a/1190000017091211

css世界- 详细重点笔记与技巧在css世界这本书中有一些“黑魔法”给列举出来，在结合自己的理解。篇幅有点长，希望大家能够坚持看完，一定会有收获！！！以下是摘自每章内一些重要的概念与技巧。其中有解决图片间隙的问题、小图标与文字居中...

https://segmentfault.com/a/1190000017069985

5、为什么我要放弃javaScript数据结构与算法（第十章）—— 排序和搜索算法

为什么我要放弃javaScript数据结构与算法(第十章)—— 排序和搜索算法 本章将会学习最常见的排序和搜索算法,如冒泡排序、选择排序、插入排序、归并排...

http://www.cnblogs.com/lbh2018/p/JavaScript_Data_Structures_and_Algorithms_Part10.html

6、程序员练级攻略（2018）：前端基础和底层原理

这个是我订阅 陈皓老师在极客上的专栏左耳听风,我整理出来是为了自己方便学习，同时也分享给你们一起学习，当然如果有兴趣，可以去订阅，为了避免广告嫌疑，我这就不多说了！以下第一人称是指陈皓老师。

https://segmentfault.com/a/1190000017072371

7、H5新人福音~零配置搭建现代化的前端工程

X-BUILD一套基于Webpack(v4.21.0)快速搭建H5场景开发环境的脚手架，只需要几分钟的时间就可以运行起来。X-BUILD是针对H5开发的一套自动化构建工具，致力于提升开发效率，减小开发难度。它可以让你在没有任何构建...

https://segmentfault.com/a/1190000017054527

8、2019年前端面试都聊啥？一起来看看

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

9、聊聊前端工程化

我对工程化的理解 工程师是个古老的职称了。耳熟能详的有建筑工程师，电器工程师等，往往他们在人们脑海中的印象是刻板，严谨，可靠。 随着互联网的发展，软件工程师出现了！他们不用一砖一瓦，也不用尺子电钻，计算机是他们的施工现场，代码是他们的工程部件，键盘之上的指尖跃动是他们的工程活动，在你看...

https://zhuanlan.zhihu.com/p/50129174

10、ES6之数组的扩展

扩展运算符（spread）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。该运算符主要用于函数调用。

https://segmentfault.com/a/1190000003857670

11、10 个有趣的 JSCSS 库（2018.11）

Tutorialzine每月都会给我们精心挑选优秀的web开发资源，这些资源可以帮助我们解锁最新和最炫酷的网络开发姿势。前端er,让我们一起先睹为快吧！ Omi 鹅厂出品，下一代 Web 框架，去万物糟粕，合精华为一。让 JSX, Web Components, Proxy, Store, Path Updating 在一起。响应式数据绑定，提供TypeScript...

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

12、Vue数据通信详解

组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。组件间如何传递数据就显得至关重要。本文尽可能罗列出一些常见的数据传递方式，如props、$emit/$on...

https://segmentfault.com/a/1190000017069770

13、总结：前端开发中让元素水平垂直居中的方法

这个是没有浮动的情况下，我们可以先将要居中的块级元素设为inline/inline-block，然后在其父元素上加上属性text-align:center;即可。如果要居中的块级元素直接是内联元素（span、img、a等），直接在其父级元素上...

https://segmentfault.com/a/1190000017047900

14、WebSocket爬虫之爬取龙珠弹幕

这是崔斯特的第七十二篇原创文章 弹幕爬虫 (๑• . •๑) 我是一个直播爱好者，喜欢看很多人直播，以前可以看一天直播不出门。现在主要看这么些主播，虎牙的韦神、Dopa，斗鱼的狗贼嘘嘘。 对于其中的弹幕文化，非常感兴趣，就研究下，发现弹幕是用WebSocket实现的，那首先来说说什么是WebSocket。 WebSocket是...

https://zhangslob.github.io/2018/11/17/WebSocket%E7%88%AC%E8%99%AB%E4%B9%8B%E7%88%AC%E5%8F%96%E9%BE%99%E7%8F%A0%E5%BC%B9%E5%B9%95/

15、从购买牛奶谈到Web缓存（译）

此文章为中文译文，有不足或者错误之处，敬请指正。原文传送门：点击这里 如果你曾在商场买过牛奶，那么你将会很好地理解服务端及浏览器端的缓存机制。 如果你是一个忠实的因特网用户，你时时刻刻都在享受缓存所带来的好处。但是，你可能并不清楚它是在何时，以何种方式施展它

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

16、谈起音视频，前端能做些什么

音视频随着互联网的发展，对音视频的需求越来越多，然而音视频无乱是播放还是编解码，封装对性能要求都比较高，那现阶段的前端再音视频领域都能做些什么呢。

https://segmentfault.com/a/1190000017045863

17、脑阔疼的webpack按需加载

随着单页应用发展的越来越庞大，拆分js就是第一要务，拆分后的js，就可以根据我们需求来有选择性的加载了。 所以第一个问题，就是js怎么拆？ Q2：js怎么拆？ 1，未拆分前是什么样子？ 来个demo，先看一下未拆分之前是什么样子： a.js: import b from './b.js'; console.log("this is a.js") const b...

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

18、# NodeJs 实战——原生 NodeJS 轻仿 Express 框架从需求到实现（一）

这篇文章是一个系列的文章的第一篇，主要是自己实现一个express的简易版框架，加深对nodejs的理解。 确认需求 我们从一个经典的 Hello World 开始，这是 Express 官方文档的第一个实例， 代码如下 const express = require('express'); const app = express(); app.get('/', (req, res) => res.send('Hello ...

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

19、面试官问：能否模拟实现JS的bind方法

附上之前写文章写过的一段话：已经有很多模拟实现bind的文章，为什么自己还要写一遍呢。学习就好比是座大山，人们沿着不同的路登山，分享着自己看到的风景。你不一定能看到别人看到的风景，体会到别人的心情。只...

https://segmentfault.com/a/1190000017091983

20、百度、有赞、阿里前端面试总结

前言 人家都说，前端需要每年定期出来面面试，衡量一下自己当前的技术水平以及价值，本人17年7月份，毕业到现在都没出来试过，也没很想换工作，就出来试试，看看自己水平咋样。 以下为我现场面试时候的一些回答，部分因人而异的问题我就不回答了，回答的都为参考答案，也有部分错误的地方或者不好的地...

https://mp.weixin.qq.com/s/gcG-JL3wt0-Aexwt5nV99g

21、JavaScript 如日中天，2018趋势报告来啦

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

22、Web安全开发规范手册V1.0

团队最近频繁遭受网络攻击，引起了技术负责人的重视，笔者在团队中相对来说更懂安全，因此花了点时间编辑了一份安全开发自检清单，觉得应该也有不少读者有需要，所以将其分享出来。

https://segmentfault.com/a/1190000017090860

23、教程：从零开始使用webpack 4, Babel 7创建一个React项目（2018）

https://zhuanlan.zhihu.com/p/50301899

24、promise与setTimeout的执行顺序问题

有一次在面试题中有做到promise与setTimeout的执行顺序，当时有点懵，执行顺序还是弄错了一点点，这里记录下

https://segmentfault.com/a/1190000017078299

25、Github上 Star 数相加超过 7w+ 的三个面试相关的仓库推荐

https://segmentfault.com/a/1190000017059002

26、前端每日实战：162# 视频演示如何用原生 JS 编写一个查询 github 用户的应用

效果预览 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 第 1 部...

https://segmentfault.com/a/1190000017064196

27、浏览器输入url到发起http请求所经历的过程

当用户输入url，操作系统会将输入事件传递到浏览器中，在这过程中，浏览器可能会做一些预处理，比如 Chrome 会根据历史统计来预估所输入字符对应的网站，例如输入goog，根据之前的历史发现 90% 的概率会访问「www...

https://segmentfault.com/a/1190000017053582

28、「伪全栈」Vue+Node搭建一个商城应用

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

29、react + node + express + ant + mongodb 的简洁兼时尚的博客网站

https://segmentfault.com/a/1190000017095589

30、2. React-Router的基本使用

react-router-dom源码揭秘系列 1. Context - React跨组件访问数据的利器 3. react-router-dom源码揭秘 - BrowserRouter 今天再给大家带来一篇翻译文章。原文来自react-router-dom官

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

喜欢这篇文章的朋友，欢迎关注、收藏、分享、评论，帮我上热门，你的支持，是我每日更新的动力！

喜欢前端的朋友可以点击关注一下我，每日分享精彩的前端文章！

今日更多精彩文章：http://caibaojian.com/fe-daily-20181124.html

欢迎点击“阅读原文”，学习今日精华文章～

前端开发博客

——————————————————

领略前端技术 阅读前端开发博客

长按二维码，关注前端开发博客

▼