hzxOnlineOk-CSDN博客

原创关于【Cursor】能做什么，如何使用简介

关于【Cursor】能做什么，如何使用简介

2025-12-26 17:41:02 529

原创一次vue3 h5应用微信分享和图片保存的实战案例略解析

1~但是，微信分享如果要弄成卡片分享模式，而非单纯的链接，这就需要调用分享的接口进行配置了，这个当然只在微信浏览器中处理就可以，因为其他浏览器大部分会默认支持分享（微信平台允许第三方代理调用微信分享和其他功能），因此他们会默认自带卡片分享的（浏览器也是app哦）。2~需要注意的是，除了rem适配以外，safari浏览器以及chrome在ios系统中，会多出一个工具栏的高度，因此高度与其他浏览器的计算不同，需要通过ua判断平台和系统，进行高度预留。记得避坑哦(◔_◔)

2025-11-11 14:32:31 304

原创［amap-jsapi-loader］高德地图api报错cannot read property ‘LC‘ of undefined at proxy.s.setStyle，多边形绘制polygon

外层套一个20ms的timeout放在上面先执行，而polygonLayer.setStyle则在外层套一个100ms的timeout，并且在最底部再执行loca.add(polygonLayer)博主先执行的polygonLayer.setStyle，再执行polygonLayer.setSource，按理说没啥问题，但一直报错，期间尝试调整了setTimeout的时间差，仍旧报错。PS: 之所以设置了2个定时器，是因为地图配置经常因为异步时序不一致导致报错，上面2个定时器分别解决2个时序报错。

2025-09-10 11:51:05 351

原创 vue2 vue3 video视频标签和一系列npm扩展包无法拖拽进度条，视频进度条无法切换bug定位

最近博主遇到一个视频附近播放的需求，由于项目是vue，这边只用了vue去实验，发现拖动进度条的功能，video死活拖不动，后来加载本地视频，就可以拖动。

2025-09-08 09:27:53 201

原创 vue 、react前端页面支持缩放，echarts、地图点击左边不准的原因和解决办法

由于以上都是通过canvas画布生成的，一旦初始化，就会按照比例进行缩放，但与此同时，比例尺并没有变化，导致坐标偏移。设置一个zoomVal产量，在页面加载时计算缩放比例，然后在canvas容器上添加style。

2025-07-07 14:26:19 515

原创在vue3中，如何修改ant-deaign-vue tooltip的样式

众所周知，ant-deaign-vue tooltip组件在渲染后，是生成在大容器之外的，因此和主体内容是隔离的，此时如果我们在vue组件中的style标签（设置了scoped）中，尝试用：deep全局修改tooltip的样式，你会发现毫无效果。此时我们需要再加一个style标签，但不设置scoped属性，再将修改的样式粘贴进去，大功告成。因此，我们改不到这个老六（tooltip）这就要提到scoped的作用了。

2025-06-26 14:05:51 460

原创如何在vue3 ant-design-vue 表单项form.item标签上加问号，hover显示tooltip组件内容换行。

众所周知，vue3 setup写法里，js/ts只能用h函数来渲染标签，如果希望实现换行，就必须使用它，用嵌套h函数的方式实现换行效果（原理和css一致）。需要注意的是，form.item的label(string|slot)并不支持字符串通过inner-html转换识别换行标签。这个问题就需要看组件是写在render函数中还是之外的js/ts内。或者换行符＼n，头铁的可以试一试。

2025-06-26 13:57:17 269

原创 Tailwind CSS 和 UnoCSS简单比较

综上所述，Tailwind CSS 适合那些对生态系统和社区支持有较高要求，并且愿意投入时间进行配置和学习的项目；而 UnoCSS 则更适合追求高性能、灵活配置和低学习成本的项目，尤其是小型项目或快速迭代的项目。通过以上步骤，你就可以在 Vue 3 项目中成功集成 Tailwind CSS，并开始使用它的各种实用类来构建样式。现在你可以在 Vue 组件中使用 Tailwind CSS 的类名来设置样式了。打开浏览器，访问项目地址，你应该能看到应用了 Tailwind CSS 样式的页面。

2025-02-17 01:49:35 2465

原创【umi max】关于umi构建的项目在本地服务运行正常，但是部署时无致命报错却白屏，html文档的#root容器没有子元素的原因及解决办法

我们在部署时运维很可能会因为项目太多，进而放到不同的目录底下，例如（其中project是项目的存放目录，而H5-TEST-DEMO才是我们部署的项目根目录）于是乎就会出现我们在本地服务里调试得好好的，但是一打包部署就白屏。

2024-11-01 10:57:30 934

原创【移动端H5】弹出层层级最高，但是下层元素还能被滑动（滚动）问题的解决

