hzxOnlineOk-CSDN博客

自动填充前：自动填充后：改变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 539 1

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

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

2024-06-12 15:35:01 380

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

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

2024-06-12 15:11:56 301

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

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

2024-06-12 14:43:11 319

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

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

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

2024-05-28 11:36:45 249

原创【axios】的浅度分析

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

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

原创【javascript】如何监听在元素及其子孙元素以外的元素被点击事件

【代码】如何监听在元素及其子孙元素以外的元素被点击事件。

2024-05-16 14:58:52 115

原创【WEB】前端开发禁忌

5、慎用vscode自带的pull&push，因为有可能本地改了一些代码并且commit但未push时，因为在开发分支A是错误的，需要切换分支B，后面又要用这个分支A进行开发，用来拉取代码时，会导致推送错误的代码到远端，引起git提交错乱！1、开发时写的测试代码及时撤回并写成正常逻辑，避免由于数据原因设置了临时代码，并且中途交接给其他同事，该同事不熟悉代码，之后上线未测试到，引起线上BUG！2、每换一台办公电脑，必须记得设置vscode保存自动格式化。

2024-05-08 18:24:54 465

原创【python】去除水印的几种方式

请注意，这个示例使用了seamlessClone函数，它要求水印区域的中心与背景相匹配，并且假设水印背景是纯色或者与视频背景融合得当。要在Python中去除视频水印，可以使用opencv-python库来处理视频帧，并结合图像处理技术，如图像修复或者图层混合。有点免费去除水印，可以无效其操作，但是每天只能保存一张，好就好在邀请一个人可以活得60此保存机会，那个被邀请的也能获得十次，可以P图。把图片拖到网站，调整画笔大小，抹除文字就可以p图完成，免费下载就可以了。（一）手机——乐奇爱水印精灵。

2024-04-28 14:15:51 2315 2

原创【js】js中将时间戳转化成 YYYY-MM-DD HH:mm:ss的3种办法

【代码】【js】js中将时间戳转化成 YYYY-MM-DD HH:mm:ss的3种办法。

2024-04-22 17:24:26 4391 1

原创【python】使用python和selenium实现某平台自动化上传作品的全步骤

我们需要下载对应版本的chrome浏览器、chromedriver（用来传达python的指令给chrome浏览器，可以理解为桥接器）pip用于下载python适用的各类模块（等同于前端的node_modules）3.x版本的python自带pip工具，因此不需要额外下载。

2024-04-20 18:19:22 606

原创【git】消失的代码 git bug引起合并代码异常丢失（大部分人碰不到的BUG）

消失的git代码问题分析

2024-04-17 14:52:09 315

原创 python selenium 获取伪类

在这个例子中，selector_for_your_element是你要选择元素的CSS选择器，property_name是你想要获取的CSS属性名。Selenium提供了一个方法find_element_by_css_selector来定位CSS选择器选中的元素。假设你想获取一个元素的伪类样式，比如一个元素的:hover伪类样式，你可以使用Selenium的execute_script方法来模拟鼠标悬停事件，然后获取相关样式。

2024-04-15 17:43:48 309

原创【umi】umijs/max@4.x history.push如何传递对象数据

umijs/max@4.x history.push如何传递对象数据

2024-04-07 16:00:57 516

原创【python】 python库安装错误 in _error_catcher

解决方案：pip install grpcio-tools -i https://pypi.doubanio.com/simple。镜像地址：-i https://pypi.doubanio.com/simple。

2024-04-03 00:38:31 258

原创 antd表单如何提交table表单项数据

在这个例子中，我们使用了Form.List来渲染一个表单字段的列表，其中字段的name属性是动态生成的，以便每行表格数据都能以数组的形式被提交。每个单元格中的输入框被包裹在Form.Item组件中，以便能够收集数据。当用户点击提交按钮时，表单的数据将被收集并通过onFinish回调函数发送到服务器。在Ant Design中，如果你想要提交一个表单，其中包含表格（Table）中的数据，你可以使用Form组件和Table组件的特性来实现。

