刷新
记录---在Vue项目中启用HTTPS本地开发

博主头像 ‍ 写在开头 点赞 + 收藏 学会 现代前端开发中,启用HTTPS本地环境越来越重要。本文将详细介绍如何在Vue项目中配置HTTPS开发服务器,使用mkcert工具生成可信证书,解决跨域问题并模拟真实生产环境。 为什么需要HTTPS本地开发? 使用浏览器新特性(如地理位置API) ...

1.新建pnpm+monorepo架构项目

博主头像 一、前期准备: 1. 准备node环境(推荐nvm方式管理node版本); 2.安装pnpm(pnpm 通过创新存储模型解决了 npm/yarn 的磁盘冗余、依赖污染等核心痛点,尤其适合 ‌Monorepo 项目、低存储环境及高稳定性要求的场景‌。若项目无特殊兼容需求,pnpm 是当前最优解。); ...

vxe-table 如何设置单元格垂直对齐

vxe-table 如何设置单元格垂直对齐,当某写场景需要将单元格样式调整为顶部对齐就很有用了,比如多行文本之类的。 查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee:https://gitee. ...

前端实现数字验证码

博主头像 ‍ 写在开头 点赞 + 收藏 学会 该代码的主要功能是生成一个图形验证码,并将其绘制在HTML的<canvas>元素上。验证码由4个随机数字组成,背景和文字颜色随机生成,且文字有一定的旋转角度,增加了识别的难度。 核心逻辑: useImageVerify:这是一个Vue 3的Co ...

记录---xx.d.ts文件有什么用,为什么不引入都能生效?

博主头像 ‍ 写在开头 点赞 + 收藏 学会 背景简介 在前端项目开发中,我们常常会遇到这样一种情况:项目中引入了某个第三方库,但它没有提供内置的 TypeScript 类型声明。此时,如果你在 TypeScript 项目中直接使用这个库,编译器就会报错。 也许你很聪明,知道在项目中的sh ...

基于vue3项目开发+MonacoEditor实现外部引入依赖,界面化所见即所得

博主头像 最近一个项目中,基于vue3开发,想开发一个在线管理组件库的功能,具体业务实现: 1. 在私库Nexus上传组件包; 2. 然后用UNPKG实现路径访问在线解压文件; 3. 解压文件上传到gitee组件库中查看; 4. 然后通过页面配置填写需要引入的依赖地址(直接通过UNPKG读取包内文件内容),页 ...

解构赋值的这几个"坑",毁掉了多少程序员?

博主头像 ‍ 写在开头 点赞 + 收藏 学会 解构赋值是 JavaScript 中最受欢迎的特性之一,它让数据提取变得简洁优雅。但看似简单的语法糖下,隐藏着十个高频「陷阱」。本文结合代码示例与原理分析,带你逐一避坑! 一、解构未定义对象:空值引发的致命错误 ❌ 典型错误 javascrip ...

优化用户体验:拦截浏览器前进后退、刷新、关闭、路由跳转等用户行为并弹窗提示

博主头像 ‍ 写在开头 点赞 + 收藏 学会 需求 首先列举一下需要拦截的行为,接下来我们逐个实现。 浏览器前进后退 标签页刷新和关闭 路由跳转 1、拦截浏览器前进后退 这里的实现是核心,涉及到大量 History API 的理解,如果不太了解可以先看一下这两个文章: 拦截浏览器后退方法附 ...

<1···345···14>