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前端日报 订阅精彩文章

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

原文:20200118 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20200118.html)