自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

weixin_46600931的博客

专注大前端、工作内容分享、项目管理、团队管理

  • 博客(144)
  • 资源 (2)
  • 收藏
  • 关注

原创 统计git 提交代码量

统计git 提交代码量

2024-07-18 09:56:03 146

原创 小程序接口报错ERR_CERT_COMMON_NAME_INVALID

收到 ERR_CERT_COMMON_NAME_INVALID 错误,可能是因为使用了不受信任的证书或自签名证书。• 在开发环境中,可能会遇到自签名证书的问题,可以使用工具将本地接口代理到一个支持 https 的公共域名。• 确保请求的 URL 使用 https,并且域名与证书的通用名(CN)匹配。• 确保 manifest.json 中的合法域名配置正确。• 确保服务器使用的 SSL 证书有效,且域名匹配。

2024-06-29 21:27:31 783

原创 vue3基于uni-app 封装小程序request请求

vue3基于uni-app 封装小程序request请求

2024-06-29 20:09:58 427

原创 为什么Vue的watch函数无法检测到父组件的参数变化?

在 Vue 中,watch函数用于观察和响应 Vue 实例上的数据变动。然而,如果你在父组件中直接修改了数组或对象的内容(例如,通过索引直接设置一个项的值,或者使用Array.prototype.push修改数组),Vue 可能无法检测到这些变动。

2024-06-07 10:21:24 546

原创 el-date-picker的结束日期的时分秒为0:0:0时修改成23:59:59

el-date-picker的结束日期的时分秒为0:0:0时修改成23:59:59。

2024-06-06 10:28:40 546 3

原创 如何查看当前系统中哪些端口被占用了?

在 Mac 系统中,你可以使用lsof命令来查看哪些端口被占用。以下是具体的步骤:

2024-06-05 19:27:04 341

原创 mac Network: use --host to expose

本地启动无法访问,这个不是权限问题是mac 主机端口安全策略,现在我们只需要开启端口自动检测就可以。"dev": "vite --mode dev.serve", 加上--host。1、请在 vite.config.js。1、请在 package.json。

2024-06-05 19:20:59 491

原创 react、vue动态form表单

react、vue动态form表单。开箱即用

2024-05-31 12:48:17 422

原创 vscode:多个Tab同时展示项目

设置中搜索window.nativeTabs,打钩。

2024-05-31 11:24:14 366

原创 小程序回到顶部

1、HTML 滚动距离大于50 显示回到顶部按钮。简单功能就不做过多说明了。

2024-05-30 17:53:52 114

原创 微信小程序区分运行环境

是微信小程序的一个 API,它可以同步获取当前账号信息。返回对象中包含小程序 AppID、插件的 AppID、小程序/插件版本等信息。小程序运行环境,可选值有:develop(开发版)、trial(体验版)、release(正式版)只能在小程序环境中使用,不能在其他环境(如 Node.js 或浏览器)中使用。

2024-05-30 17:40:28 514

原创 Vue插槽solt如何传递具名插槽的数据给子组件?

在Vue中,你可以通过作用域插槽(scoped slots)来传递数据给子组件。这同样适用于具名插槽。首先,你需要在子组件中定义一个具名插槽,并通过。是一个对象,它包含了所有子组件传递给插槽的数据。你可以在插槽的模板中使用这些数据。来指定你要接收的是哪个具名插槽的数据。然后,在父组件中,你可以使用。

2024-05-23 10:53:51 507

原创 vue3插槽solt 使用

背景增加组件的复用性,个人体验组件化还是react 方便。

2024-05-23 10:40:03 545

原创 小程序获取手机号,用户昵称,头像

小程序获取手机号,用户昵称,头像避坑

2024-05-11 15:36:42 919 1

原创 微信小程序按钮去除边框线

实际上该样式是在伪元素::after内,主要你检查css 还看不到有这个关系,鹅厂就是坑多。但是在小程序中无效,设置outline:none也没用,当然可能你会说加权重无效。通常我们去掉按钮边框直接设置。

2024-05-11 15:03:12 407

原创 网页上播放视频

