摘要：
前情 最近在做一个营销活动的时候，我选择了Vue技术栈来开发。 坑位 项目看似一切都正常，但当我在绑定的js事件中去修改当前组件的data上的值时会报错：TypeError: Cannot read properties of undefined (reading '_wrapper')。 报错信息 阅读全文
摘要：
### **前情** 公司前端主技术栈是react系，最近在提取组件的时候想到vue可以通过ref获取子组件，再调用子组件的方法，于是想在react中实现同样效果。 ### 实现原理 父组件调用useRef获取ref对象，再通过属性把ref对象传入子组件，子组件通过useImperativeHand 阅读全文
摘要：
### **前情** 公司有自己的小程序项目，因公司主要技术栈为react，所以选择了Taro来开发，Taro是京东出品的多端统一开发解决方案，用来开发小程序也相比用原生开发，在开发体验上好很多，而且还能使用成熟的React技术栈。 ### Tab页可视区域高度获取原理图解 注：当前tab页未开启沉 阅读全文
摘要：
### 前情 公司有经常需要做一些后台管理页面，我们选择了Ant Design Pro，它是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案。 ### 产品效果图 最新接到的一个后台管理界面需求，需要使用到Popover，但是在使用时发现那箭头位置不符合预期： 理 阅读全文
摘要：
### 前情 公司有经常需要做一些后台管理页面，我们选择了Ant Design Pro，它是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案。 ### 产品效果图 最新接到的一个后台管理界面需求，需要根据相同的itemId做单元格合并，要实现的效果如下： ![]( 阅读全文
摘要：
### 前情 公司有经常需要做一些后台管理页面，我们选择了Ant Design Pro，它是基于 Ant Design 和 umi 封装的一整套企业级中后台前端/设计解决方案。 ### 坑位 今天启动项目报如下图 ![](https://img2023.cnblogs.com/blog/685637 阅读全文
摘要：
### 前情 公司经常需要做一些后台管理页面，我们选择了Ant Design Pro，它是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案。 ### 坑位 按官方文挡一步步下来，项目启动后发现控制台就有一个报错，报错截图如下： ![](https://img202 阅读全文
摘要：
### 概述 抓包一直是平时开发中经常要做的，有一款好用的抓包工具可以让开发体验更棒，以前一直用fiddler，fiddler虽然强悍，但是入手有一定难度，而且较笨重，今天介绍另一款抓包工具：Whistle。 Whistle是一款前端调试神器，通过拦截、修改和模拟网络请求，帮助开发人员调试接口、排查 阅读全文
摘要：
## **前情** Tailwind CSS 是一个原子类 CSS 框架，它将基础的 CSS 全部拆分为原子级别，同时还补全各种浏览器模式前缀，兼容性也不错。它的工作原理是扫描所有 HTML 文件、JavaScript 组件以及任何模板中的 CSS 类名，然后生成相应的样式代码并写入到一个静态 CS 阅读全文
摘要：
前情 最近在维护一些老项目，本地开发环境跑不起来，需要根据cmd中的报错来解决一些环境问题 坑位 在解决环境错误的时候，cmd命令行日志打印出来的是一堆乱码，导致看不清具体是什么错误 Why? cmd行打印的日志乱码，很大可能是因为cmd命令行窗口字符编码不匹配导致 解决方案 方式1：命令行中执行： 阅读全文