zYear

在日常的开发过程中，我们难免会出现在一个页面中需要多次的编写一些增删改查的方法，并且需要调用多个接口去完成数据的请求，因此我们需要一个应用框架来解决这些繁琐的编写。

将框架抽离并发布 NPM 包 在完成完框架的开发后，由于前期在开发框架的过程中编写了部分业务代码来测试整个框架的使用性，因此在我们需要把框架制作成 npm 包的之前，我们需要先把之前的业务代码进行抽离

event 中的各种 X 与 Y 初学者在使用鼠标事件监听器时，总会搞混 X 与 Y 的作用与含义，这篇文章便来仔细讲讲这方面的知识。

动态组件使得页面中的一些组件功能可以通过预先的编写，使得后期实际搭建页面的时候，只需要配置相应的 DSL 文件中的内容就能够生成相应的功能模块。

DSL 介绍 DSL 指的是通过针对特定领域，设计出一套更加简洁，且直观的语言语法和功能，提高编程效率。

本文解释了前端工程化的作用，并且讲解了在 webpack 中打包的思路与分包的技巧，其中将打包的产物环境分为生产环境和开发环境

页面中对于事件捕获、事件冒泡、以及事件委托的知识介绍，其中简要的介绍了事件流与一些使用事件绑定时可能需要用到的API

对于 flex(弹性)布局 和 grid(网格)布局的一个介绍，内容包括: 1. flex 与 grid 的对比。2. flex 和 grid 的样式介绍