摘要： 
最近做东西都在用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 前端的所有功能 扫码体验 小程序 由于小 阅读全文
摘要：
前沿 无代码开发是一种无需编写代码或通过少量代码就可以快速生成应用程序的开发平台。它可以快速交付应用程序，解决传统软件开发模式带来的周期长、成本高等问题。无代码开发平台，允许用户通过拖拽和放置组件的方式来构建应用界面。 brick 是一个无代码开发平台，采用 React+Typescript+Low 阅读全文
摘要： 
前端多个包管理的的方式一般都是采用`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）是一个数学运算符。它应用于逻辑运算。异或的数学符号为“⊕”，计算机 阅读全文