码农小余

史上最全面、最详细的 Babel 入门小抄。一步一步介绍babel7的最优配置、packages底下的包解析，最后通过一个简单的插件说明如何开发插件，助力工作

本文详细讲解调用 render 后生成 VNode 的过程，不会每一个函数和分支都覆盖到，但是整体主流程会通过🌰全面讲解，读完本文，相信你对VNode的生成会有个清晰地认识！

[咖聊] 从响应式数据、再到依赖收集和派发更新，用一个栗子 🌰 串联整个过程，详细分析了响应式原理。

本文通过一个简单的 🍪，详细讲解了模板编译的整个过程。只要你冲上一杯 ☕️，慢慢品，细细品。相信你能够对模板编译过程有详细的了解。

[咖聊] 聊从 new Vue 到页面生成 DOM 的整个生命线过程，让你有一个初印象，为后续的详细过程做铺垫。

在这篇文章中，我将讨论如何在 Vue 应用中使用 SOLID 原则。 接下来我们看看如何在 Vue 实战中避免这些原则，我们从一个 TODO LIST 项目中去体会这些观点。 用 vue cli 初始化一个 Vue 项目。 我们用 vue2.6.10 + typescript3…

CSS Grid Layout 是 CSS 中最强大的布局系统。不像 flexbox 那样的一维系统，Grid 是一个二维系统，可以同时处理列和行。您可以通过声明父元素为网格容器来使用 Grid Layout。 CSS Grid Layout，旨在完全改变我们处理网格的方式，它…

Flexbox 支持对元素大小的灵活控制。本文重点说说 flex-basis、flex-shrink、flex-grow 的算法。 指定了 flex 元素在主轴方向上的初始大小。默认值是 auto，关于 auto 这个属性值 MDN 上还有一段简史，可以了解下。直接上:ches…

最近工作中遇到一个问题，就是 filter 中的函数无法使用绑定在 Vue.prototype 的函数。都知道，在 created、mounted、methods 中， this 绑定的都是当前 Vue 实例。偏偏 filter 函数 this 指向的是 Window？ 可以看…