CSS Grid 布局由两个核心组成部分是 wrapper（父元素）和 items（子元素）。 wrapper 是实际的 grid(网格)，items 是 grid(网格) 内的内容。下面是一个 wrapper 元素，内部包含6个 items ： 为了使其成为二维的网格容器，我…

最近一个活动页面中有一个小需求，用户点击或者长按就可以复制内容到剪贴板，记录一下实现过程和遇到的坑。 分别来看看这两种方法是如何使用的。 这是clipboard的官网：https://clipboardjs.com/，看起来就是这么的简单。 注意到，在 <button> 标签中…

写前端一年多了，用的都是大佬建好的架子，还没自己从头建个项目，现在开始踩坑。 首先，新建个文件夹basic-react-app。名字不是重点，你高兴就好。 然后，使用git init 初始化仓库，可以考虑先在远端初始化仓库，再拉去到本地。 如果你使用了特殊的命令窗或zsh，应该…

目前，前端的主流Vue、React、Angular这些，他们都提供了有关路由的插件，一般来说，这些路由插件总是提供两种不同方式的路由方式： Hash 和 History。具体内容将会在下文中提到，下面就让我们围绕这两种方式来简单手写一个路由： 这样，hash模式的路由就基本实现…