20190816 前端开发日报

JavaScript中神奇的+;为何现代 web 开发如此复杂?;前端十大经典算法;如何面试大厂 Web 前端?(沟通软技能总结);Vue异步组件探究;论一个低配版 Web 实时通信库是如何实现的(EventSource 篇);5 个技巧:避免 React Hooks 常见问题;webpack优化篇

  1. JavaScript中神奇的+ 今天又看到一个JavaScript的骚操作: ('b' + 'a' + + 'a' + 'a').toLowerCase() // =>"banana" 理解这一发的关键在于理解 + + 'a' 是什么意思。 我们一看到 + 可能下意识就认为是做 加法 , 却很容易忽略它也可能是 正号 . 所以这里两个 加号 的意义其实是不同的,第一个 加号 表示 加法 ,而第...
  2. 为何现代 Web 开发如此复杂? 我是现代 Web 开发的忠实粉丝,我认为它称得上是一种“魔法”——但所有的魔法都有其优点和不足: 如果你能熟练使用 Web 开发的一系列神奇工具(Babel、bundler、watcher 等!),就能打造出快速、强大而令人愉悦的开发流程; 如果你不熟悉 Web 开发的这些神奇工具就会寸步难行; 想要搞清楚这些魔法的工作机制...
  3. 前端十大经典算法非线性时间比较类排序:通过比较来决定元素间的相对次序,由于其时间复杂度不能突破O(nlogn),因此称为非线性时间比较类排序。线性时间非比较类排序:不通过比较来决定元素间的相对次序,它可以突破基于比较排序...
  4. 如何面试大厂 Web 前端?(沟通软技能总结) 最近面了很多大厂的web前端岗位,都被刷了,在决定入职前,手里拿了几分待遇差不多的offer,后期的面试越来越顺,自己思考和总结了一下,原来面试也有好多技巧和方法可循,希望这些方法可以帮助到为找工作而且苦恼的你,可能每个人的方法不一样,不过至少可以提供一些参考。 先说明一下我的基本情况,93年生...
  5. Vue异步组件探究 之前在回顾自己写的一个后台管理项目时,发现用到了Vue的异步组件。而之前恰好在研究vue的源码,顺便分析下异步组件的加载和执行过程。 异步组件是什么? 异步,是相对于同步而言的。我们在使用Vue时,使用到的组件大多为同步组件。在vue实例第一次执行渲染的过程中,已经生成了组件构造器。而异步组件则是在用到该组...
  6. 论一个低配版 Web 实时通信库是如何实现的(EventSource 篇) 前情提要 话说上回说到!那WebSocket大侠,巧借http之内力,破了敌阵的双工鸳鸯锁,终于突出重围。 然而玄难未了,此时web森林中飞出一只银头红缨枪,划破夜色。 "莫非!?" websocket大侠喃喃念道,"你,你莫不是就是那个手使单向追魂枪的。。。" "正是在下!",那人厉声喝道。只见那胸前的纹章铭刻着几个洋文—— ...
  7. 5 个技巧:避免 React Hooks 常见问题 5个技巧:避免React Hooks 常见问题 原文: https://kentcdodds.com/blog/react-hooks-pitfalls 在这篇文章里,我们来探索下 React Hooks 的常见问题,以及怎么来避免这些问题。 React Hooks 是在 2018年10月提出 ,并且在2019年2月 发布 。自从 React Hooks 发布以后,很多开发者都在项目中使用...
  8. webpack优化篇 对于js,tree-shaking 贯穿整个依赖树,检查被使用的依赖,移除无用的依赖。 对于css,purifycss-webpack未使用的css不会被打包进来 1.2 避免重复引入 1.2.1 externals (1)使用变量或外部引用来引入模块,如果两个模块有公共部分,比如jquery,可以避免重复下载。只需在入口.html文件中,使用script引入即可。 (2...
  9. React v16.9 新特性今天我们发布了 React 16.9。它包含了一些新特性、bug修复以及新的弃用警告,以便与筹备接下来的主要版本。
  10. javascript之闭包六(闭包的作用与注意事项) 闭包:内部函数保存到外部 当内部函数被保存到外部时,将会生成闭包。 闭包会导致原有作用域链不释放,造成内存泄漏(内存占用) 一)闭包的作用 实现公有变量: eg:函数累加器 可以做缓存(存储结构):eg:eater 可以实现封装,属性私有化:eg:new Person(); 模块化开发,防止污染全局变量 二...
  11. Vue:多角度剖析计算属性的运行机制 #219 在创建Vue实例时调用 this._init 初始化。 其中就有调用 initState 初始化 export function initState (vm: Component) { // ... if (opts.computed) initComputed(vm, opts.computed) // ... } 复制代码 initState会初始化计算属性:调用 initComputed const computedWatcherOptions = { lazy: true...
  12. Promise 中的三兄弟 .all(), .race(), .allSettled()ES6 开始,我们大都使用的是 Promise.all()和Promise.race(),Promise.allSettled() 提案已经到第4阶段,因此将会成为ECMAScript 2020的一部分。
  13. JavaScript Generators指南 最近,为了更好地理解Redux Sagas的工作原理,我重学了JavaScript generators的知识,我把从网上收集到的各种知识点浓缩到一篇文章里,我希望这篇文章既通俗易懂,又足够严谨,可以作为初学者的generators使用指南。 简介 JavaScript在ES6时引入了生成器。生成器函数与常规函数类似,除了可以暂停和恢复它们这一点以外...
  14. 【Cute-Webpack】Webpack4 入门手册(共 18 章)最近和部门老大,一起在研究团队【EFT - 前端新手村】的建设,目的在于:帮助新人快速了解和融入公司团队,帮助零基础新人学习和入门前端开发并且达到公司业务开发水平。
  15. TypeScript 入门指北(一)随着前端在各种类型的项目中扮演的角色越来越重要,人们发现 JavaScript 这门弱类型语言已经不能满足当下的需求,尤其是在一些大中型项目中,JavaScript 远远没有一些强类型语言用得顺手,而 TypeScript 因此诞生。
  16. Node.JS 识别图片类型通过切文件名称后缀来获得图片格式的方式是不准确的,因为文件后缀是可以被强行更改的,这样一个.gif 图片也可以被保存成.jpg,
  17. github新出的action是什么? 用他做自动测试?本文一个尝鲜的体验分享, 并没有太复杂的技巧, 做了一个最少代码的例子展示, 让每个人都可以把action用起来, 如果路过的大牛有高级技巧请留言分享, 我会补充. 下面正文开始.
  18. SpringBoot 使用CXF 集成WebServiceWebService 对我来说既熟悉又陌生,已经将近六七年没有看到过他了, 具体的介绍我就不多少了, 想了解的百度百科下说的很详细。
  19. 前端开发变量命名系列 - 常用英文词汇篇本文主要为广大前端开发人员提供一个英文词汇参考,便于记忆和查阅。文中内容按照特定的方式进行分类便于读者关注感兴趣的部分。

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

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

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