总的来说,这段代码创建了一个200x200像素的视频播放器,视频文件来自指定的URL,用户可以通过控制条来控制视频的播放。元素,用于在网页上播放视频。,表示在视频上显示控制条,允许用户控制视频的播放。属性用于设置视频的预览图像,但在这里它是空的。属性设置了视频的宽度和高度,都是200像素。属性指定了视频文件的MIME类型,这里是。元素,用于指定视频文件的来源。属性设置了视频文件的URL,这段代码是HTML中的一个。,表示这是一个MP4视频。

2024-04-17 11:38:23 242

原创 如何在响应头中防治xss

请注意,虽然这些响应头可以提高安全性,但它们并不能完全防止所有的XSS攻击,你仍然需要在应用程序中实施其他的安全措施,如输入验证和适当的输出编码。在HTTP响应头中设置一些特定的安全策略可以帮助防止XSS(跨站脚本)攻击。:这个响应头可以防止浏览器基于内容猜测响应的MIME类型,从而防止某些类型的攻击。:这个响应头可以限制浏览器只加载和执行来自特定来源的脚本。函数会自动设置一些安全相关的HTTP响应头,包括上面提到的那些。:这个响应头可以启用浏览器内置的XSS过滤器。来限制浏览器只执行来自同源的脚本。

2024-04-17 10:49:40 925

原创 mac 配置前端开发环境brew,git,nvm,nrm

5、在使用nvm 安装多个版本的node 后可能出现 nvm use "xxx" 后,再次打开终端,或编辑器发现node 版本不对,这是因为并没有设置为默认版本。二、安装node后发现每次重新发开终端 nvm 或node 都查不到,这是我们需要修改配置文件。3、新建文件~/.zshrc ,~/.profile(如果已有不用新建)open -e xxx 重复1、2操作。4、分别执行source(分开执行)我这边安装好了就不提供图。2、粘贴文本,保留源内容。重新打开终端,安装nrm。按照以上就修复了问题。

2024-04-11 07:30:44 588

原创 npm ERR! code CERT_HAS_EXPIREDnpm ERR! errno CERT_HAS_EXPIREDnpm ERR! request to https://registry.

这个问题是在mac电脑上安装nrm遇到的,证书问题也有可能是我nvm安装问题,第一次使用mac,配置开发环境各种痛苦。

2024-04-11 06:49:50 159

原创 git 常用命令行

git 常用命令行。

2024-04-03 18:02:43 135

原创 在Git中,提交代码的完整步骤通常包括以下几个步骤:

以上就是在Git中提交代码的完整步骤。如果你在执行这些步骤时遇到任何问题,你可以在命令行中输入。命令来提交你的更改。命令来将你的更改推送到远程仓库。git push origin xxx(xxx为你要推送的分支)是你要推送的分支的名称。你需要根据你的实际情况来替换这些值。1、首先,你需要在命令行中切换到你的项目目录。命令来将你的更改添加到暂存区。3、接下来,你需要使用。2、然后,你需要使用。4、最后,你需要使用。

2024-04-01 18:34:29 243

原创 导出不用a便签重复造轮子,file-saver 导出

利用第三方插件file-saver。

2024-03-22 11:19:33 209

原创 JS的设计模式

例子中,我们创建了一个计算器类和两个策略类:加法策略和减法策略。3. 观察者模式(Observer Pattern):定义了一种一对多的依赖关系,让多个观察者对象同时监听某一个主题对象。例子中,我们创建了一个汽车类和两个装饰者类:空调装饰者和皮座椅装饰者。我们将这些装饰者封装在不同的类中,并且使它们可以动态地添加到汽车对象中。例子中,我们使用了原型模式来创建一个人的原型对象。`Object.create`是 JavaScript 中的一种方法,它允许您创建具有指定原型对象和属性的新对象。

2024-03-22 09:10:57 640

原创 ES6 !!删除假值

