译文：Vue.js 3.0 开发计划 + 百度阿里网易大疆等大小厂前端校招面筋-CSDN博客

记得点击文章末尾的“阅读原文”查看哟~

下面先一起看下本周前端摘要吧~

1、原生js替换jQuery各种方法-中文版

前端发展很快，现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React、Angular、Vue 等框架的流行，直接操作 DOM 不再是好的模式，jQuery 使用场景大...

https://segmentfault.com/a/1190000016594035

2、译文：Vue.js 3.0 开发计划

在上周的 Vue.js 伦敦会议上我简短地透露了下个版本的 Vue 的新特性。这篇文章讲深入地阐述 Vue 下个版本的计划。为什么要升级到 3.0? 两年前的今天 Vue ...

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

3、09.26 腾讯校招前端一面经历

浏览器会把inline元素间的空白字符（空格、换行、Tab等）渲染成一个空格。而为了美观。我们通常是一个<li>放在一行，这导致<li>换行后产生换行字符，它变成一个空格，占用了一个字符的宽度。解决：方...

https://segmentfault.com/a/1190000016533375

4、一篇文章搞定前端面试

面试过前端的老铁都知道，对于前端，面试官喜欢一开始先问些HTML5新增元素啊特性啊，或者是js闭包啊原型啊，或者是css垂直水平居中怎么实现啊之类的基础问题，当你能倒背如流的回答这些之后，面试官脸上会划过一...

https://segmentfault.com/a/1190000016580701

5、百度阿里网易大疆等大小厂前端校招面筋

自我介绍下：某985硕士，程序媛，接触前端一年时间。从八月份开始校招面试笔试，前前后后大厂小厂也都面了挺多，不过大厂基本都被我挂完了，哭晕我，还是太菜啊，拿了offer的公司目前是：大疆、电信、深信服（已...

https://segmentfault.com/a/1190000016582854

6、作为前端新手，你所不知道的JavaScript是有多厉害

相信每一个想要学习前端的人对于前端三剑客html+css+js都不会陌生，这些可以说是一个前端的标配，而在前端的世界里，没有什么是JavaScript实现不了的，你真的了解js吗？

https://segmentfault.com/a/1190000016599389

7、笔试题——JavaScript事件循环机制（event loop、macrotask、microtask）

