本文详尽介绍了display:grid布局的各个属性，最大的优点在于所有grid相关属性值的样式表现都是实时渲染的，点击不同的属性值，就可以立即实时看到不同的布局效果，非常直观。同时，很多属性的规则描述要比现有的很多文章介绍的要更详尽，对于初学者一定是一个很不错的网格布局学习教程

前端开发肯定都接触过伪类（pseudo class） 和伪元素（pseudo element） ，但是这两个概念特别容易搞混，不要怕，今天就带领大家攻克这个技术难点。

网格布局（Grid）是最强大的 CSS 布局方案。 它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。

Vite 是一个面向现代浏览器的一个更轻、更快的 Web 应用开发工具。快来开启你的第一个Vite项目吧

前面已经介绍过CSS伪类的知识，具体可见前文 CSS伪类知识详解。 伪元素常常被误解为伪类，主要在于他们的语法相似，都是对于选择器功能的扩展，相似程度很高导致被混淆。

今天我推荐给大家一个库 Day.js，它能够帮助我们处理JavaScript中的日期，因为JavaScript中的日期实在是太难用了。在做业务开发时完全无法使用，需要自己去封装各种函数。 为什么使用d

我正在参加「掘金·启航计划」 前俩天也是更新了俩篇 JavaScript 的文章，当时由于时间问题，所以就是想到哪里写到哪里，这次趁着周六日好好整理了一下，内有详细注释，快来看吧~

今天这篇文章的主题是Vuex，所以看这篇文章之前最好是要有一定Vue基础的，没有学过Vue的话我建议先去看看Vue.js。不过我相信，对于前端小伙伴来说，Vue框架或多或少都会接触到。

数组中的 reduce 犹如一只魔法棒，通过它可以做一些黑科技一样的事情。语法如下： reduce 接受两个参数，回调函数和初识值，初始值是可选的。回调函数接受4个参数：积累值、当前值、当前下标、当前