操作符可以用来将一个值转换为布尔值。如果这个值是假值(如。在 JavaScript 和 TypeScript 中,

2024-03-19 15:06:02 124

原创 “antd“: Unknown word.cSpell

你遇到的问题是 VS Code 的 Code Spell Checker 插件在检查拼写时,将 "antd" 标记为未知单词。"antd" 是 Ant Design 的缩写,是一个流行的 React UI 库,不是一个英语单词,所以 Spell Checker 会将其标记为错误。要解决这个问题,你可以将 "antd" 添加到 Code Spell Checker 的用户词典中,这样它就不会再被标记为错误了。

2024-03-11 11:26:54 942

原创 umijs/max与umi的区别

UmiJS 是一个可插拔的企业级 react 应用框架,它提供了路由、构建、部署、测试等一整套解决方案,是一个全功能的 React 框架。是 UmiJS 的一个子项目,它是一个更轻量级的版本,主要用于构建小型的、快速的、现代的 JavaScript 应用程序。主要关注于提供最小化的核心功能,如路由和插件系统,而其他的功能,如状态管理、国际化等,都是通过插件来实现的。都是 UmiJS 的产品,但是它们的关注点和使用场景不同。,适合构建大型的、复杂的应用程序,而 @umijs/max。

2024-02-02 17:42:01 1771

原创 A系统数据表同步到B系统数据表

当从一个账户向另一个账户转账时,需要确保两个操作(从一个账户扣款和向另一个账户存款)要么都成功,要么都失败。这种方法的优点是,如果在插入新数据的过程中出现错误,原表的数据不会被影响,因为所有的操作都在临时表中进行。这样可以避免一次性处理大量数据导致的问题,同时也可以确保数据的完整性。在这些场景中,事务操作可以确保如果其中一个操作失败,那么所有的操作都会回滚,从而保证数据的一致性和完整性。在所有数据都成功插入临时表后,删除原表的数据,并将临时表的数据插入到原表中。事务操作通常用于确保数据的一致性和完整性。

2024-02-02 16:25:10 755

原创 yarn create umi 初始脚手架报错error An unexpected error occurred: “https://registry.npm.taobao.org/create-u

以上任何一种方法都可能解决你的问题,但是具体哪种方法最适合你,需要你根据自己的实际情况来决定。请注意,这将关闭 SSL 证书验证,可能会导致安全问题,所以只建议临时使用。这个错误是由于你正在使用的 npm 镜像(SSL 证书已经过期,导致无法正常访问。

2024-02-02 13:58:57 1251

原创 UMI初始化脚手架 Simple App、 Ant Design Pro、Vue Simple App、Umi Plugin 4者的区别

Umi 插件是 Umi 框架的一部分,它们可以为 Umi 应用提供额外的功能和特性。它基于 React 和 Ant Design,提供了大量的预设组件和页面模板,可以帮助开发者快速构建复杂的企业级应用。:这通常指的是一个基础的、最小化的应用程序。和 Simple App 类似,它可能只包含最基础的功能,但是它是基于 Vue.js 框架的。总的来说,这四个概念分别代表了不同的工具和框架,它们可以根据开发者的需求和项目的特性,被组合使用,以构建出各种各样的应用程序。

2024-02-02 13:57:22 733

原创 input 上传文件 及其避坑

使用原生input上传文件一定要在change事件中加上event.target.value = null;// 清除输入元素的值。事件不会被触发,因为从浏览器的角度看,输入的值并没有改变。原因:浏览器的安全机制,当你选择同一个文件时,

2024-01-11 18:02:51 409

原创 如何在 Umi /Umi 4.0 中配置自动删除 console.log 语句?

个人推荐方案2 ,方案一需要开发时禁止掉。就算通过环境变量,在打包eslint 检查也通不过。方案2、bable 插件 babel-plugin-transform-remove-console。方案1、代码规范eslint校验"no-console": true, //console.log。背景,开发时需要console.log 日志,再生产、uat 、sit不想看到日志打印信息。配置在.umirx.ts/js中。

2024-01-09 10:00:22 913

原创 python scoket

【代码】python scoket。

2024-01-05 13:45:43 427

原创 msal auzer 强制刷新获取令牌

背景:msal auzer token 过期时间微软默认事60至90分钟,普遍取中间值,现渗透测试部分(Qtester)要求30分token 过期。msal token 都是提前生产好的。为了解决高并发,所以这里获取的token 大概事5分钟前生成的。,解析token 获取发证时间 iat或nbf计算token 过期时间。刷新token 的 api【 acquireTokenSilent】前置刷新token ,我在官网找了半天也没找到。1、点击acquireTokenSilent进入如图代码。

2023-12-20 14:02:13 327

原创 小程序开发使用vant库

初始化项目步骤就不做阐述。

2023-12-17 19:19:59 248

原创 Curson 编辑器

2、快捷键ctrl+l 右侧打开窗口。Curson 汉化与vacode一样。1、快捷键ctrl+k(代码中编辑)Curson 自带chat功能。

2023-08-16 22:17:45 2134

原创 JS 获取URL 某个参数

【代码】JS 获取URL 某个参数。

2023-08-04 13:21:44 126

原创 dangerouslySetInnerHTML

属性时需要格外小心,因为它可以导致跨站脚本攻击(XSS)和其他安全问题。请确保您信任要插入的HTML,并在可能的情况下使用更安全的方法来渲染内容。是React中的一个属性,它允许您将HTML作为字符串直接插入到组件中。的属性,该属性包含您要插入到组件中的HTML字符串。属性时,您必须传递一个对象,该对象具有一个名为。

2023-06-18 15:25:07 2089

原创 微搭低代码实现aad的sso

微搭低代码平台是一种可帮助您快速构建和部署应用程序的工具,而无需手动编写大量代码。选着 Oauth2 点击下一步。

2023-05-21 14:49:15 980

原创 解决redux/Vuex刷新页面数据丢失问题

umi中使用dva替代了redux,对其的二次封装这是全局的modal,如何处理state中的内容刷新丢失问题思路:要解决强刷新浏览器导致state丢失的问题,可以将state存储在浏览器的sessionStorage中。当页面重新加载时,从sessionStorage中读取state并更新到应用程序中。effectssaveDatayield putsetupsaveDatasaveDatasaveData如果存在localStorage中可能需要关闭浏览器时是做清空处理。

2023-05-18 14:52:49 897

原创 关闭浏览器后清除localStorage的内容

因此,在关闭浏览器或标签页后,sessionStorage 中的内容会自动清除,无需编写额外的代码。在关闭浏览器之后清除localStorage的内容是不可能的,因为JavaScript无法在浏览器关闭之后继续执行。但是,我们可以在下一次浏览器打开时,检查是否有标记表明上次是浏览器关闭,如果有,则清除localStorage的内容。然后,在下次启动应用程序时,检查该标记,并根据需要清除localStorage。这样,在关闭浏览器后,下次打开应用程序时,localStorage中的内容将被清除。

2023-05-18 14:29:55 2941

node 版本管理工具 实现vue2与vue3切换开发

node 版本管理工具 实现vue2与vue3切换开发

2022-08-18

网络加密设备思维导图初级版本

网络加密设备思维导图

2022-08-18

linux基础版本学习

linux基础版本学习

2022-08-18

计算小朋友天数demo

计算小朋友天数demo

2022-08-18

微信小程序兼容及性能优化

微信小程序兼容及性能

2022-08-18

VSCode 配置自动化保存

VSCode 配置自动化保存

2022-08-18

VSCode 配置自动化保存

VSCode 配置自动化保存

2022-08-18

Ukey开发流程(登录,修改)

Ukey

2022-08-15

前端技术vue选型依据

vue技术论证

2022-08-14

vue全家桶及SPA介绍

vue、SPA、vuex、vue-router、双向数据绑定原理、虚拟DOM

2022-08-14

Chrome 安装Vue插件vue-devtools

开箱即用 加压包,找到shells下的chrome,再打开谷歌浏览器的扩展程序选中chrome

2022-06-24

前端开发规划 html、js、css

多人协同开发,制定统一的代码开发规范,可以做到事半功倍,提高协同效率、质量

2022-06-23

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除