摘要： 
最近做东西都在用ts，有时候写比较复杂的功能，如果不熟悉，类型写起来还是挺麻烦的。有这样一个功能，在这里，我们就不以我们现有的业务来举例了，我们还是已`Animal`举例，来说明场景。 阅读全文
最近做东西都在用ts，有时候写比较复杂的功能，如果不熟悉，类型写起来还是挺麻烦的。有这样一个功能，在这里，我们就不以我们现有的业务来举例了，我们还是已`Animal`举例，来说明场景。 阅读全文
摘要： 
React 重新渲染的综合指南。该指南解释了什么是重新渲染，什么是必要的和不必要的重新渲染，什么情况下会触发 React 组件重新渲染。 阅读全文
React 重新渲染的综合指南。该指南解释了什么是重新渲染，什么是必要的和不必要的重新渲染，什么情况下会触发 React 组件重新渲染。 阅读全文
摘要： 
前言 最近刚来一个运维小伙伴，做线上环境的部署的时候，前端更新资源后，总是需要清缓存才能看到个更新后的结果。客户那边也反馈更新了功能，看不到。 方案 前端小伙伴应该都知道浏览器的缓存策略，协商缓存和强缓存，如有不清楚的地方，可以看看这篇文章[聊聊浏览器缓存] (https://juejin.cn/p 阅读全文
前言 最近刚来一个运维小伙伴，做线上环境的部署的时候，前端更新资源后，总是需要清缓存才能看到个更新后的结果。客户那边也反馈更新了功能，看不到。 方案 前端小伙伴应该都知道浏览器的缓存策略，协商缓存和强缓存，如有不清楚的地方，可以看看这篇文章[聊聊浏览器缓存] (https://juejin.cn/p 阅读全文
摘要： 
前言 最近一个好奇的测试同学问我，你们前端开发完成后，每次都让我们清缓存或者Ctrl+f5强制刷新，我能不能每次不用强制刷新，就能看到你们更新的内容呢。我说是可以做到的，我来跟你讲讲浏览器的缓存策略。我相信应该有不少的同学在工作中都会遇到这种情况，让你的测试同学清缓存等。 缓存 浏览器缓存是为了节约 阅读全文
前言 最近一个好奇的测试同学问我，你们前端开发完成后，每次都让我们清缓存或者Ctrl+f5强制刷新，我能不能每次不用强制刷新，就能看到你们更新的内容呢。我说是可以做到的，我来跟你讲讲浏览器的缓存策略。我相信应该有不少的同学在工作中都会遇到这种情况，让你的测试同学清缓存等。 缓存 浏览器缓存是为了节约 阅读全文
摘要： 
前言 上篇我们介绍了做的图片编辑器，大部分工具类的软件都有辅助线，方便拖拽元素的时候对齐，能让我们快速的做出漂亮的图片。 这两天给编辑器加上了辅助线, 辅助线实现过程稍微有些复杂，我们一步步说下实现过程。 演示 演示地址 实现流程 原理讲解 左侧辅助线出现 我们以节点2为移动的元素，通过上面的图观察 阅读全文
前言 上篇我们介绍了做的图片编辑器，大部分工具类的软件都有辅助线，方便拖拽元素的时候对齐，能让我们快速的做出漂亮的图片。 这两天给编辑器加上了辅助线, 辅助线实现过程稍微有些复杂，我们一步步说下实现过程。 演示 演示地址 实现流程 原理讲解 左侧辅助线出现 我们以节点2为移动的元素，通过上面的图观察 阅读全文
摘要： 
一款开源图片编辑器，采用React + Typescript + React-knova 框架开发. 阅读全文
一款开源图片编辑器，采用React + Typescript + React-knova 框架开发. 阅读全文
摘要：
项目介绍 "Taro_Mall" 是一款多端开源在线商城应用程序，后台是基于litemall基础上进行开发，前端采用Taro框架编写，现已全部完成小程序和h5移动端，后续会对APP，淘宝，头条，百度小程序进行适配。Taro_Mall已经完成了 litemall 前端的所有功能 扫码体验 由于小程序没 阅读全文
摘要：
介绍 "Taro_Mall" 是一款多端开源在线商城应用程序，后台是基于litemall基础上进行开发，前端采用Taro框架编写，现已全部完成小程序和h5移动端，后续会对APP，淘宝，头条，百度小程序进行适配。Taro_Mally已经完成了 litemall 前端的所有功能 扫码体验 小程序 由于小 阅读全文
摘要： 
前端多个包管理的的方式一般都是采用`monorepo`的方式去管理，之前都是使用的`lerna`的workspace去管理。这段时间包管理切换到了`pnpm`上，它也有worksapce,可以支持`monorepo`。 阅读全文
前端多个包管理的的方式一般都是采用`monorepo`的方式去管理，之前都是使用的`lerna`的workspace去管理。这段时间包管理切换到了`pnpm`上，它也有worksapce,可以支持`monorepo`。 阅读全文
摘要： 
前言 最近需要重构一个老项目，定的方案用微前端去改造。主应用是老的项目，微应用是新的项目，由于重构时间比较紧张，子应用还需要使用父应用的一些组件。过程中遇到一些问题，记录一下。 方案 我们知道qiankun,可以通过props通信传递数据，把组件通过props传递过去不就行了。来开始改造我们的代码 阅读全文
前言 最近需要重构一个老项目，定的方案用微前端去改造。主应用是老的项目，微应用是新的项目，由于重构时间比较紧张，子应用还需要使用父应用的一些组件。过程中遇到一些问题，记录一下。 方案 我们知道qiankun,可以通过props通信传递数据，把组件通过props传递过去不就行了。来开始改造我们的代码 阅读全文
摘要： 
前言 在前端的日常开发当中，我们很少用到异或运算，但在一些框架源码当中，会有用到异或运算。我们在阅读源码的时候，会造成代码的不理解，今天我们介绍一下异或运算。 概念 异或，英文为exclusive OR，缩写成eor. 异或（eor）是一个数学运算符。它应用于逻辑运算。异或的数学符号为“⊕”，计算机 阅读全文
前言 在前端的日常开发当中，我们很少用到异或运算，但在一些框架源码当中，会有用到异或运算。我们在阅读源码的时候，会造成代码的不理解，今天我们介绍一下异或运算。 概念 异或，英文为exclusive OR，缩写成eor. 异或（eor）是一个数学运算符。它应用于逻辑运算。异或的数学符号为“⊕”，计算机 阅读全文