- 博客(103)
- 收藏
- 关注
RSS订阅原创 Vuex 自动化生成工具
Vuex 自动化生成工具 为提升前端开发效率，减少重复代码编写，需开发一个自动化工具，根据输入参数自动生成完整的 Vuex 存储模块（包括 api.js、mutation-types.js、mutations.js、getters.js 和 actions.js）
2025-06-10 14:31:45
914
原创 别让 HTTPS 阻塞开发！Vite 一键打通浏览器访问https
在 Vue Vite 项目开发中，运行 HTTPS 时浏览器无法访问是困扰许多开发者的常见难题。本内容聚焦这一痛点，提供从临时证书生成到自定义证书配置的全流程解决方案，涵盖 Vite 配置优化、浏览器证书信任设置等关键步骤。无需复杂操作，通过清晰易懂的指引，助你快速解决 HTTPS 连接障碍，让浏览器顺畅访问项目，为开发调试和生产部署筑牢安全基础。
2025-06-09 17:21:03
181
原创 vue 多端适配之pxtorem
在 Vue 3 + Vite 项目中使用 postcss-pxtorem 自动将 px 单位转换为 rem 单位
2025-06-04 14:33:31
320
原创 vue实现点击按钮input保持聚焦状态
主要功能：1. 点击"停顿"按钮切换对话框显示状态2. 输入框聚焦时保持状态3. 点击对话框外的区域自动关闭
2025-06-04 10:17:48
676
原创 mysql 安装
如果你需要特定版本的MySQL，可以使用@version标签指定版本，例如brew install mysql@5.7。环境变量：确保你的环境变量正确设置，以便在命令行中可以方便地访问MySQL。例如，将/usr/local/mysql/bin添加到你的PATH环境变量中。通过以上步骤，你应该能够在你的Mac上成功安装并运行MySQL。配置文件：MySQL的配置文件通常位于/usr/local/etc/my.cnf或/etc/my.cnf。安装Homebrew之后，你可以使用它来安装MySQL。
2025-04-25 14:47:19
424
原创 探秘 Svelte+Vite+TS+Melt-UI 框架搭建，开启高效开发
svelte项目框架包含了路由：svelte-spa-router 样式：less tailwind 国际化：svelte-i18n 接口请求：axios 环境变量配置:.env 组件库：melt-ui 图标库：iconfont 轮播图：swiper node:20.18.1 npm 10.8.2
2025-04-07 11:49:45
762
原创 解决 axios get请求瞎转义问题
axios是一个强大的HTTP客户端库，适用于发送各种HTTP请求。qs是一个处理查询字符串的库，特别适合与axios结合使用，尤其是在处理POST请求时。你可以通过全局配置或局部配置来使用qs，并且可以根据需要调整序列化和解析的行为。希望这些信息对你有帮助！如果你有更多问题，欢迎继续提问。
2025-04-03 17:02:27
494
原创 vue实现一个pdf在线预览，pdf选择文本并提取复制文字触发弹窗效果
【代码】vue实现一个pdf在线预览，可复制pdf中内容并提取复制文字触发弹窗效果。
2025-03-06 09:42:29
667
原创 elementUI方案汇总
注意：这样改样式如果屏幕分辨率足够大无横向滚动条时，固定列下方就会多出一道横线，不美观，可以用样式去除。解决方法：改变固定列的样式，给固定列设置下边距，下边距的大小等于横向滚定条的高度。问题原因：固定列将下方的滚动条盖住了，无法触发滚动条的滚动。
2025-02-24 16:13:27
383
原创 前端之canvas实现电子签约完成线上签署功能
电子签名，下载带有签名的合同png/pdf格式，前端/vue实现电子签功能。最近发现现在租房还是签合同，越来越多采用电子签约的方式进行，好处不用多说节约成本，节约时间。抱着好奇的心理，尝试自己动手实现一个电子签。原来并不复杂主要通过了canvas绘画能力进行实现的。
2025-01-08 12:31:14
524
原创 Linux -前端需要了解的Linux 常见命令
Linux 系统⽀持多⽤户，采⽤⽤户组的形式管理多个⽤户（root ⽤户就在 root ⽤户组）Linux 系统不同于 windows，在 Linux 系统中没有盘符，根路径⽤"/"表示。Linux 系统中的⽂件和目录都有访问权限，包括读、写、执⾏等。Linux 系统压缩⽂件通常为 tar.gz(tar 包)特征：前⾯的命令必须有输出，后⾯的命令使⽤这个输出。指令格式：指令名称 [-选项] [参数]root ⽤户默认具有所有⽂件的操作权限。uname -a 查看内核版本。管道命令：多个命令的组合。
2025-01-03 16:58:25
1628
原创 如何快速在本地运行你vue打包的的dist文件
要在本机启动运行前端提供的dist包，需要先安装一个HTTP服务器，例如Apache,Nginx，phpstudy。这里以使用Node.js的http-server为例进行说明首先，确保已经安装了Node.js。如果没有安装，可以从官网下载并安装。打开终端或命令行窗口，使用以下命令安装http-servernpm install -g http-server进入dist...
2023-07-26 14:44:00
2588
原创 监听sessionStorage中值的变化
应用场景：将登录接口所返回的用户信息存入sessionStorage，在其他地方需要使用到用户信息，但不知道什么时候接口请求完，此时可以监听sessionStorage中值的变化。应用：Event自定义事件 window.dispatchEvent();事件分发var orignalSetItem = sessionStorage.setItem;sessionStorage.se...
2023-07-21 14:52:00
503
原创 23年用vuex进行状态管理out了，都开始用pinia啦！
1 Vue2项目中，Vuex状态管理工具，几乎可以说是必不可少的了。而在Vu3中，尤大大推荐我们使用pinia(拍你啊)进行状态管理，咱得听话，用就完了。使用之前我们来看一下，使用 pinia 给我们带来哪些好处?官网介绍：Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态个人理解：在我看来就是变态版 vuex，听说是为了尊重原作者，所以给改名了叫 pinia(拍你啊)看...
2023-03-03 14:58:00
184
原创 js实现一二级域名共享cookie
前言最近接手的项目中 ，有人反馈了一个问题，说是在访问网站并登录后，登录成功有登录信息，但是刷新页面后重定向到了登录页面，让从新登录。打开 goole 调试页面，查看 cookie 时发现存储的相关 token 信息不见了。原本以为 cookie 有效期有问题，但经过排查 cookie 失效为 7 天，也没有清除 cookie 的逻辑。经排查发现：我们在输入访问 hew.cn 的时候，...
2023-02-17 16:51:00
610
原创 10分钟了解MVVM，实现简易MVVM
MVVM 是 Model-View-ViewModel 缩写，也就是把 MVC 中的 Controller 演变成 ViewModel。Model 层代表数据模型，View 代表 UI 组件，ViewModel 是 View 和 Model 层的桥梁，数据会绑定到 viewModel 层并自动将数据渲染到页面中，视图变化的时候会通知 viewModel 层更新数据。Model: 代表数据...
2023-02-17 11:34:00
116
原创 8种Vue中数据更新了但页面没有更新的情况
这一句引起的，因为触发了 setter，所以单看上述例子，具有响应式特性的数据只有 message 这一层，它的动态添加的属性是不具备的。方案3： 在vuex中设置状态，动态绑定 include 值，在登录的时候缓存需要缓存的组件，在退出的时候，清除需要刷新的组件（效果很理想，也顺带解决了加载数据时，数据闪现的情况）方案1： 如果要在进入页面的时候获取最新的数据，需要在activated阶段获取数据，承担原来created钩子中获取数据的任务(亲测，时而有效，时而无效，不知道是什么原因)。
2022-11-30 17:30:46
1553
1
原创 前端-文件上传几种方式及其核心思想
目录一、文件上传几种方式1、from 表单上传1.1 普通上传1.2异步上传方案1：base64上传方案2：二进制形式2、frame上传3、FormData异步上传二、大文件上传1、切片2、断点续传3、上传进度和暂停一、文件上传几种方式form表单上传iframeFormData异步上传1、from 表单上传首先要知道我们上传文件时需要修改form表单的 enctype='mult...
2022-03-31 16:47:00
1258
原创 HyBird App(混合应用)核心原理JSBridge
目录app分类HyBird App(混合应用)JSBridge介绍优势及应用场景JsBridge的核心1、Web端调用Native端代码1.1 拦截URL Schema1.2 注入api2、Native端调用Web端代码app分类Native App(原生应用)Web App(网页应用)HyBird App(混合应用)HyBird App(混合应用)Hybrid利用JSBridge...
2022-03-29 14:58:00
120
原创 微前端
一、微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端。微服务是面向服务架构(SOA)的一种变体，把应用程序设计成一系列松耦合的细粒度服务，并通过轻量级的通信协议组织起来具体地，将应用构建成一组小型服务。这些服务都能够独立部署、独立扩展，每个服务都具有稳固的模块边界，甚至允许使用不同的编程语言来编写不同服务，也可以由不同的团队来管理。1、将单页面前端应用由单一的单体应用转...
2022-03-28 16:06:00
66
原创 linux基本操作
一、 基础介绍Linux 是一套免费使用和自由传播的类 Unix 操作系统，是一个基于 POSIX 和 UNIX 的多用户、多任务、支持多线程和多 CPU 的操作系统。1、发行的 linux 版本Linux 的发行版说简单点就是将 Linux 内核与应用软件做一个打包。市面上较知名的发行版有：Ubuntu、RedHat、CentOS、Debian、Fedora、SuSE、OpenSUSE...
2022-03-23 17:32:00
110
原创 微信小程序---快速上手云开发
一、初识云开发官方文档小程序·云开发是微信团队联合腾讯云推出的专业的小程序开发服务。开发者可以使用云开发快速开发小程序、小游戏、公众号网页等，并且原生打通微信开放能力。开发者无需搭建服务器，可免鉴权直接使用平台提供的API进行业务开发目前云开发包含：云数据库，云函数，云存储，云调用优势无需搭建服务器，只需使用平台提供的各项能力，即可快速开发业务。无需管理证书、签名、秘钥，直...
2022-01-18 15:14:00
107
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人