- 博客(118)
- 收藏
- 关注
RSS订阅原创 vite创建的react18的@路径提示配置
2.配置tsconfig.app.json tsconfig.json tsconfig.node.json。其中："type": ["node"], 只需在tsconfig.json中配置。1.配置vite.config.ts。4.重启vscode使用@
2025-02-12 10:00:00
326
原创 react与nodejs实现流式传输，并可以进行中断（fetch聊天版）
/ 保存控制器以便之后使用。7.先在你要中断流的函数中编辑 其中 abortController为你创建流式的中断器 即。2. 其中signal为前端客户端中断流连接请求的信号。8.在react中 abortController。1.首先我们直观流的接收，后面再来流的中断。6.如果想要实现流传输的中断。2.监听客户端中断请求。
2025-01-11 09:51:15
851
原创 React开发中单个文件中xx.module.less的@keyframes动画名称无法被找到引用，导致动画失败
1.这是由于less最后在编译成css后，原本的动画名称同样被编译，名称改变，导致最后找不到该动画名称。只需在main.js引入一个专门定义动画的css文件，文件里面的动画名称不要重名即可。
2025-01-07 15:53:38
126
原创 React，Antd实现文本输入框话题添加及删除的完整功能解决方案
它通常用于段落、列表、文本框等元素中，指定文本的第一行相对于其容器的缩进距离。这个属性的值可以是像素（px）、百分比（%）等单位。然后设置TextArea的 textIndent为计算值，即可实现这样样式格式。4.现在宽度有了，如何使其两个div并行，且第二行紧接开始呢？2.重点是在添加话题时，获取话题的宽度和你本身需要添加的间距。text-index是 CSS 中的一个属性，用于控制文本的。7.但是如何实现删除呢，这就要用到onKeyDown事件了。3.实时监听话题变化，给其宽度赋值。
2024-12-16 16:46:41
529
原创 uniapp微信小程序开发地图多边形渲染，圆形渲染，省市区区域渲染解决方案-（已实测通过）
a.由于部分行政区存在多个分割的地块，并不是指下面的行政区，只不过分隔开了，没有连在一块，所以当由以 | 分隔的时候，就证明该区域不止一个多边形需要渲染。由于原生map组件并不支持省市区区域渲染，所以我们只能后获取到省市区的边界经纬度，通过多边形进行渲染。4.在已经创建好的应用中 点击添加key，如果已经由绑定服务为 Web服务可不需要添加。Key：为当时的申请之后获得的Key，我们将Key放在Main.js进行统一维护。格式为：同理，（如果想多个即组成[{},{}]格式即可）7.我们需要获取行政区信息。
2024-12-04 13:20:40
1041
原创 TailwindCss配置切换暗黑模式
2.在结构中写好dark:text-white，暗黑和明亮下面的样式。1.这里前提你已经配置好了TailWindCss。3.使用js进行切换。
2024-11-01 14:26:31
396
原创 Vite创建React项目实现全局Less变量的引入使用（包括更改全局颜色）
3. variables.less即为引入的全局样式处。2.在vite.config.ts中配置如下内容即可。1.首先确定你的项目是不是Vite创建的。4.scss亦是同理。
2024-10-22 15:36:16
847
原创 React中使用Antd开源组件Popover等部分组件原生样式改变问题
3.随后在该文件中定义该class。定义 className名称。4.即可清除原生的样式了。
2024-10-22 14:48:03
528
原创 uniapp微信小程序3D XR-FRAME
3.pege文件同级依次建立文件wxcomponenrs/xr-start/(index.js、index/json、index/wxml)1.在pages.json中配置展示页面（style中添加下面：）6. index.wxml(页面3d渲染内容，详情参考文档）2.manifest.json中配置mp-weixin。
2024-09-02 13:14:39
1016
1
原创 uniapp微信小程序报错Component is not found in path
2.引入的组件只允许有一层目录，即组件必须在components下面的文件夹下面，不允许出现下面的文件夹下面的文件夹。错误：components/组件文件夹/组件文件夹/组件.vue。1.如果网上的原因你已经排除了，请看看是否有下面这个原因。正确：components/组件文件夹/组件.vue。3.不清楚原因，这样改就不会报错，人嘛了。
2024-08-26 16:42:52
4877
2
原创 uniapp微信小程序自定义气泡，隐藏原有icon
iconPath: "/static/iconImg/transparent.png",(使用一张1px*1px的透明图片即可）display: "ALWAYS", // 常显。
2024-08-23 17:40:24
567
原创 Nodejs实现微信订阅消息的发送
1.首先前往微信开发者平台配置好自己的订阅消息模板（改版后的只支持一次性订阅：每次用户操作记录一次，openid只能发送一次消息给用户，不能持续订阅发送）3.其中appid，secret，template_id（模板id）都可以获取，而最重要的openid，该在哪获取呢。4.在小程序开发者平台找到开发管理中的消息订阅打开，配置好你的接口，即微信会向你推送点击用户的openid和其他信息。关于Nodejs的项目配置和路由配置我这里就不过多叙述了。5.最后，只需在特定环境下，向该用户发送消息即可。
2024-07-26 17:14:54
562
原创 uniapp微信小程序页面返回或者组件返回触发父组件刷新
背景：有时候可能会出现，组件中套组件的情况，但是在微信小程序中，组件并没有自己的生命周期方法，获取不了最新的数据。例如公告列表，我点击创建公告，提交之后返回公告列表，但是公告列表并没有获取到最新的数据，因为没有生命周期。使用组件生命周期或者页面生命周期来触发用户离开页面的行为，同时为了防止，用户点击返回按钮离开页面，同时触发多次。这时候细心的同学会发现有一个问题，就是当在手机的时候，用户滑动退出页面的时候，该方法并没有被触发。2.在父组件中定义方法getInfo，用于获取你需要的数据。
2024-07-26 10:15:14
897
原创 uniapp微信小程序开发，页面软盘自动弹出问题排查及解决
2.是否使用了某些组件，比如uni-popup的uni-popup-dialog。1.是否有input的focus聚焦，解决，将focus：false。解决办法：找到组件，将传入的focus的默认值改为false。
2024-07-16 10:35:44
487
1
原创 不使用canvs也能创建出点状背景
* 控制点的大小和间距 */position: relative;/* 让内部内容相对定位以在背景上显示 */padding: 20px;/* 添加内边距使内容不靠边 *//* 创建一个点状背景 */结果：（非常nice）
2024-06-28 11:43:38
201
原创 React的@reduxjs/toolkit的异步方法处理和实现
2.函数接收为两个值，一个是参数（如果有多个参数，请使用对象方式进行传参），另一个是thunkAPI（一个包含dispatch、getState和extra属性的对象，可以用于在异步操作中进行状态更新或其他操作），如果想要获取initialState的state的值，这个参数比不可少。注意：记得再redux的ts文件中导出。1.首先在特定的ts文件中建立异步。一、使用异步方法，需要。
2024-06-14 16:01:34
757
原创 关于ReactV18的页面跳转传参和接收
name=xiaoming&age=10')传参。1 首先需要配置好路由形式如下 :id(参数)3 接收参数 使用。二、使用地址方式进行（此处需使用。进行传参和接收（此处需使用。
2024-06-13 18:53:25
797
原创 Uniapp导航栏右侧自定义图标文字按钮
fontSrc为字体图标文件 text为图标名称 以\ue开头 后面数字为字体图标中的数字，如果想拼接文字 "text": "\ue889 添加",即可。
2024-06-13 15:59:42
2206
原创 React中搭建输入框，提示词时遇到的问题，useState旧值，onBlur和onClick顺序问题
2.使用setTimeout延缓执行后面失去焦点的操作(可能出现bug)解决办法：1.使用onMouseDown替 代 onClick。解决办法：使用 useEffect 或者 useRef。1.关于useState旧值，即上一次值得影响。2.onBlur onClick执行顺序问题。
2024-06-12 15:13:31
191
原创 vue3中使用echarts出现官方和自己实现相同代码不同样式的任何问题
原因：Vue3 使用 proxy 对象代理，而 echarts 则使用了大量的全等（===）, 对比失败从而导致了bug。解决方法：将ref或reactive对象换成普通变量来保存 echarts 实例。版本 vue3.2.47 echarts5.4.1。实例，导致 tooltip 功能失效；解决：将ref或reactive对象换成普通变量来保存 echarts 实例。
2024-05-10 11:42:36
316
原创 Nodejs的mysql中插入 表情符号 报错 Error: ER_TRUNCATED_WRONG_VALUE_FOR_FIELD: Incorrect string value: ‘\xF0\...
Nodejs的mysql中插入 表情符号 报错 Error: ER_TRUNCATED_WRONG_VALUE_FOR_FIELD: Incorrect string value: '\xF0\...
2024-04-12 14:02:46
284
2
原创 关于在forEach循环中使用异步，造成forEach里面的函数还未执行完毕，外层的同步已经被执行的问题
关于在forEach循环中使用异步，造成forEach里面的函数还未执行完毕，外层的同步已经被执行的问题
2024-03-25 15:33:37
568
原创 关于V5版本的echarts的引导线标签文字存在描边问题
1.如果存在描边：（如图所示，炒鸡难受好吧，也不知道官方为什么这样初始化）2.只需在series的label中配置color:'#FFF'即可。
2024-03-04 18:10:27
537
原创 css超出省略号
overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 20px; display: -webkit-box; height: 20px;
2024-02-23 14:56:17
174
原创 vue3的elementPlus中使用el-input控制用户输入正确金额，el-input-number遇到的一系列问题
但是，el-input-number会存在一个致命的问题，尤其是对于金额方面，el-input-number会对输入的值进行四舍五入，也就是如果用户复制了一个数为。el-input-number的值就是不变，但是数组的值已经变化了，差点让我原地去世，此时，原本一个很小的需求已经花费了一个小时还没解决，我大汗淋漓。首先，我原先使用的组件是el-input-number，这个确实是一个非常好的组件，但是在某些方面，他却隐含着巨大的隐患。（但有方法确实是可以改的，但也太过麻烦）到输入框，里面的值就会自动变为。
2024-02-23 10:20:00
3077
1
原创 vite创建的react项目突然报hrm不能热更新
2.把引入的文件都排查一下，看是否有大小写问题，引入却没有使用的问题，基本就可以解决。1.报错会提示你是哪个文件。
2024-02-06 16:21:38
267
原创 nodejs中使用bcrypt.compareSync校验加密的密码匹配时总是返回false
bcrypt.compareSync(’传递来的密码‘,’数据库返回的密码‘);2.如果已经加密，大概率是你的前后密码写错了。1.首先确定你数据库的密码是否已经加密。
2024-02-05 15:29:40
522
原创 nodejs express中使用连接池或者MySQL链接数据库出现Cannot read property ‘query‘ of undefined报错
6.点击完成，如果左边列表数据库显示绿色的角标勾，则数据库连接正常，如果显示红色的×，则证明你的数据有问题，而且如果别人能够连接，你不可以的话，大概率数据库把你的ip封禁了。2.不妨看看你是否没有排查其他的数据库，我就是一直在排查第一个主数据库，却忘了我还连接了第二个数据库，就是第二个数据库的原因，出现这个错误。报错意思是，多次连接错误库导致MySQL直接启动防御模式，不允许连接了，也就是对。9.解决办法，可以参考这篇文章，我就不继续了，毕竟我是前端（狗头），没有权限。3.输入你的连接设置。
2024-02-04 09:58:30
746
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人