hzxOnlineOk-CSDN博客

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

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

2024-11-01 10:57:30 355

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

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

2024-10-21 14:37:24 252

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

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

2024-10-12 11:23:37 229

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

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

2024-10-12 10:40:19 390

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

2024-10-11 11:28:38 271

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

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

2024-09-30 18:35:38 528

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

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

2024-09-14 13:56:04 594

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

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

2024-09-05 18:00:20 1142

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

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

2024-09-02 16:47:16 833

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

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

2024-08-09 15:45:50 379

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

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

2024-07-29 17:25:13 431

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

滚动方式有2种。

2024-07-22 17:43:07 364

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

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

2024-07-22 10:11:29 474

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

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

2024-07-15 18:30:43 547

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

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

2024-07-11 10:10:52 259

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

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

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

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

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

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

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

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

2024-06-25 10:35:16 345

原创【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 1229 3

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

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

2024-06-12 15:35:01 475

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

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

2024-06-12 15:11:56 361

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

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

2024-06-12 14:43:11 433

转载【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 198 1

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

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

2024-05-28 11:36:45 364

原创【axios】的浅度分析

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

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

空空如也

空空如也