使用Vuex做状态管理的时候，当用户刷新页面，Vuex里面的状态会全部丢失，从而引起程序的一场。解决思路是在creared()钩子函数里面添加以下方法: 上面代码的原理是，当页面刷新时，会将当前Vuex的状态存储到LocalStorage里面，刷新成功，再从LocalStora…

——拥有了hooks，你再也不需要写Class了，你的所有组件都将是Function。 ——拥有了Hooks，生命周期钩子函数可以先丢一边了。 ——既然Class都丢掉了，哪里还有this？你的人生第一次不再需要面对this。 这样看来，说React Hooks是今年最劲爆的新…

最近一直扎根公司，连续加班，忙于工作，好久没能静下来写写东西了。 刚好前段时间给我同事布置个生成 https 证书的任务，发现很多人都是寻求于阿里云、七牛等国内大厂提供的免费或者付费证书。 但如果这些大厂不提供服务了呢？所以我们有必要自己制作证书。 所以今天给大家推荐一个工具 …

这款抽奖小Demo拥有类似现实中转盘抽奖的效果，会在最后慢慢停止。 1. 整体目录 2. HTML结构 这里有一点需注意，因为每个格子是通过CSS整体进行30°旋转，所以1号格子想要在0°的话需要放到最后一个。 3. CSS样式 然后每个 li 设置成上三角形的样式。ul进行溢…

因为大多数日历控件都是用于选择日期的，有种需求是要在日历上展示各种各样的内容，这样的日历控件较少，而且试用下来并不满意。 因此就再造一个轮子，现在带你一起基于使用之前完成的组件机制来开发一个日历控件。 首先我们拿系统中自带的日历观察一下，看看日历的特征到底是怎么样的。 一个月中…

记住所有API几乎是不可能的，这时候你需要一份备忘录！下面是我收集的最棒的前端备忘录。

Insomnia is a cross-platform REST client, built on top of Electron.

GatsbyJS 是一个现代化开发网站的网站产生系统，拥有完整、丰富且开源的生态圈。它利用 React + GraphQL 产生的多页面应用，让前端工程师，编辑，用户都感到满意。就让我们一步步地探索这个系统吧。

直接进入正题，IntersectionObserver 翻译为 "交叉观察者"，它的任务就是监听目标元素跟指定父元素（用户可指定，默认为viewport）是否在发生交叉行为，简单理解就是监听目标元素是否进入或者离开了指定父元素的内部（理解这句就行了，管他交不交叉呢），我好像在开…