git hooks使用

在团队协作开发时，为了保证代码质量和代码风格一致，需要在代码commit或push前对代码做一些测试和校验，那么就可以使用git hooks了。常用的hook有pre-commit、pre-push这些。分别在提交和推送前调用。

目前vue3.0已经在9月18号发布正式版本了，目前官方的脚手架有两种，一种是使用@vue/cli,需要4.x以上，一种是使用Vite。

记录一下vue的一些不太清楚，和之前没了解过的api。

在实际开发过程中，处理滚动或者输入框搜索的时候，防抖和节流是非常常见的需求，以下列出我在使用的防抖节流的实现。

最近才听说有svelte这个框架，他最大的卖点就是no virutal dom，并且渲染速度非常的快，我也上官网稍微了解了下，感觉蛮有意思的。

接下来我将通过svelte来实现一个TODOList

vuex里存储的也只是一个全局变量，页面刷新之后，数据则会丢失。

由于使用 Webpack 打包 moment.js 时，会将 moment.js 所有的 locale 全部打包进去。这样会让包的体积很大，现在有个比较好的替代方案就是使用date-fns

关于vue路由缓存问题

之前在工作中遇到了个关于页面跳转相关的缓存问题，没想到解决起来意外的挺简单的。

需求是这样的，有个移动webApp，下面有4个tab可以切换，然后其中有个页面有个列表，在列表页点击某些功能可以跳转至页面B、页面C,页面C返回的时候列表不能刷新，滚动条需要在原来的位置，然而在C页面做了一些操作的时候是会影响列表项的值的，做了这些操作的话，返回列表页需要刷新数据。

我的解决方案当然是用keep-alive了，然后把他的includes绑定到状态中去，这样可以方便的进行增加、删除。然后在列表页面中添加路由守卫，当判断要跳转到B、C页面的时候，把当前页面添加到缓存中，如果在二级页面需要删除缓存，则在状态管理里把缓存删掉，这样回到列表页之后就会刷新了。

需要注意的是includes中使用的是组件的名称进行缓存的，所以组件的命名要规范，有语义，最好不要重复。

Vue插件化

我们注意到在使用一些Vuex、Vue-router或者是像element-ui等库的时候。 使用到的Vue.use()方法。在调用use方法内部做了哪些事呢，还有为什么Vue.use(element-ui) 就可以使用el开头的组件了呢。

有些时候服务器和前端服务器部署在不同的地方，这个时候需要处理跨域问题，而且为了安全，一些接口必须要传token才能访问通过，可以把它放在header中。