20200406 前端开发日报

前端新思路：组件即函数和 Serverless SSR 实践；[推荐] 2020 前端面试，你准备好了吗？；【吐血整理】前端面试全攻略，为您保驾护航，金三银四不在话下；heatmap.js（热力图）源码解读；VUE 3.0 学习探索入门系列 – Vue3.x 令人期待的新特性（7）；微前端在小米 CRM 系统的实践；web性能之资源加载时间分析【Resource Timing】【原创】；前端知识体系梳理

1. 前端新思路：组件即函数和 Serverless SSR 实践

   “在今天，对于 Node.js 运维和高并发依然是很有挑战的，为了提效，将架构演进为页面即服务，可是粒度还不够 […]

2. [推荐] 2020 前端面试，你准备好了吗？

   求职季又到了，最近也面试了不少web开发同学，本文也希望对正在找工作的同学有所帮助吧。请大家见谅哈。后面会持续 […]

3. 【吐血整理】前端面试全攻略，为您保驾护航，金三银四不在话下

   刷面试题市面上面试题铺天盖地，数不胜数；不要迷惑，要学会归纳和总结，并且发掘面试题思路、把底层技术牢牢深挖， […]

4. heatmap.js（热力图）源码解读

   var heatmap = h337.create({ container: domElement }); h […]

5. VUE 3.0 学习探索入门系列 – Vue3.x 令人期待的新特性（7）

   在前面的文章中我们也聊了许多 Vue3.x 相比 Vue2.x 有哪些变化，也介绍了一些它的特点，今天就重点介 […]

6. 微前端在小米 CRM 系统的实践

   “微前端不是一个框架或者工具，而是一套架构体系。”

7. web性能之资源加载时间分析【Resource Timing】【原创】

   在前面一章我们学习了 Web Performance Timing Api 可以用来分析web应用的资源加载、 […]

8. 前端知识体系梳理

   前端知识体系主要分成四部分：基础知识、框架库、开发环境、运行环境。主要目的就是将所学的知识点串联起来，才能赋予 […]

9. Redux相关原理快速掌握

   作为状态容器，提供对状态的查询、改变进行管理。从具体操作 -> 状态变更 -> 触发视图更新，这一 […]

10. 五分钟掌握 JavaScript 中的 IoC

    IoC，控制反转(Inversion of Control)。它是依赖倒置原则（Dependence Inve […]

11. JS判断数组的N种方法

    用法：Array.isArray(arr) ES5中新增了Array.isArray方法,IE8及以下不支持

12. 使用acmesh免费开启https（详细概念介绍与操作步骤记录）

    记录一次使用acme.sh免费开启https的过程，前半部分列举一些用到的概念，后半部分记录具体操作步骤。文章 […]

13. JavaScript中最大的数有多大

    之前有前端同学问我，JavaScript中最大的数有多大。 那时就想写一些文章，从整型各种进制的转换，到原码反 […]

14. [推荐] eval5：基于 TypeScript 编写的 JavaScript 解释器

    README.md eval5 A JavaScript interpreter written in Typ […]

15. 构建前端安全生产体系，给前端同学「稳稳」的幸福

    “前端安全⽣产并⾮⼀个全新的领域，让我们⽤更体系化的系统，去控制⻛险并保障业务稳定， 同时让每个⼈都更加重视前 […]

16. 前端生产方式：过去 10 年回顾和未来 10 年展望

    “长远来看，前端 + AI 的这种前端智能化方向肯定是持续存在的，前端也会因为 AI 能力的加入，会产生诸多不 […]

17. TypeScript 落地和代码自动化：前端稳定性和研发效率精进

    TypeScript 落地之 IDL 自动化生成代码。

18. webpack笔记——在html-webpack-plugin插件中提供给其它插件是使用的hooks

    最近在这段时间刚好在温故下webpack源码，webpack5都出来了，4还不再学习下？ 这次顺便学习下web […]

19. AJAX原理（含常见面试题）

    AJAX 即 Asynchronous Javascript And XML （异步JavaScript和XM […]

20. 前端微模块更值得被推崇

    微前端最近已经很火了，最近跟着火的还有 webpack5 module federation 了，想必大家都有 […]

21. Jest 初学者教程：JavaScript 测试入门

    来源 | AlloyTeam 作者 | zhongzhong 地址 | http://www.alloytea […]

22. 使用Vue-cli、typeScript开发Vue通用插件

    作为渐进式框架，Vue可以灵活地引入各种为它量身定做的插件。想必每一位Vue开发者都想过自己去实现一款Vue插 […]

23. Nodejs之实现代理

    我们上线一个网站，往往需要代理来完成需求，不然的话就只能使用 IP 加端口的方式来访问应用，目前基本上都会使用 […]

24. ️‍♀️由原型到JS中的“模拟类”

    讲述了有关 JavaScript 中原型相关知识，又引出了 JavaScript 中的**“类“**究竟是什么 […]

25. babel知识体系漫谈

    在JavaScript蓬勃发展的今天，ES6/7、typescript已经成为代码编写的标配。 上一篇文章，我 […]

26. 玩转webpack系列之webpack核心概念(一)

    Entry用来指定打包入口 上方依赖图的入口是entry,对于非代码，字体依赖也会不断加入到依赖图中。所有的模 […]

27. 面试官：Vue 的生命周期之间到底做了什么事清？（源码详解）

    相信大家对 Vue 有哪些生命周期早就已经烂熟于心，但是对于这些生命周期的前后分别做了哪些事情，可能还有些不熟 […]

28. Vue.js 的 computed 属性和 watch 的区别在哪里？

    记得在以往的面试中多次被问到这个问题，回答的都不理想，仔细想想也是理解的不到位。今天借着休息的时间准备查阅文档 […]

29. Fetch 实现 abort

    中断一个 fetch 请求，主要使用 AbortController 实现。 目前，浏览器端原生获取数据，发请 […]

30. 面试官你来，130行带你手写完整Promise

    大家好，我是雷锋蜀黍。一直在某些面试宝典看到面试官要你手撸一个promise，今天天气这么好，不如我们来搞一搞 […]

31. JS中的多种继承方式

    JS本身是基于面向对象开发的编程语言：所以我们学习JS主要就是学习类，以及类的实例，在学习类的原型上提供的方法 […]

32. exp-parser | 每天读一点Vue源码

    面试的时候经常被问一些Vue源码相关的问题，通常情况下， 我会在面试前恶补掘金上的面筋来对付面试，什么双向绑定 […]

更多内容请关注同名公众号【前端开发博客】每日更新