woniuyibuyibu的博客

原创 运行软件指令

1.npm start2.npm run android

原创 extends

extends在 TypeScript 接口中的含义：继承：子接口获得父接口的所有属性扩展：可以在继承的基础上添加新属性兼容：子接口类型的对象可以赋值给父接口类型约束：父接口的属性类型约束也会被子接口继承。

原创 useMemo vs useCallback：核心区别与使用场景

jsx// ✅ 返回稳定的函数引用});// 刷新数据。

原创 hooks

自定义Hook是React中最强大的代码复用机制，它让你将组件逻辑提取到可重用的函数中// 从localStorage读取初始值try {});// 监听值变化，同步到localStoragetry {// 在组件中使用return (<input/>命名必须以use开头内部可以调用其他Hooks返回一个包含状态和操作函数的对象（API设计）关注点分离，每个Hook只做一件事Hooks的使用规则✅ 只在顶层调用Hooks：不要在循环、条件或嵌套函数中调用。

原创 el-table列表修改某个输入框输入 卡顿问题修改

</el-input> -->修改。

原创 网络模拟器代理--可以抓包查看接口数据

原创 点击全屏之后 el-dropdown下拉出不来

解决办法： :teleported="false"

原创 蓝牙打印（二）不指定某个打印机

【代码】蓝牙打印（二）不指定某个打印机。

原创 查看模拟器图片位置--测试图片上传

只能从view Detail 具体在上传某个图片。

原创 electron 打包

运行``````打包指令。

原创 如何关闭端口

成功: 已终止 PID 为 4144 的进程。

原创 react native 报错

原创 react native打成的包 --网络错误（由于配置的是http: ###:30000）

上面这样改后 可以了。

原创 react native 蓝牙打印机打印乱码

