- 博客(108)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 关于Number(null) === 0差点引发的事故
殊不知Number转换数字时存在一个坑。其实holder_num在后端是。就行了，Number以后要慎用！
2025-03-19 09:34:56
187
原创 Turborepo简易教程
tasks中每个key都是一个会被turbo run执行的任务。Turborepo会在每个中查找同名脚本来执行。"tasks": {使用该配置，turbo将不会使用缓存，导致每次构建时间都很长。outputs告诉Turborepo在任务成功完成后应该缓存的文件和目录。如果不配，就不会使用缓存。"tasks": {"build": {inputs用于指定要包含在任务哈希中以进行缓存的文件。默认情况下，Turborepo将包含Git跟踪的包中的所有文件。
2024-07-04 17:47:05
3052
原创 仿Antd-mobile的Cascader实现省市区联动
为啥不直接用组件呢？主要是因为作为老项目，已经引入了antd-mobile@2.3.4，同时引入v5版本会有兼容性问题。
2024-07-04 11:23:49
523
原创 [Swiper]在React中使用Swiper时注意销毁实例
如果tabList、swiperList有变更，会导致重复创建实例。来更新实例，目前还未使用过该方法。
2024-07-01 09:51:03
569
原创 [React]用 flushSync 同步更新 state
在 React 中，state 更新是排队进行的。在这个示例中会导致问题，因为 setTodos 不会立即更新 DOM。因此，当你将列表滚动到最后一个元素时，尚未添加待办事项。这就是为什么滚动总是“落后”一项的原因。要解决此问题，你可以强制 React 同步更新（“刷新”）DOM。同时操作state和ref的情况还是有的，按我的原来的处理肯定是使用setTimeout了，看到官方有解决方案，摘录下来以便查看。
2024-06-05 10:04:19
878
原创 [Nodejs]使用adm-zip和fs-extra压缩打包后的文件
现在学到了一种新方法，通过nodejs环境来实现文件、文件夹的复制粘贴，还有压缩解压缩等操作，那就是使用adm-zip、fs-extra这两个工具。
2024-05-29 09:50:16
630
1
原创 前端如何实现高度的自动过渡
/不加content.offsetHeight，默认是直接渲染height + 'px'，不会出现从0->height的动画。//有回流，但是没有绘制，所以不会闪一下，界面看不出变化，但是拿到了高度。//读取几何属性会造成强制回流，从而触发渲染。主要是利用了浏览器的渲染机制。
2024-03-05 14:42:43
520
原创 关于Axios发送Get请求无法添加Content-Type
就是说如果是一个对象，axios会将Content-Type设为false，意图让浏览器自动设置；如果data未定义则会将Content-Type设置为null；只能说axios封装了太多东西，官网又很简略。
2023-12-26 18:07:08
1661
原创 浏览器监听网络状态
这可以用于基于用户的连接状态来选择高清晰度内容或低清晰度内容。对象，例如用户设备的当前带宽或连接是否按流量计费。只读属性返回一个包含有关系统网络连接信息的。返回true表示在线。
2023-12-15 09:31:03
457
原创 TypeScript报错收录
这个问题是因为你的选择器（Selector）返回的是整个状态树，而不是状态树中的某个特定部分。这会导致每当状态树中的任何部分发生变化时，都会触发组件的重渲染，这通常是不必要的，甚至可能是性能问题。解决这个问题的方法是修改你的选择器，让它只返回你需要的数据，而不是整个状态。如果你的选择器不需要访问状态树中的所有数据，那么就没有必要返回整个状态。在这种情况下，你的选择器只返回用户名字，而不是整个用户对象或整个状态树。总的来说，你应该尽量避免让选择器返回整个状态树，而是让它返回你需要的数据。
2023-11-30 18:06:53
787
原创 React如何命令式调用自定义的Antd-Modal组件
以前多数情况下，都是在父函数式组件中作为组件去调用，每次都需要定义visible状态并传入。
2023-10-10 14:36:17
964
原创 ChatGPT收录
多磨助手 (domore.run)Steamship免费chatGPT - Ant Design Pro免费AI聊天室 (xyys.one)
2023-08-14 08:48:05
4282
1
原创 windows使用相关-如何开机不需要输入账户密码就能自启动程序
1、首先打开Windows10系统后，右键点击桌面左下角的开始按钮，在弹出的菜单中点击“运行”菜单项。4、在打开的用户账户窗口中，去掉“要使用本计算机，用户必须输入用户名和密码”前的勾选，然后点击应用按钮。5、在弹出窗口中输入自动登录的用户名与密码，最后点击确定保存退出。6、重新启动电脑后，下次开机就不用输入登录密码即可实现自动登录了。2、这时就可以打开Windows10系统的运行窗口了。重装了下电脑，找了半天相关资料，现在记录下来。3、然后在弹出窗口中输入。命令，点击确定按钮。
2023-07-24 20:16:07
3434
原创 React + TypeScript 实践
当我们需要一个 id 函数，函数的参数可以是任何值，返回值就是将参数原样返回，并且其只能接受一个参数，在 js 时代我们会很轻易地甩出一行。某些场景下我们在引入第三方的库时会发现想要使用的组件并没有导出我们需要的组件参数类型或者返回值类型，这时候我们可以通过。下面这个组件的 name 属性都是指定了传参格式，如果想不指定，而是想通过传入参数的类型去推导实际类型，这就要用到泛型。由于其可以接受任意值，也就是说我们的函数的入参和返回值都应该可以是任意类型，如果不使用泛型，我们只能重复的进行定义。
2023-07-07 09:30:06
2118
原创 IOS系统中微信、浏览器、手机端输入框input无法输入
，阻止了用户的选择内容行为，会导致一些“内容可编辑”标签无法正常使用，比如input、textarea。该属性是用来禁止用户进行复制选择的，这是webkit内核浏览器下的一个bug，具体可以参考这篇文章：(APP内嵌H5、浏览器，在弹窗中的input框无法输入，最多只能输入一个字，并且无光标。是将不同的选择器组合在一起的方法，它选择所有能被列表中的任意一个选择器选中的节点。属性的元素（不论这个属性的值是什么）。按照给定的属性，选择所有匹配的元素。会同时匹配 <span>
2023-07-05 15:04:14
1295
原创 使用overflow实现多行文本的溢出部分处理
只有在 display 属性设置成 -webkit-box 或者 -webkit-inline-box 并且 box-orient 属性设置成 vertical时才有效果。/* 2.text-overflow 属性并不会强制“溢出”事件的发生，因此为了能让文本能够溢出容器，需要在元素上添加几个额外的属性：overflow 和 white-space。/* 2. 大部分情况下，也需要设置 overflow 属性为 hidden，否则，里面的内容不会被裁减，并且在内容显示为指定行数后还会显示省略号。
2023-07-04 09:03:42
423
原创 移动端iOS返回上一路由页面部分白屏，滑动后恢复正常
移动端iOS页面在使用router.back()或者其他方式返回到上一页的时候，页面渲染上半部分白屏，滑动一下后恢复正常。主要的场景是A页面超出屏幕高度，滑动到底部，进入B页面后，再次返回A页面，这时候出现部分白屏。
2023-06-29 13:43:26
1675
原创 aHooks简单总结
在某些场景中，我们需要使用 useCallback 来记住一个函数，但是在第二个参数 deps 变化时，会重新生成函数，导致函数地址变化。使用 useMemoizedFn，可以省略第二个参数 deps，同时保证函数地址永远不会变化。从star数量和下载量来看都是react-use占优，以后可以考虑使用react-use。适用于对时间精度要求不高的情况，要求高的话还是需要结合服务器时间来判断。适用于一些异步操作的场景，比如对请求的后续操作，要判断当前页面是否还在。源码就不讲了，比较绕，关键在于。
2023-03-24 13:59:30
1337
原创 React在ESLint下的报错收录（react-hooks/exhaustive-deps）
ESlint配置文件umi项目下配置：{ "extends": "eslint-config-umi", "rules": {// "react-hooks/exhaustive-deps": 0 注释这行即开启校验 }}1.warning React Hook useEffect has a missing dependency: ‘XXX’. Either include it or remove the dependency array问题代码块：const dis
2021-12-22 15:23:34
4256
原创 如何阻止input的focus事件
首先要明确Input标签各种事件的执行顺序，对于点击事件，是按照mousedown -> mouseup -> click这个顺序走的，那么focus事件在哪一步处理的？直接上代码：<input onFocus={focusHandler} onClick={clickHandler} onMouseDown={mouseDownHandler} onMouseUp={mouseUpHandler}/>handlers:const focusHandler
2021-12-09 10:01:06
5154
原创 React实现自定义日历
实现效果特殊需求只需要展示星期一到星期五依赖组件moment.js完整代码主要是注意initDate()方法中的逻辑import React, {useState, useEffect} from 'react';import {Icon} from 'antd-mobile';import styles from './index.less';import moment from 'moment';import {useSelector} from "dva";m
2021-11-02 15:18:27
984
原创 Tomcat默认无法接收特殊字符的问题
起因项目中扫码支付场景，二维码链接为https://wxp3.chinaums.com/ecology_dev/web-esp/henanPolicPayPenalty/index.html?ywlx=0401&bbh=1&hphm=%E8%B1%ABJJA260&xm=%E7%8E%8B%E6%B5%B7%E5%90%9B&cljg=41090000&sfmx=4109001928279312|1208|50|41090000|210329$410900192
2021-04-01 15:28:58
4081
原创 Couldn‘t open file /etc/pki/rpm-gpg/RPM-GPG-KEY-7
今天在CentOS7中使用yum命令的时候提示Couldn’t open file /etc/pki/rpm-gpg/RPM-GPG-KEY-7。GPG在Linux上的应用主要是实现官方发布的包的签名机制。GPG分为公钥及私钥。公钥：顾名思意，即可共享的密钥，主要用于验证私钥加密的数据及签名要发送给私钥方的数据。私钥：由本地保留的密钥，用于签名本地数据及验证用公钥签名的数据。实现原理(以Red Hat签名为例)：1>RH在发布其官方的RPM包时（如本地RHEL光盘及FTP空间包），会提供一
2020-07-13 16:37:13
2731
原创 Java学习资料分享（201904）
写在前面，本人是从小白一步步学习过来的，在这过程中，收集了好多学习资料，涉及Java、Dubbo、SpringCloud和一些前端资料等，我会慢慢更新在这里，有需要的同学可以关注下文的公众号，我会慢慢整理在上面哦。数据结构与算法：郝斌数据结构，还有《[数据结构(C语言版)].严蔚敏_吴伟民.扫描版》：链接：https://pan.baidu.com/s/1yAyaMzl88vwd6...
2019-04-14 14:38:00
728
原创 FastDFS图片服务器
一、什么是FastDFS？FastDFS是用c语言编写的一款开源的分布式文件系统。FastDFS为互联网量身定制，充分考虑了冗余备份、负载均衡、线性扩容等机制，并注重高可用、高性能等指标，使用FastDFS很容易搭建一套高性能的文件服务器集群提供文件上传、下载等服务。二、FastDFS架构FastDFS架构包括 Tracker server（追踪服务器）和Storage ser...
2018-07-10 20:18:29
324
原创 Jsoup获取全国地区数据（省市县镇村）
参考自：Jsoup获取全国地区数据（省市县镇村）以下是我的代码： 需要优化的是最好采用批量导入，就是放入list里面一次性导入，一条条导入数据库的话会频繁获取数据库sqlsession，导入速度就很慢。/** * 全国省市县镇村数据爬取 * @version 1.0.0 */ public class JsoupTest extends BaseJunitTest{ ...
2018-06-19 22:08:57
1297
原创 Linux基本操作
Linux的目录结构home:家.用户的家 普通用户的家目录文件在home下 例如:一个用户tom 在home就会存在tom的目录root:超级管理员root的家etc:存放配置文件usr:存放共享的资源linux的命令查看帮助: man 命令 退出帮助目录: 输入q即可 按空格可翻页 切换目录:cd cd 目录 cd 目录/目录 cd .. :上一...
2018-06-16 21:01:59
232
原创 重拾Spring（九）Spring整合Junit、Web
一、整合Junit导入jar包 基本 ：4+1 测试：spring-test…jar让Junit通知spring加载配置文件让spring容器自动进行注入修改测试类@RunWith(SpringJUnit4ClassRunner.class)@ContextConfiguration(locations="classpath:applicationContext.x...
2018-05-30 20:31:36
218
原创 重拾Spring（八）Spring事务管理
一、事务管理介绍1.1 导入jar包transaction –&amp;amp;gt; tx 1.2 三个顶级接口PlatformTransactionManager 平台事务管理器，spring要管理事务，必须使用事务管理器 进行事务配置时，必须配置事务管理器。TransactionDefinition：事务详情（事务定义、事务属性），spring用于确定事务具体详情； ...
2018-05-30 20:21:35
412
原创 重拾Spring（七）JdbcTemplate
spring 提供用于操作JDBC工具类，类似：DBUtils。依赖 连接池DataSource （数据源）。一、环境搭建1.1 创建表create database ee19_spring_day02;use ee19_spring_day02;create table t_user( id int primary key auto_increment, u...
2018-05-28 20:33:13
203
原创 重拾Spring（六）AcpectJ
一、介绍AspectJ是一个基于Java语言的AOP框架Spring2.0以后新增了对AspectJ切点表达式支持@AspectJ 是AspectJ1.5新增功能，通过JDK5注解技术，允许直接在Bean类中定义切面新版本Spring框架，建议使用AspectJ方式来开发AOP主要用途：自定义开发二、切入点表达式【掌握】1. execution() 用于描述方法 【掌...
2018-05-27 09:42:11
548
原创 重拾Spring（五）AOP
一、AOP介绍1.1 什么是AOP在软件业，AOP为Aspect Oriented Programming的缩写，意为：面向切面编程，通过预编译方式和运行期动态代理实现程序功能的统一维护的一种技术。AOP是OOP（面向对象编程）的延续，是软件开发中的一个热点，也是Spring框架中的一个重要内容，是函数式编程的一种衍生范型。利用AOP可以对业务逻辑的各个部分进行隔离，从而使得业务逻辑...
2018-05-22 22:47:30
218
原创 重拾Spring（四）注解和xml混合使用
将所有的bean都配置xml中<bean id="" class="">将所有的依赖都使用注解 @Autowired 默认不生效。为了生效，需要在xml配置： 总结：注解1： 注解2： 1. 一般情况两个注解不一起使用。 2. “注解1”扫描含有注解（@Component 等）类，注入注解自动生效。 “注解2”只在xml和注解（注...
2018-05-17 22:16:56
656
原创 重拾Spring（三）基于注解装配Bean
注解：就是一个类，使用@注解名称。开发中：使用注解 取代 xml配置文件。@Component取代<bean class=”“> @Component(“id”) 取代 <bean id=”” class=”“>web开发，提供3个@Component注解衍生注解（功能一样）取代<bean class=”“>@Repository ：da...
2018-05-13 20:42:44
317
原创 重拾Spring（二）基于XML装配Bean
一、核心APIapi整体了解，之后不使用，在学习过程需要。BeanFactory ：这是一个工厂，用于生成任意bean。 采取延迟加载，第一次getBean时才会初始化Bean。ApplicationContext：是BeanFactory的子接口，功能更强大。（国际化处理、事件传递、Bean自动装配、各种不同应用层的Context实现）。当配置文件被加载，就进行对象实例化。C...
2018-05-13 15:07:19
249
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人