- 博客(27)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 React项目中，Antdesign的Tab组件，状态更新，视图没有更新问题
属性接收的是一个状态变量 content 的引用，而 content 本身并没有发生变化。为了解决这个问题，可以在 setContent 中使用函数式更新来确保每次更新。状态变量的值发生变化，但视图没有更新。这可能是因为在渲染组件时，子组件。变化时更新 content 的值，以确保视图能够正确更新。时，content 也会重新计算。在修改后的代码中，我们使用。
2024-04-22 18:48:08
288
1
原创 前端常用 js 库
Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。可以生成唯一的随机数，可用于在 Vue、React 中生成唯一的key值。常用于 React 中，解决动态 className 拼接字符串问题。常用于格式化日期，可以运行在浏览器和 Node.js 中。
2024-04-22 18:21:47
135
1
原创 js 监听H5页面的可见性变化
等元素中监听文档可见性的变化。当这些元素的文档从可见状态变为隐藏状态，或者从隐藏状态变为可见状态时，就会触发该事件。属性可以判断当前页面是否处于隐藏状态。如果页面隐藏，则停止计时器；如果页面可见，则开启定时器。事件，可以实现对页面可见性的响应，从而进行相应的操作。是一个事件，用于在 HTML5 的。
2024-04-19 16:37:41
256
原创 前端发请求headers请求头中包含中文报错问题
类型错误:未能在 “XMLHttpRequest” 上执行 “setRequestHeader”:字符串包含非ISO-8859-1代码点。前端向后台发送请求时，请求头headers中添加了中文，所以会出现编码格式问题。
2024-01-18 11:44:17
579
原创 Vue+webpack 项目不同环境，环境变量配置
如果这两个文件是空的，那么运行 npm run dev 时，process.env.NODE_ENV 的值默认就是 development；运行 npm run build 时，process.env.NODE_ENV 的值默认就是 production；.env.development 是开发环境下的配置文件。.env.production 是生产环境下的配置文件。第二步，在vue.config.js文件中打印输入。除了默认配置文件，我们也可以自定义配置文件。综上，打包的时候，可以自定义环境变量。
2023-12-19 18:20:12
672
原创 Vue3+Vite+TypeScript 搭建Vue3项目笔记
现在 Vue3+Vite+TypeScript 搭建的项目越来越受到公司的欢迎，今天也来搭建一下，为了兼容老项目，这里只能用现有版本的 node，目前我的node 版本是 v14.19.3。
2023-12-19 16:20:56
397
原创 npm run dev启动项目后，修改代码，项目会自动重新编译，但是eslint会报错：No type errors found Version: typescript 3.7.5 Time...
【代码】npm run dev启动项目后，修改代码，项目会自动重新编译，但是eslint会报错：No type errors found Version: typescript 3.7.5 Time...
2023-12-14 18:18:37
473
原创 Element ui Table组件动态控制列的显示隐藏
最近遇到一个需求，要求可以动态控制 table 列表中的列的显示与隐藏，并且将选中的列进行存储，下次进入页面仍展示上次勾选的列。可以将日期列选中，在列表中进行展示。默认只展示姓名和地址列。
2023-09-01 16:30:09
2836
原创 Vue 项目开启gzip
2、 对 webpack 配置打包压缩，并在服务端加上支持gizp的配置，当浏览器请求时，服务端直接将资源返回给浏览器。1、在服务端开启压缩，当浏览器发起请求时，服务端对传输资源进行实时压缩，然后返回给浏览器。第二种则是打包后的 dist 文件包体积比较大（因为包含 .gz 文件和源文件）第一种是服务端进行实时压缩，对服务器的性能消耗较大。首先，安装 compression 插件。如下图，看到响应头中出现。
2023-09-01 11:37:27
1516
原创 js常用的处理数组的方法
其中，item 必须，指要查找的元素，start可选，如果指定start，则表示从start开始的位置进行查找，如果没有指定start，则表示在整个数组中进行查找。其中，item 必须，指要查找的元素，end可选，如果指定end，则表示从数组的开头到end结束的位置进行查找，如果没有指定end，则表示在整个数组中进行查找。end可选，表示从何处结束选取，如果没有指定，则表示选取从开始位置到数组的结尾处的所有元素，如果为负值，则表示从数组尾部开始算起的元素。如果超出数组的长度，则从末尾添加新的元素。
2023-08-14 16:40:27
62
原创 textarea高度自适应
textarea设置默认高度，当页面初始化，textarea需要反显接口返回的数据，如果内容高度超过默认高度，则自适应内容高度，不能出现滚动条，当用户向textarea中输入内容时，textarea还可以自动换行。使用element ui 的autosize属性，设置textarea的默认行数（高度），在通过修改css，设置overflow: hidden，具体代码如下。
2023-06-08 14:56:30
1634
原创 @header-dragend 拖动表头改变列宽，并保存拖动后的宽度
利用localStroage的本地存储功能，将拖动后的宽度存储到本地，再次进入页面的时候就会调用created，并获取本地存储的宽度，然后设置上宽度。当用户拖动表格的表头可以拖动列的宽度，并且记住拖动后的宽度。
2023-06-02 18:36:08
527
原创 js正则，精确匹配日期格式是否为YYYY-MM或YYYY-MM-DD
日常开发过程中，经常遇到通过正则表达式筛选数据的情况，这里主要记录一下精确匹配年月或年月日格式的正则表达式。3、匹配YYYY-MM-DD格式，且年不能以 “0” 开头。2、匹配YYYY-MM-DD格式。1、匹配YYYY-MM格式。
2023-06-02 17:05:37
3500
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人