穿堂而过的风

回顾2019年前端和Web开发的主要事件，新闻和趋势。 在过去的一年中，前端开发的世界再次迅速发展，本文总结了`2019·年以来的所有重要事件，新闻和趋势。 原先没有打算翻译这篇，但发现该篇需要科学上网和会员，于是就加上自己的理解，意译了，非重要内容我直接一键翻译了，嘿嘿。 原…

本文以一个具体例子结合动图介绍了Git的内部原理，包括Git是什么储存我们的代码和变更历史的、更改一个文件时，Git内部是怎么变化的、Git这样实现的有什么好处等等。 通过例子解释清楚上面这张动图，让大家了解Git的内部原理。如果你已经能够看懂这张图了，下面的内容可能对你来说会…

作为一个对UI和动画敏感的切图仔，在日常开发之余，也会关注一些贼好看的图表库和插件。 接下来，我将给大家介绍几款web/python/vue/react里漂亮得不行的开源库/实现。 1. 手绘风图表库：roughViz.js 基于D3(v5), roughjs, 和handy。…

根据 CSS Scroll Snap Module Level 1 规范，CSS 新增了一批能够控制滚动的属性，让滚动能够在仅仅通过 CSS 的控制下，得到许多原本需要 JS 脚本介入才能实现的美好交互。 首先看看 sroll-snap-type 可能算得上是新的滚动规范里面最…

数字翻牌的典范教学，从原理学起，涵盖多个关键知识点。Javascript、React、Vue版本任你挑选！

在日常工作中，经常会用到Git操作，但是对于新人来讲，刚上来对Git很陌生，操作起来也很懵逼，主要针对刚开始接触Git的新人，掌握常用的命令是必要的，因此黑叔就分享一张指令图方便大家学习与记忆。 做为前端开发者来说，大都数都用过 VSCode，并且也有很多前端开发者是用VSCo…

Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。 就像大多数 IDE 一样，VSCode 也有一个扩展和主题市场，包含了数以千计质量不同的插件。下面我列出一些VSCode前端必备插件，并配…

同时列举出每个演进阶段会遇到的相关技术，让大家对架构的演进有一个整体的认知。 文章最后汇总了一些架构设计的原则。 在介绍架构之前，为了避免部分读者对架构设计中的一些概念不了解，下面对几个最基础的概念进行介绍。 系统中的多个模块在不同服务器上部署，即可称为分布式系统，如Tomca…