- 博客(34)
- 收藏
- 关注
原创 Vue3中使用i18n实现国际化(中英切换)
目录结构─src├─locales└─lang└─en.js //英文语言包└─zh.js //中文语言包├─i18n.js //i18n注册。
2024-09-30 15:04:10 228
原创 git修改最近一次commit信息
1. git commit --amend 进入命令模式。2. 按o进入编辑模式,修改commit信息。4. :wq 保存编辑的信息 完毕!3. 修改完毕后,按ESC退出。
2024-09-25 17:54:45 117
原创 通过FileReader API获取上传音频的长度
调用FileReader API,并通过(window.AudioContext || window.webkitAudioContext)()创建音频上下文对象实现。注意:最后一定要记得调用readAsArrayBuffe来读取内容,不然获取不到FileReader的上下文。接口允许 Web 应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用。对象指定要读取的文件或数据。
2024-08-21 17:31:10 460
原创 Uniapp使用InnerAudioContext返回内部 audio 上下文 ,获取不到duration当前音频的长度,如何解决?
【代码】Uniapp使用InnerAudioContext返回内部 audio 上下文 ,获取不到duration当前音频的长度,如何解决?
2024-08-21 16:59:08 504
原创 Vue3中使用Ant Design Vue组件库中modal,如何改变其样式?
【代码】Vue3中使用Ant Design Vue组件库中modal,如何改变其样式?
2024-07-15 16:54:15 666
原创 Vue3实现记住密码功能
npm i js-cookie // 使用Cookie来实现记住密码功能npm i jsencrypt //使用jsencrypt进行加密解密。
2024-06-25 10:47:04 557
原创 如何通过HTTP客户端(如axios或fetch)实现前后端交互
HTTP请求参数三种类型:查询参数(Query)、请求体参数(Body)、路径参数(Path)?{userId}
2024-06-13 15:33:30 262 1
原创 Vue3中跨组件传值(Mitt)
使用emit传值,使用on接收,最后不要忘记销毁,避免内存泄漏。2.在根目录下创建eventBus.js。3.组件间进行传值与接收值。
2024-06-02 21:38:21 280
原创 微任务与宏任务
总结来说,微任务和宏任务的主要区别在于它们在事件循环中的执行时机不同,微任务总是比宏任务更早执行,且在一个事件循环 tick 内,所有微任务会按照先进先出的原则被执行完毕。虽然延时设置为 0,但这并不意味着立即执行,而是将其放入浏览器的任务队列(Task Queue),等待当前执行栈为空时再执行,因此 "b" 不会立即输出。当所有同步代码执行完毕后,主线程会检查微任务队列并执行其中的任务,此时输出 "e"。,其回调函数也会被放入任务队列等待执行,因此 "d" 也不会立即输出。函数,输出 "a"。
2024-03-31 19:33:40 383 1
原创 Vue常见面试题(持续更新)
创建插件: 首先,你需要创建一个插件。Vue.js 插件通常包含一个installVue构造器和可选的options对象。// 在这里扩展 Vue 的功能,如添加全局方法、属性、指令或组件等methods: {// 添加全局方法// 自定义逻辑...},},});// 定义全局自定义指令// ...},});// 注册全局组件// 组件定义...});},注册插件: 创建完插件后,在应用中使用Vue.use()方法来注册插件。
2024-03-20 19:29:00 1320 1
原创 react常见面试题(持续更新)
受控组件的值是由React组件自身的state所控制的。这意味着表单元素的值不是直接由DOM维护,而是通过React组件的state来决定。每次用户输入时,都会触发一个事件处理器(如。
2024-03-06 10:35:12 1084 1
原创 阿里云如何解析域名(图文)
注:没有域名的可以在阿里云上购买域名,域名审核为15个工作日左右,域名申请直接在阿里云首页中搜索即可,根据提示一步步申请就好。
2024-01-25 20:12:57 3504
原创 项目中如何使用stylelint来规范css?
Stylelint 是一个强大的 CSS 静态分析工具,用于帮助开发者遵循一致的 CSS 代码风格和最佳实践。它可以检查 CSS 代码中的错误、不一致的命名约定、不推荐的用法,以及其他潜在的问题。比如说:我们在写css代码时,一般不注重css的书写顺序,那么stylelint就会帮助我们来规范css的书写顺序。这里涉及到css的书写顺序,简单科普以下css书写顺序。
2024-01-08 21:21:59 1479 2
原创 利用宝塔面板进行前端项目上线部署(图文)
域名:若第一次进行站点添加,域名为宝塔Ip+自定义端口,这里要注意的是,若已经有一次上线,若再输入宝塔Ip+自定义端口,就会出现此站点已占用的提示,这里使用两个域名解决,第一行输入一个自定义域名(随机),第二行输入真实的IP+端口号,随后删除第一个自定义域名即可备注:自定义根目录:为刚才上传的前端项目目录其他设置默认即可。
2024-01-06 22:13:01 3517 2
原创 vue二次开发框架
Vue二次开发框架是基于Vue.js框架的一种扩展和封装,它提供了一系列的组件、工具和样式等,用于简化Vue.js应用程序的开发过程。这些框架可以帮助开发人员更高效地构建Vue.js应用程序,并提供了一些常用功能和工具,如路由管理、状态管理、表单验证、UI组件库等。Vue二次开发框架通过封装和抽象,提供了一些常见的业务逻辑和功能模块,使开发人员能够更快速地搭建Vue.js应用程序,并降低项目的开发成本。同时,这些框架还支持自定义扩展和主题配置,使开发人员能够根据项目需求进行灵活的定制和样式调整。
2024-01-06 07:50:34 520 1
原创 Vue3中如何使用pinia
用自己喜欢的包管理器进行安装pinia2.创建实例2-1 src目录下创建store文件夹,在store的目录下创建modules文件夹2-1-1store文件夹下创建index.js文件来创建pinia实例2-1-2 modules文件夹下创建对应的js文件,来定义store,例如我们创建一个user.js文件来定义用户store2-1-3 在main.js中导入pinia实例,并使用。3.组件中使用pinia3-1在需要使用pinia的组件中导入store注:对 `d
2023-12-21 08:58:08 335 1
原创 使用cmd结束指定端口号
1.Win+R打开终端,输入命令,查找该端口号的进程号(3000为你想要结束的端口号)2.输出以下命令结束该进程(30428为进程号)\。这样指定端口号运行的进程就结束了!以下图片红框中内容为进程号。
2023-11-10 13:56:04 298 2
原创 如何利用宝塔面板创建mongodb共享数据库
2023阿里云金秋云创季-阿里云 (aliyun.com)接下来会有一个认证过程,再次略过...随后根据自己的需求进行填写信息,如果你想要使用宝塔面板在预装系统上选择宝塔Linux面板,信息填写完毕立即试用即可创建成功后,前往控制台,点击管理点击管理进入安全组点击管理规则 手动添加两个端口号(端口为:8888,27017;授权对象 源:0.0.0.0/0)再次进入实例,点击远程连接,通过Workbench远程连接重新设置root密码。
2023-11-04 23:49:58 1502 2
原创 react中使用react-draggable实现拖拽,并解决在移动设备中使用拖拽后点击事件无效
npm i react-draggableimport Draggable from 'react-draggable' {wishCards.map((card, index) => (
2023-10-16 16:42:29 1146 2
原创 淘宝最新镜像源切换
cmd终端输入:npm config set registry https://registry.npmmirror.com。查看镜像源 npm config get registry。查看镜像源 npm config get registry。1.首先通过cmd打开终端,查看自己的镜像源。2.若不是以上镜像源,请更换为镜像源。则表明更换成功,已是淘宝最新镜像源。则是最新的淘宝镜像源。3.更换为淘宝最新镜像源。4.再次查看自己的镜像源。
2023-10-11 15:41:59 11613 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人