今天做了一道笔试题觉得很有意义分享给大家，题目如下：setTimeout(()=>{ console.log('A'); },0); var obj={ func:function () { setTimeout(func

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

8、nodejs+koa2+mongodb，学完找领导加薪

进来是为了想要加薪的小伙伴我可不敢打包票哈，但我相信这对于想要入门写nodejs的朋友来说，一定会有所收获，那么，下面开始我们的正题（这里不使用koa-generator脚手架，我们直接自己搭建项目，适用于前后端分离）一：创建项目 1.首先全局安装我们的koa依赖包 (已经有node环境) npm install -g koa 复制代码 ...

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

9、JavaScript中的“黑话”

因为球是圆的，所以不论发生什么都有可能，对这点我是深信不疑的，但最近我总是在怀疑，JavaScript也是圆的！本文带你细数JavaScript的黑话，因为这一切是多么的有趣，又是多么的无意义，就如这世界一般，很多事...

https://segmentfault.com/a/1190000016595592

10、使用THREE.js制作一款3D游戏

使用THREE.js制作一款3D游戏本文是基于某位大神使用three.js设计游戏的学习心得与知识分享 The Making of “The Aviator”: Animating a Basic 3D Scene with Three.js 前言这个学期

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

11、CSS魔法堂：改变单选框颜色就这么吹毛求疵

是否曾经被业务提出"能改改这个单选框的颜色吧！让它和主题颜色搭配一下吧！"，然后苦于原生不支持换颜色，最后被迫自己手撸一个凑合使用。若抛开input[type=radio]重新开发一个，发现要模拟选中、未选中、不可用...

https://segmentfault.com/a/1190000016588958

12、你会使用ES6 ，但这几点你可能不知道，感觉身体被掏空

let 的使用我们知道 let 主要有三个特性： let 声明的变量的作用域是块级的 (es5中只有全局和函数作用域) let 不能重复声明已存在的变量； let 有暂时死区，不会被提升。我们早期面试的时候，经常会考的一道题...

https://segmentfault.com/a/1190000016587961

13、lozad.js ﹣ 高性能、无依赖的纯 JS 任意元素懒加载插件

前言為了提升用戶的加載頁面速度，我們可以使用懶加載這個方法。當用戶打開頁面的時候，只需要載入首屏的資源，從而節省流量，提升加載速度。而用戶滾動到圖片佔用位置，瀏覽器才載入圖片資源。利用 lozad.js，我們可以簡單容易地懶加載圖片。它是一個可以單獨

https://juejin.im/entry/5bac9574e51d450ea401f810

14、JavaScript: Promises 介绍及为何 Async/Await 最终取得胜利

原文地址： JavaScript: Promises and Why Async/Await Wins the Battle 异步函数在JavaScript中有好有坏。好的一面是异步函数是非阻塞的，因此很快 - 特别是在Node.js上下文中。缺点是处理异步函数可能很麻烦，因为有时必须等待一个函数完成才能在进行下一次执行之前获得“回调”。有一些方法可以发挥异步函数调用...

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

15、ES6提示和技巧，使您的代码更清晰，更短，更容易阅读

原文地址:ES6 tips and tricks to make your code cleaner, shorter, and easier to read! 模板字面量(Template literals) 模板字面量比以前更容易处理字符串。以'开头，并且

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

16、自己动手实现一个html2canvas

昨天写了新手引导动画的4种实现方式 , 里面用到了 html2canvas 于是就顺便了解了一下实现思路. 大概就是利用 svg 的 foreignObject 标签, 嵌入 dom, 最后再利用 canvas 绘制 svg. 从而实现最终目的. 先让大家看看效果 MDN示例 var canvas = document.getElementById('canvas'); v...

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

17、前端面试之手写一个bind方法

bind()方法创建一个新的函数, 当被调用时,将其this关键字设置为提供的值,在...前言前段时间博客园里有篇很火的帖子2016十家公司前端面试小记,主要讲作...

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

18、vue-sticky组件详解

但当该元素的位置移出设置的视图范围时，其定位效果将变成fixed，并根据设置的left、top等作为其定位参数。

https://segmentfault.com/a/1190000016587224

19、使用 WebSocket 实现 JsBridge

去年写了个简单的 Android 壳子程序在部门内部使用，借助壳子程序 JavaScript （以下简称 JS）可以高效地使用拍照、签名、二维码扫描等原生功能，为 Web 项目提供接近原生的体验。但是一段时间使用下来，前端开发人员陆陆续续地反馈了一些蛋疼的问题，比如正常情况下可以使用 Chrome 浏览器的 chrome://inspect 功能...

https://liyuyu.cn/2018/09/30/WebSocketJsBridge/

20、什么是模块化 CSS？

原文地址：What is Modular CSS? 原文作者：Scott Vandehey 译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m… 译者：ssshooter 校对者：Hopsken Park-ma 模块化 CS

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

21、基于Node.js的裁判文书网爬虫分析

基于Node.js的裁判文书网爬虫分析因为笔者在线上实习时的需求,需要做一个裁判文书网的爬虫,本以为,一个政府网站爬虫嘛会有多难?但当笔者开始爬的时候,笔者发现...

http://www.cnblogs.com/xcxjy/p/9737471.html

22、MathJax: 让前端支持数学公式

MathJax: 让前端支持数学公式 1. 必须要说 1.1 开发背景博主使用Vue开发的个人博客,博文使用markdown语法编写,然后交给前端渲染。为了更方便的进行说...

http://www.cnblogs.com/geyouneihan/p/9743302.html

23、前端每日实战：151# 视频演示如何用纯 CSS 创作超能陆战队的大白

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

https://segmentfault.com/a/1190000016596370

24、大话 JavaScript 动画

背景 138.2亿年前，世界上没有时间和空间，或许世界都不存在，在一个似有似无的点上，汇集了所有的物质，它孕育着无限的能量与可能性。宇宙大爆炸巨大的内力已无法被抑制，瞬间爆发，它爆炸了！世界上有了时间和空间，随着岁月的变迁，时光的流逝，无数的星系、恒星、卫星、彗星形成。我们生活的地球，只是茫茫...