css 遮罩层优先级高，但是底层列表仍旧允许滚动，这很神奇，但仍旧发生了，意外的是，仅仅在移动端发现，PC目前暂未发现。

2024-10-21 14:37:24 586 1

原创【Port】如何查看一直占用端口号的服务是什么进程，如何杀死进程，为什么进程用命令行杀死后又马上被占用导致杀不完

假设我们的端口号是8000：命令行单独查询该端口的信息从上面的图，我们可以看到，端口号8000被做了映射，变成8188和6812，因此如果我们想杀死这个端口，则必须打开任务管理器。

2024-10-12 11:23:37 383

原创【umi】umi设置端口号的方式

三种方式，根据各自的版本去实践，建议方法一，较为省事。

2024-10-12 10:40:19 1189

原创【H5】关于react移动端H5的滚动吸顶方案实践总结

自行通过js去实现，通过获取容器元素，监听滚动的时机，进行定位position值的修改，这类网上的方案很多，就不过多赘述，但需要注意的是，需要区分上滚动和下滚动的过渡效果（注意，并不是指上吸顶和下吸顶），并同时做处理，才能做到流畅顺滑。的形式，其利用浏览器提供的api，实现原理是在吸顶时修改定位为fixed，反之则修改为releative。基本一致，缺陷也是会导致滚动出去，但是没有深入去实践API，暂定为放弃的方案。// 可以实现滚动吸顶，但是过渡效果太突兀，突然就闪出来的那种，没有感觉顺滑，因此放弃。

2024-10-11 11:28:38 528

原创【css】transition对height:auto无效的解决办法

CSS3的transition可以作用于大部分属性值为数值之类的属性，包括等。但是将transition应用于时，浏览器会识别height值为0，因此无法直接从height: 0;过渡到;。

2024-09-30 18:35:38 1317

原创【vscode】快速生成react组件

VSCode支持用户自定义代码片段，你可以通过输入特定的前缀，然后按下Tab键，来快速生成React组件的基本结构。例如，输入rfc或rcc，然后按下Tab键，可以生成函数式组件或类组件的基本结构‌1。在VSCode中快速生成React组件的方法主要包括使用内置的代码片段和安装第三方插件。通过上述方法，你可以大大提高在VSCode中创建React组件的效率，减少手动编写重复代码的工作量。或其他相关插件后，你可以通过输入特定的命令（如。

2024-09-14 13:56:04 1142

原创【Antd】Form.List的强大之处，Form.List使用方式细微讲解

其实，antd的form实例对象很强，只需要提供给它指定的field和索引i组成的formName（表单项名称）即可自动回填到表单项中，完全不需要人工干预去处理多层级的数据的，如果有需要转换数据结构，也可以先对form实例的指定表单属性进行数据处理，之后再赋值回该属性名即可。由于表单项分布在数据的各个层级里，因此，如何回填表单值就成了一个比较棘手的问题，处理不好，很容易引发一些逻辑bug（例如表单重置后，数据回填异常等）

2024-09-05 18:00:20 2831 1

原创【react】开发一些简单的业务表单可复用组件，需要注意哪些细节

组件将提供给很多后续复用的业务使用，因此足够清晰的属性及值类型可以清晰的告知业务，减少不必要的沟通成本。

2024-09-02 16:47:16 995

原创【chrome】F12开发者工具如何屏蔽接口，promise.all和promise.allSettled的区别实战验证

有一个数据统计页面，含有8个指标，这8个指标分别来自不同的3个接口，现在我们想要合并其中2个，之前的3个接口的调用采用的是。数组中某一个请求失败，都会导致无法返回正确数据，导致8个指标都为默认值。确实可以做到避免某个接口失败，导致数据全部无法返回的问题。解决某个接口失败，导致数据完全不返回问题。，找到需要测试的接口右键出现的菜单中点击。可以方便的进行模拟接口失败情景。1、合并3个变成2个接口。模拟接口请求失败，验证。

2024-08-09 15:45:50 933 1

原创【Antd】form.validateFields的.catch的errorFields为空数组但依然报错的原因及解决办法

【代码】【Antd】form.validateFields的.catch的errorFields为空数组但依然报错的原因及解决办法。

2024-07-29 17:25:13 950

原创【javascript】关于js控制滚动的一些注意事项

滚动方式有2种。

2024-07-22 17:43:07 493

原创【git】如何实现自定义规范git commit -m的提交文案格式

【代码】【git】如何实现规范git commit -m的格式。

2024-07-22 10:11:29 659

原创【safari】react在safari浏览器中，遇到异步时间差的问题，导致状态没有及时更新到state，引起传参错误。如何解决