MeterReadingPersonal || ''}\r\n`,.MeterReadingMonth || ''}\r\n`,.TotalPayment || ''}\r\n`,.CheckDate || ''}\r\n`,.Balance || ''}\r\n`,'\x1B\x61\x01', // 居中对齐。'\x1B\x45\x00', // 取消加粗。'\x1B\x61\x00', // 左对齐。'\x1B\x45\x01', // 加粗。'\x1D\x56\x00', // 切纸。

原创 react native 蓝牙打印

打印的效果：上面有点指定u26打印机的意思 可以去掉。

原创 react native真机调试

第一步：执行adb devices（前提需要关掉模拟器 等等）安卓 需要找到开发者（设置调试）第三步： 数据线连接电脑。就这样基本可以调试了。

原创 react native打包后发生的问题

需要http+域名+端口 而不是 https：域名。2.接口通了 但是返回的是乱码。需要后端解压 不要压缩。

原创 模拟器代理（调试react native项目）

fiddler。

原创 react native token失效 刷新机制

因为这里已经返回的是 retryResponse.data 的数据， 直接return retryResponse即可。最开始代码写的是 return retryResponse.data。按上面的写了 发现 没获取到数据。

原创 react native 实现选择图片或者拍照上传（多张）

第二步： 配置权限--安卓。

原创 react native 运行问题和调试 --持续更新

原因： 模拟器不对 sdk35 模拟器也得有。问题二：版本不一样 直接改成一致。问题一： 一直卡住这里。

原创 android studio如何关闭全局搜索框

esc按钮。

原创 【无标题】

今天来实现一个小型的案例，如何利用vue3实现高德地图在页面展示的效果。1.NPM 安装 Loadernpm i @amap/amap-jsapi-loader --saveAI写代码2.创建地图容器<template> <div id="container"></div></template>AI写代码html3.引入JS API Loaderimport AMapLoader from "@amap/amap-jsapi-loader"AI写代码html4.定义一个map对象

原创 安装npm install vuedraggable@next报错

npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!问题：依赖冲突解决办法：

原创 文件下载 针对安卓系统

确保你的服务器为文件设置了正确的 MIME 类型（如。），否则浏览器可能无法正确识别。开头），不要使用相对路径。

原创 react vant 实现动态表单增加

同时 实现详情返回数据回显和编辑功能。

原创 react3面试题

如果传递给 ChildComponent 的数据 prop 没有改变，则当父组件由于其他状态（如计数）的更改而重新渲染时，React.memo 将阻止 ChildComponent 重新渲染。挑战在于优化组件结构，以便当父组件的状态更新但子组件的 props 保持不变时，子组件不会不必要地重新渲染。简单的问题是不够的。通过使用 useCallback，handleClick 函数在渲染过程中保留相同的引用，即使父状态（计数）发生变化，也可以防止 ChildComponent 不必要的重新渲染。

原创 h5注意事项

对于iOS，可以利用 constant(safe-area-inset-bottom) 和 env(safe-area-inset-bottom) 来为底部预留空间，但对键盘弹起直接作用有限，常与其他方法结合。：在页面中引入这些调试库，它们会在页面右下角生成一个按钮，点击后即可在手机端唤起一个类似DevTools的控制台，方便查看日志、网络请求等信息。**媒体查询 (Media Queries)**：针对不同的屏幕尺寸断点，编写不同的CSS规则，是响应式设计的核心手段。

原创 react vant上拉加载 下拉刷新 优化 显示为空

【代码】react vant上拉加载 下拉刷新 优化 显示为空。

原创 react vant 上拉加载 和下拉刷新实现

data.rows.length || data.total === 0) { // 如果没有更多数据，则结束加载状态并设置finished为true。'' : '没有更多了'} >return '已结束';return '已结束';

原创 react学习三： 常用的几个钩子函数

useState()

原创 （转载阮一峰）React

这很合理，由于副效应不依赖任何变量，所以那些变量无论怎么变，副效应函数的执行结果都不会改变，所以运行一次就够了。实际使用中，由于副效应函数默认是每次渲染都会执行，所以清理函数不仅会在组件卸载时执行一次，每次副效应函数重新执行之前，也会执行一次，用来清理上一次渲染的副效应。上面的例子是错误的写法，副效应函数里面有两个定时器，它们之间并没有关系，其实是两个不相关的副效应，不应该写在一起。每次渲染都执行，这时可以使用它的第二个参数，使用一个数组指定副效应函数的依赖项，只有依赖项发生变化，才会重新渲染。

原创 React 开发中遇见的低级错误

注意这里的 =》 后面是括号 我开始写成{} 好久都不显示 也不报错。1.useState不起效果 异步 改用 useRef。

原创 记录element-plus el-dropdown-menu 点击下拉菜单 会顶部闪烁一下

错误的一个是配置下面的属性为 false 确实是不出现闪烁，但是下拉菜单又显示不全。最后 没办法 我再想 是不是隐藏三个点的时候 导致 位置发生变化。实现的是树形结构 hover上去 三个点出现 点击会出现下拉菜单。这也就解决了 我半天都没解决的问题。也想过用原生的方法 也试了。然后网上找了一堆方法。

原创 element-plus 日期禁用

/ 比较传入的日期是否在当月范围内。// 获取当前月份的第一天和最后一天。// 比较日期是否在当月范围内。

原创 vue 实现dot-dropdown

teleported这个设置为false 就好了。有个问题 点击按钮就会在页面顶部闪现。

原创 vue311111111111

原创 报未关注测试号

发现谁帮我从关注列表删除了， 扫描重新关注就好了。

原创 el-select 选择框 选中不显示问题

问题：this.form.receiptType = '';2）使用这个方法，目前没有再出现上述错误。查询点击 要清空下拉框的表单值。1）在第二个下拉框里加个属性。

原创 vue3 daterange正则踩坑

vacantTime: [{ required: true, message: '请选择空置时间', trigger: 'blur' }],<el-form-item label="空置时间" prop="vacantTime">start-placeholder="开始日期"end-placeholder="结束日期"问题： 就是正则必填 但是每次都校验过了。