20200118 前端开发日报

webpack原理解析（二）实现一个简单的Loader；Vue 3 真香；远程iPhone Exploitation Part 3：从内存破坏到JavaScript再获取代码执行；搭建一个vue-cli的移动端H5开发模板；使用 webpack 构建 chrome 扩展的热更新问题；前端异常捕获和定位；Webpack实战（四）：教教你如何轻松搞定-预处理器（loader）；React Hooks 实现和由来以及解决的问题

1. webpack原理解析（二）实现一个简单的Loader webpack中 loader 是一个非常重要的概念，loader 可以简单的理解成一个文件处理器，webpack使用 loader 来处理各类文件，比如 .scss 转成成 css 文件, 小图片转换成base64图片。 本质上讲， loader 只是导出为函数的 JavaScript 模块，webpack打包的时候，会调用这个函数，把上一个loader产生的结果或资源文件(r…
2. Vue 3 真香 到目前，vue 3 gayhub 官选 除了服务端渲染外，大部分工作已经完成了，vue-loader也有了初版,意味着可以去尝鲜了。 目标 做个todoMVC vue3.0 基本功能 新增 编辑 删除 修改状态 展示 (all，active(非active), compeleted(非compeleted)) Gayhub 地址 github.com/Ch…
3. 远程iPhone Exploitation Part 3：从内存破坏到JavaScript再获取代码执行 此时，ASLR已被破坏，因为已知共享缓存的基地址，并且可以使用堆喷射将受控数据放置在已知地址。剩下的就是再利用一次漏洞来执行代码。 在介绍了一些ObjC内部相关的结构之后，将介绍没有PAC的设备利用方法。它涉及到创建代码指针，因此它不再与启用PAC时一起使用。将介绍针对PAC和非PAC设备的另一种利用方发。最后，我…
4. 搭建一个vue-cli的移动端H5开发模板vue-mobile 是是基于 vue-cli 实现的移动端 H5 开发模板，其中已经搭建好基本的开发框架，可帮助您实现快速开发。 技术栈：vue + vux + axios + less
5. 使用 webpack 构建 chrome 扩展的热更新问题 前不久我写了一个 chrome 扩展，作为一个前端弄潮儿，我肯定是想用上各种前端界最 fashion 的开发工具。于是乎，折腾到最后是使用了 webpack + TypeScript + react 这么一套技术栈。在 github 上研究了几个模板项目之后，我感觉大多数都太初级了，功能太简单，而且有一个功能我始终没发现有哪个项目解决了，也就是当修改…
6. 前端异常捕获和定位 于前端而言，不管是开发还是生产阶段，异常的捕获和定位都是至关重要的。 开发阶段，通过详细的报错信息，我们可以快速定位并解决问题。在生产，通过异常监控，根据异常埋点信息，我们可以第一时间知道异常信息，不至于造成严重后果。 window.onerror 全局监听异常来捕获 借鉴下 MDN 的说明，当 JavaS…
7. Webpack实战（四）：教教你如何轻松搞定-预处理器（loader） 前面三节，我主要给大家分享了有关webpack的一些配置的知识点，如何打包js文件，而如果我们遇到其他类型的资源如图片、css、字体font等等，我们该如何处理呢？今天会介绍预处理器（loader），它赋予了Webpack可处理不同资源类型的能力，极大丰富了其可扩展性。 如果想了解Webpack的基础配置可以参考以下地址： 在一…
8. React Hooks 实现和由来以及解决的问题函数组件性能比类组件好，但是在现代浏览器中，闭包和类的原始性能只有在极端场景下才会有明显的差别。 性能主要取决于代码的作用，而不是选择函数式还是类组件。尽管优化策略有差别，但性能差异可以忽略不计。
9. JavaScript 初学者容易犯的几个错误，你中招没？ JavaScript 是对初学者比较友好的一门编程语言，基本上花个半小时看下语法就能写出能运行的代码。JavaScript 是动态脚本语言，对数据类型没有太多的限制，写起来非常灵活。但正因为如此，初学者如果不深入了解语言本身，往往会犯一些错误，从而导致一些很难发现的 bug。 抛开 JavaScript 语言设计层面的问题不说，毕竟…
10. 使用node.js和oAuth2协议集成Github/LinkedIn第三方登录以OnceOA模块源码为例 OAuth 2.0 是一个行业的标准授权协议。它的最终目的是为第三方应用颁发一个有时效性的令牌 token。使得第三方应用能够通过该令牌获取相关的资源。常见的场景就是：第三方登录。 借用LinkedIn上的OAuth2.0的流程图，登录流程大致如下： Github 集成 Github的集成相对简单，而且限制较少。详细的文档在： …
11. FIBJS模块重构—从回调到协程 来自 FIBJS 核心贡献者陈垒在 D2 的演讲 “ FIBJS 模块重构 — 从回调到协程”。 JS 的应用非常广泛，例如做一些浏览器的发展、机器学习、控制机器人以及编写嵌入式的应用。 如上图所示为使用浏览器原生的对象发送一个请求的典型例子。首先创建了一个 xhr 对象，接下来的一步并不是马上发送它，而是要设一个…
12. 「面试重点」聊一聊JS中call、apply、bind里的小心思 面试的重点难点的坑来啦！~/(ㄒoㄒ)/~~不出意外，this在ES5中是比较头疼和让初学者恐惧的一块，尽管在 ES6 中可能会极大避免 this 产生的错误，但是为了前端初学者能够在使用上能够将call,apply,bind等容易混淆的this指向问题，最好还是了解一下call、apply、bind 三者的区别，以及它们在底层中是如何来实现的~ call、a…
13. Nuxt.js的那些事儿（一） 在这段时间中了解到VueSSR框架( Nuxt.js )，自己体验了一下，还挺不错的，自己找了一个(知乎招聘)官网模仿了一下，在下面的内容，我将记录自己基于express+nuxt.js+less+axios怎么去开发，因为是自己的练手项目，不足的地方还是很多，希望大家多多包涵，多多提建议改进，我已经将项目源码放置在 github☞ 开始 搭建…
14. 都2020了，还不懂js运算符优先级？ function F() { this.a = 1 this.f = function() { this.a = 3 } } F.f = function() { this.a = 2 } var r = new F.f() 复制代码 A. {a: 2} B. {a: 1, f: ƒ} C. {a: 3} 答案 答案： A 先执行F.f, 再执行new …() 2. str等于什么 var str = "Hello"…
15. 看完这几道 JavaScript 面试题，让你与考官对答如流（下）点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。
16. JavaScript四舍五入及精度丢失问题在JS中使用数值计算时，经常会遇到未知的结果。问题：用toFixed保留小数时，四舍五入规则不固定：常见的解决思路：将小数放大为整数，进行四舍五入后，再缩小为小数。

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多