将异步时间微调大一些200ms// 由于setState是一个普通的函数，定义为() => void;因此此处不能用await/async替代setTimeout，只能用在返回值为Promise时run();}, 200);

2024-07-15 18:30:43 665

原创【Ant-design】Form表单如何实现某个属性根据接口code显示对应的表单校验效果

【代码】【Ant-design】Form表单如何实现某个属性根据接口code显示对应的表单校验效果。

2024-07-11 10:10:52 361

原创【umi】使用umi的history为url路由添加一个query参数，保留原本的querystring追加新参数

【代码】使用umi的history为url路由添加一个query参数，保留原本的querystring追加新参数。

2024-07-08 10:00:18 645 1

原创【vsCode】如何开发一个vscode插件

开发一个VSCode插件涉及多个步骤，包括项目初始化、编写代码、调试运行以及打包发布。以下是一个简化的指南，帮助你开始开发VSCode插件的旅程：12。

2024-07-01 11:14:04 1009 1

原创【WEB】关于react的WEB应用中使用React Developer Tools便捷快速查看元素数据

关于react的WEB应用中使用React Developer Tools便捷快速查看元素数据

2024-06-25 10:35:16 542

原创【css】如何修改input选中历史选项后，自动填充的蓝色背景色

自动填充前：自动填充后：改变input自动填充背景颜色方法二：(vue element-ui框架)css设置背景色input标签添加autocomplete=“off” // 指定某个文本框取消自动填充form表单添加autocomplete=“off” // 取消所有文本框元素的自动填充transiton（过渡）详解：（1）语法PS：transition-duration 时长为0，不会产生过渡效果（2）transition-timing-function属性：

2024-06-18 16:37:00 1843 3

原创【javascript】vsCode我常用的开发插件汇总

CodeGeeX – 一个内嵌在vscode插件列中的AI工具,让我们可以直接获取AI信息而不必麻烦的到其他AI软件或平台搜索，我经常用来查询TS定义类型相关的警告，效率坐火箭~每次生成的console.log中会附带一个随机emoji，方便我们在众多输出中快速找到想要的输出（emoji不同于文字，人类的大脑在面对图像时印象会更深刻😁）Error Lens – 用来给我们的代码做高亮提示的一个插件,当我们的代码有error或者warnning,就会即刻高亮提示修改。未完待续, 持续更新中…

2024-06-12 15:35:01 666

原创【typescript】ts常用类型使用方式汇总

【代码】ts常用类型使用方式汇总。

2024-06-12 15:11:56 602

原创【typescript】 ts中使用 type和interface定义类型的区别

interface可以多次实现，一个类型可以实现多个接口。而type定义的别名则不能。interface可以继承其他interface，而type则不能。当你需要合并多个类型时，interface之间可以用extends关键字进行合并，而type则需要使用操作符。

2024-06-12 14:43:11 543

转载【SSR】SSR 与传统的JSP、PHP 区别及html渲染进化史

SSR（Server-Side Rendering）并不是什么新奇的概念，前后端分层之前很长的一段时间里都是以服务端渲染为主（JSP、PHP），在服务端生成完整的 HTML 页面（摘自《前端渲染模式的探索》）也就是说，历经 SSR 到 CSR 的大变革之后，如今又从 CSR 出发去探索 SSR 的可能性……似乎兜兜转转又回到了起点，在这之间发生了什么？如今的 SSR 与当年的 JSP、PHP 又有什么区别？

2024-05-29 16:55:55 435 1

原创【typescript】omit和pick的好处，以及区别和用法

两个参数，第一个参数是类型（对象），第二个参数是类型（对象）里的属性名（一个或多个），第二个参数可以用来告诉ts要指定使用哪些字段的ts校验，其他字段会被ts忽略。两个参数，第一个参数是类型（对象），第二个参数是类型（对象）里的属性名（一个或多个），第二个参数可以用来告知ts要排除哪些字段的ts校验，其他字段会被ts保留。

2024-05-28 11:36:45 529

原创【axios】的浅度分析

此外，应避免在拦截器中修改原始请求或响应数据，以免影响其他拦截器或请求处理器的处理结果。当发出请求或接收响应时，Axios 会遍历这些拦截器，并按照添加的顺序执行请求拦截器，以及按照相反的顺序执行响应拦截器。请求拦截器的作用是在请求发送前对请求进行修改或添加一些公共的逻辑，例如给每个请求体都加上token，或者修改请求的配置，如headers、url、params等。综上所述，Axios拦截器的实现原理主要基于其内部维护的请求和响应拦截器数组，通过依次执行这些拦截器函数，实现对请求和响应的预处理和后处理。

2024-05-23 14:53:45 1327 1

空空如也

空空如也