![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端分享会
文章平均质量分 83
kanade_hu
热爱与喜爱
展开
-
项目中使用ts的一些技巧
项目上使用ts一年多了,一边写,一边看,总结了一些小技巧,写了一些分享给大家,如果对你有所帮助就转评赞三连来一个,那么我们开始今天的正题; 我们先看下面一个联合类型案例: 上面的方式实现了一个不为空任意组合的对象,也许很多人在想是否可以通过可选属性方式实现,答案是不可以的,因为这样处理总会出现或者固定key的情况; 然而上述方案有个致命问题,如果里面新增的其他的蔬菜,我们的就需要跟着改动,这样这个类型定义就显得很笨;所以我们需要优化这个类型,让他适配更多的情况,具体如下: 上面实现的可以随原创 2022-06-20 22:12:43 · 2104 阅读 · 2 评论 -
zustand状态管理源码解析(一)
本次我们先从3.x版本解读,4.x版本作者还在rc阶段,等最终发布后我们在继续追加4.x版本的改动解析; 这个工具库相对来说很简单,我们直接使用项目中的使用办法 在使用我们对于create函数的使用做一个详细的说明,我们解读一下源码对于create函数的描述 关于createState类型定义的描述有很多,本期简单的讲用法; 我们可以传递一个函数类型的参数,里面包含了,返回一个useStore的hooks,在react组件中通过可以选择性的获取对应store切片,下面我们就看看这些是怎原创 2022-06-17 09:13:37 · 578 阅读 · 1 评论 -
react + vite +testing-library 构建单元测试
业务复杂多变迭代快速,加上编写单测其实是耗费一定时间去做的,可能很多人认为编写单元测试是一件吃力不讨好的事儿,不会在项目中主动的去做单元测试,一两年前笔者也是这样的一种心态,对于单测嗤之以鼻,但是随着看的书多了,学习的东西多了,明白了单测可有有效的保证我们一些核心功能的正确性,同样可以反推我们的设计一些通用功能是否全面,再者也可以在我们改动一些功能后,校验原有功能的正确性,说这么多,还需要大家自己写起来单测,一个东西好不好,只有用起来了才知道,在vite下配置jest单测代码一上传至git,有兴趣的朋友,可原创 2022-06-15 14:53:34 · 994 阅读 · 0 评论 -
js闭包与状态管理
闭包在前端领域内算是老生常谈的一个话题了,基于我去解读zustand源码,我特定将闭包这个重新进行学习整理,已做到知其所以,知其所以然原创 2022-06-14 14:17:55 · 335 阅读 · 0 评论 -
vue3 + tsx + pinia + jest开发模板整理
公司项目使用react,但是作为vue2的一名coder,周末花了两天的时间,整理了一波vue3 + tsx + vite + axios 的开发模板,里面涵盖jest、tailwindcss、pinia、element-plus等一些日常工具包,以及加入了eslint、prettier保证日常开发代码质量工具,基本上能够保证大家能够开箱即用,下面附上模板代码地址,关于代码目录结构可以参考代码仓库的说明文档,喜欢的朋友可以转评赞给一个,点个收藏不丢失,下面呢我介绍一下基本构建思路;1、关于项目中.原创 2022-05-19 12:43:06 · 1366 阅读 · 1 评论