2024-03-20 14:51:16 366

原创 Uncaught Error: Rendered fewer hooks than expected. This may be caused by an accidental early return

问题在于，第一次渲染时，useState调用了 3 个钩子 - name，age但是license将age修改为低于16后，不再调用useState ，导致只调用了前2个钩子。调用钩子的顺序很重要，如果我们编写的代码导致钩子不被调用，React 将无法将钩子调用与其值匹配。useState就是允许 React 在多个和调用之间正确保留 Hooks 状态的原因。解决方案是将license挂钩移动到函数的顶部，以便无论是否需要它都会被调用。不要在循环、条件或嵌套函数内调用 Hook。

2024-03-18 11:11:16 320

原创【Antd Form】Ant Form.Item validator警告 `callback` is deprecated. Please return a promise instead

antd Form表单的validator表单校验不生效的原因， Warning: Your validator function has already return a promise.

2024-03-07 16:35:14 295

原创【js】利用代理劫持网络，统一处理网络错误时，错误内容显示为空问题

【代码】【js】利用代理劫持网络，统一处理网络错误时，错误内容显示为空问题。

2024-03-06 10:45:00 165

原创【dva】dva的Loading讲解

这个的作用是排除Verify这个model对loading的影响，比如我不想在这个model对应的页面出现loading，可以在这里处理。每个页面中将loading状态作为属性传入组件，在进行样式处理，比如转圈圈或者显示正在加载什么的，但是重点是，我们的app有多个页面，每个页面都这么做，很繁琐。有了这个父级组件，那么在每个页面中加入这个父级组件，就可以实现loading，当然这个是可以在router.js中统一处理一下的。这样，在进入/admin下的每个页面，都会加载App作为父组件。

2024-03-05 17:24:57 810

原创【vscode】 prettier插件不生效，格式化不生效

这种情况一般是因为插件的配置看似启动，但是却未能正确配置生效，需要将插件卸载后重装，或者重启插件并重启VScode IDE.

2024-02-27 17:20:59 1033

原创如何在项目中已有iconfont库情况下，新增iconfont字体图标

直接全额替换，从上游管控字体图标库，保持同步更新。

2024-02-21 15:29:29 265

原创 Reflect.get() 方法与直接调用 target 对象的获取属性的区别

综上所述，Reflect.get() 方法与直接调用目标对象的属性获取操作之间在错误处理、this 值、getter 方法的处理和使用方式上存在一些区别。当属性具有 getter 方法时：直接调用 target 对象的获取属性操作，如果属性具有 getter 方法，那么会调用这个 getter 方法，并返回其返回值。this 值：直接调用 target 对象的获取属性操作，获取到的属性值中的 this 值是 target 对象本身。

2024-02-20 11:48:47 329

原创 vue3中，ref()、reactive()、computed()、watch() 和 watchEffect()的区别

watchEffect()：watchEffect() 函数也用于监听响应式数据的变化，但它更像是一个自动运行的副作用。总结起来，ref() 用于创建简单的响应式数据，reactive() 用于创建复杂的响应式对象，computed() 用于创建计算属性，watch() 用于监听特定数据的变化并执行回调函数，而 watchEffect() 则可以在函数中使用响应式数据并自动追踪数据的变化。watch()：watch() 函数用于监听一个响应式数据的变化，并在数据变化时执行指定的回调函数。

2024-02-20 10:17:04 1497 1

原创【react】react中和vue中的provide/inject、context写法示例

在 React 中，provide和inject的功能类似于 Vue.js 中的provide和inject。它们都是用于跨组件层次传递数据的。在 React 中，没有内置的provide和inject函数。但是，你可以使用 React 的 Context 来实现类似的功能。Context 是 React 提供的一种机制，用于在组件树中共享数据。通过创建一个 Context 对象，可以将数据传递给子组件，无论组件层次有多深，子组件都可以通过或者Consumer来访问这些数据。上述示例中，

2024-02-19 15:43:05 938