最新前端日报（2019/09/20）

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

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

1、一道JS经典面试题——var变量提升

问题 今天看到一道有意思的面试题，考察的还真是JS的基本功，题目如下：var name = "world"; (function(){ if(type name === "undefined") { var name = "Jack"; console.log("Hello " + name); } else { console.log("Hello " + name); } }()); 根据if条件可以得出可能的答案：Hello wor...

https://www.ddhigh.com/2019/09/17/javascript-var-scope.html

2、Vue自定义防抖指令

最近项目中经常出现由于用户多次点击导致的问题，防抖/节流使用的很多，因此，想通过vue自定义指令的方式来实现。后面有需要使用防抖的地方只要使用改指令即可。原代码 <button @click="sayHello">提交</button> 复制代码 sayHello() { console.log('Hello!') } 复制代码 我想达到的...

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

3、基于 Vue 的商品主图放大镜方案

在做电商类应用时，难免会遇到商品主图实现放大镜效果的场景，现有的基于 Vue 的第三方包不多并且无法直接复用，今天，我来分享一种高稳定性的基于 Vue 的图片放大镜方法。实现原理 放大镜的原理用一句话概括，就是根据小图上的鼠标位置去定位大图。图1 原理图（以2倍放大为例） 相信原理图已经画...

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

4、探索如何使用 JSON.stringify() 去序列化一个 Error

最近在做 Node 服务端需求的时候，遇到了几次服务端报错的问题。打 log 发现均是一些 Error，但是它们都没法很好地透传给前端浏览器，出现问题只能查看服务端机器的日志，调试起来非常不方便。思考了一下，服务端...

https://segmentfault.com/a/1190000020422195

5、从0搭建自己的webpack开发环境（三）

1.1 将 es6 代码编译成 es5 代码 代码的转化工作要交给 babel 来处理 npm install @babel/core @babel/preset-env babel-loader --save-dev 复制代码 @babel/core 是babel中的核心模块， @babel/preset-env 的作用是es6转化es5插件的插件集合，而 babel-loader 是 webpack 和 loader 的桥梁。const sum = ...

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

6、学习至今的css，我掌握了什么？

常见写法：translateX（<length-percentage>） //沿x方向移动一定的距离

https://segmentfault.com/a/1190000020425407

7、JavaScript重要概念之this指向

解析器在调用函数时，每次都会像函数内传递进一个隐含的参数this，this指向一个对象，这个对象称为函数的上下文对象。根据函数调用方式的不同，this会指向不同的对象。何时确定 何时 执行上下文生命周期中的创建阶段（生成变量对象，建立作用域链，确定this指向） this的指向是在函数被调用的时候确定的 ...

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

8、如何安全的运行第三方 JavaScript 代码（上）？

在本文中，我们将为读者详细介绍如何在自己的软件中安全地运行第三方 JavaScript 代码。最近，我们团队完成了 Figma 插件 API 的开发工作，这样第三方开发人员就可以直接在基于浏览器的设计工具中运行代码。这为第三方开发人员带来便利的同时，也给我们带来许多严峻挑战，比如，如何确保插件中运行的代码不会带...

https://www.infoq.cn/article/LDV1D4ASVSpT8H7PVCvr

9、【2019/09/18】前端面试

1）设计理念上的区别：Vue使用的是可变数据，而React更强调数据的不可变。所以应该说没有好坏之分，Vue更加简单，而React构建大型应用的时候更加棒 2）数据流的不同：Vue2.x 已经不鼓励组件对自己的 props 进行任何修改了。所以现在我们只有 组件 <--> DOM 之间的双向绑定这一种。React 从...

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

10、前端工程化：构建、部署、灰度

优秀的技术方案很多，大部分时候我们感觉只是在现有技术方案里面做排列组合、求笛卡尔积、选择最优解，做出一个最适合当前项目的方案。未来，人类应该编写最核心的业务代码、设置规则，由云端和AI来根据当前项目情况自动选择和调整到最优的架构和方案。前言 前端项目的工程化，不只对开发层面的组件化、模...

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

11、前端开发日报存档

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

http://caibaojian.com/c/news

12、掘金小册全网八折

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

http://caibaojian.com/goods

喜欢这篇文章的朋友
欢迎分享到朋友圈 或者技术交流群
关注「前端开发博客」加星标，不错过每日热文

每日更新 ???? 关注不迷路！