打算收拾收拾心情，迎接2022年，于是整理了自己的收藏夹，也跟大家分享一些2021年个人收藏的前端学习资料，包括文章65篇、视频37个、书籍24本，欢迎一起成长

可以看看。

学习《HTML5与CSS3权威指南》这本书很不错，学完之后我颇有感触，觉得web的世界开明了许多。这本书是需要有一定基础的web前端开发工程师。 这本书主要学习HTML5和css3，看看这本书的书名就知道了，首先学习HTML5中新增的语法与标记方法，新增的元素和api。 除了H…

三篇长文带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每…

本文记录了一个前后端分离全栈项目的开发与部署流程，我会以demo的形式逐步演示。这篇文章是我各种踩坑终于把整个流程跑通之后，喜悦之余的总结分享（自己瞎琢磨，也不知道对不对）。 demo技术栈为react + koa + Mongodb及其相关技术。 本想使用docker一套全搞…

大家好，在前两篇文章里 127个常用的JS代码片段，每段代码花30秒就能看懂（一）和 127个常用的JS代码片段，每段代码花30秒就能看懂（二），我分享了前42段代码，今天我继续分享第三部分，希望对你的日常工作有所帮助。 此段代码从Date对象里获取当前时间。 此代码返回DOM…

本文分别通过使用Vue中的五个知识点:基础知识、组件化知识、工程化知识、路由(vue-router)以及状态管理(vuex)分别实现TodoList。虽然使用了Vue中不同的知识点，但是最终实现的效果基本都是相同的，所以从外观上看也是一个实例。 当然本文只是包含了Vue中很小的…

相对于PC端来说，移动端设备分辨率百花齐放，千奇百怪，对于每一个开发者来说，移动端适配是我们进行移动端开发第一个需要面对的问题。 通过meta标签对viewport的设置，定义了页面的缩放比例；要了解这些参数的意义，我们需要先知道几个视口宽度的意义。 visualviewpor…

提到MVVM，很多前端开发者都会想到Vue的双向绑定，然而它们并不能划等号，MVVM是一种软件架构模式，而Vue只是一种在前端层面上的实现，其实不单在Vue里，在很多Web 框架应用里都有相关的实现。MVVM模式到底是什么呢？要说到MVVM这种模式，则必须要提及另一种大多数开发…