因为最近众所周知的原因，上不了外网了，so开始使用公司VPN，但是公司VPN连接起来总是很费时间。步骤繁琐，于是考虑如何解决。 公司的一封邮件给了很大的帮助，测试成功，这里我也总结一番。 繁琐的启动步骤 启动Cisco AnyConnect Secure Mobility Client 输入账户 ...
Redux-Thunk源码阅读
redux-thunk是redux解决异步的中间件。 举个例子，我们需要fetchUser拿到用户信息，然后存到redux中。如果没有thunk，我们需要在组件中fetchUser.then，然后dispatch一个action存到redux中，假如这个操作有多处需要，那么fetchUser.th ...
前端tree shaking
单页应用带来更流畅的前端体验，同时也带来了一些麻烦，比如SEO，又比如日益严重的体积问题。当然办法总比困难多，tree shaking便是优化体积问题的办法之一 上概念采用tree shaking之前，先搞明白它是什么。 Tree shaking is a term commonly use ...
Chrome日常使用插件梳理
之前梳理过，自己常用的APP，常用的硬件。这次梳理下Chrome日常使用的插件，并且分享点自己的使用心得。 对于我所使用的插件，大致可以分为两类。 日常使用 1PasswordX -Password Manager 配合1Password Mac，iPhone多端App使用,平时就是快捷键唤 ...
React项目单元测试
上篇文章简单介绍了Jest配置,通过简单的配置达到可以跑测试。这篇文章聚焦如何进行React项目的测试，侧重点有所不同。 项目技术栈因为是个通用UI组件库，所以不牵扯redux,api等。整体技术栈比较简单 React TypeScript Antd Less react-intl 测试目标 ...
Jest单元测试配置
最近在做公司级UI组件库，对于测试这块，决定继续沿用Jest。因为追求简单，果断舍弃拷贝粘贴这个捷径，从零开始进行配置。这里Mark下。 上概念玩之前，先了解下Jest是干嘛的 Jest is a delightful JavaScript Testing Framework with a ...
弃用Navicat,转投DataGrip
DB工具之前一直使用Navicat，从破解版到单个DB版，再到Essentials版，来回折腾，如今决定转投JetBrains旗下的DataGrip 弃用Navicat理由 价钱 License贵，单个DB版，比如MySQL，一年1000多块，而作为跨数据库的旗舰版，更是一年要5千多块。工作 ...
利用Hammerspoon做些自动化
之前知道Hammerspoon，但没玩过，最近看了下，试着写了些脚本，觉得有点意思，这里Mark下 以下我用hs来代指hammerspoon 小工具制作实现功能 系统自动静音 MVN切换设定 上代码-- audio mute -- change mvn setting local workW ...
JSX.Element vs React.ReactNode
最近看antd源码关于render元素有这样两个类型定义 JSX.Element,React.ReactNode，心生疑惑，两者有何差异呢，这里Mark下。 先说大结论【俗称废话】，两者不一样 JSX.Element与React.ReactNode等价？ 创建一个Card组件，参数content ...
前端路由设计
Team随着人数的增加，路由设计开始乱象重生，于是决定思考设计一番，并且与Team成员达成一致认识，形成规则指南，大家依照这样的规则进行格式命名。 so,这篇文章应运而生，规则如下。欢迎评论交流。 宗旨 as short as possible easy to read user-friend ...