随着当今时期前端地愈来愈普及，页面实现的效果真的是越来越棒！ 随着数字图像处理、人工智能技术的发展 ，展示给用户的视觉效果便不局限于平面的2D视觉效果。

前言 汇总了最近一年阅读的优质文章，按照阅读必要性和阅读难度进行了打分（1-5分），每篇文章推荐下有阅读意见作为参考。希望能帮你从小白迈向工程师之路带来一点启发，如果对你有帮助的话点个👍和收藏吧❤️

本文介绍了路由的一些常识，并手写了一个精简版VueRouter，和绝大多数手写文章不同的是，这里代码是完全以源码为标准实现的，彻底搞懂核心源码之外，后面看真正的源码可以毫不夸张的说：纵享丝滑！

本文1.6W字面试准备包含思路以及基础面试题整理，较适用于初、中级前端，另外文末整理了思维导图，可以更加直观的找到你的知识盲区，希望能给你带去些许帮助，助力你找到心仪的好工作。

最近负责的新项目用到了qiankun，写篇文章分享下实战中遇到的一些问题和思考。 示例代码： https://github.com/fengxianqi/qiankun-example。 项目有个功能需求是需要内嵌公司内部的一个现有工具，该工具是独立部署的且是用React写的，…

帮帝王蟹 review 代码，发现了他要重构的项目中，存在很多无用的 console.log(xxx) 的代码。 帝王蟹准备全局搜索 console.log ，然后挨个删除，但是代码中实在是太多了。 如果挨个去删，这种感觉就好像：遇见喜欢的人跟好朋友手牵手，心里明明想xx，却迟…

觉得它的风格很独特，尤其是其中一些边框。 嘿嘿，所以来一篇边框特辑，看看运用 CSS，可以在边框上整些什么花样。 谈到边框，首先会想到 border，我们最常用的莫过于 solid，dashed，上图中便出现了 dashed。 除了最常见的 solid，dashed，CSS b…

大家好，我是 Steven。 打开 CodePen 编辑器，新增一个 <div>，class 是 container；在里面新增三个 <div>，class 是 drop，代表滴下的水点。 在 CSS 那边，新增 .container 选择器，display…

群消息的实时性、可达性、离线消息的复杂度，要远高于单对单消息。 群业务的核心数据结构有两个。 画外音：用来描述一个群里有多少成员。 画外音：用来描述一个群成员的离线消息。 那么，问题来了！对于同一份群消息的内容，多个离线用户似乎要存储很多份。假设群中有 200 个用户离线，离线…