记录---在Vue项目中启用HTTPS本地开发-牛翰网

记录—在Vue项目中启用HTTPS本地开发

🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 现代前端开发中,启用HTTPS本地环境越来越重要。本文将详细介绍如何在Vue项目中配置HTTPS开发服务器,使用mkcert...
前端实现数字验证码-牛翰网

前端实现数字验证码

🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 该代码的主要功能是生成一个图形验证码,并将其绘制在HTML的<canvas>元素上。验证码由4个随机数字组成,背...
记录---xx.d.ts文件有什么用,为什么不引入都能生效?-牛翰网

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

🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 背景简介 在前端项目开发中,我们常常会遇到这样一种情况:项目中引入了某个第三方库,但它没有提供内置的 TypeSc...
优化用户体验:拦截浏览器前进后退、刷新、关闭、路由跳转等用户行为并弹窗提示-牛翰网

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

🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 需求 首先列举一下需要拦截的行为,接下来我们逐个实现。 浏览器前进后退 标签页刷新和关闭 路由跳转 1、拦截浏览...
记录---前端图像五兄弟:网络 URL、Base64、Blob、ArrayBuffer、本地路径,全整明白!-牛翰网

记录—前端图像五兄弟:网络 URL、Base64、Blob、ArrayBuffer、本地路径,全整明白!

🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 你有没有在写前端的时候,突然迷糊了: 为啥这张图片能直接 src="https://xxx.jpg" 就能展示...
记录---前端动态导入(import.meta.glob)-牛翰网

记录—前端动态导入(import.meta.glob)

🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 以下详细介绍 import.meta.glob 的使用: 1. 参数详解 import.meta.glob( pattern, // 匹配模式:字符...
记录---用 iframe 实现前端批量下载的优雅方案 —— 从原理到实战-牛翰网

记录—用 iframe 实现前端批量下载的优雅方案 —— 从原理到实战

🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 传统的下载方式如window.open()或<a>标签点击存在诸多痛点: 批量下载时浏览器会疯狂弹窗 HTTPS页面下载HTT...
记录---写个vite插件自动处理系统权限,降低99%重复工作-牛翰网

记录—写个vite插件自动处理系统权限,降低99%重复工作

🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 好久没有更文章咯,最近做一个中台系统的权限控制功能,由于路由权限和角色权限都简单,但是要做按钮权限有...
记录---grid实现瀑布流-牛翰网

记录—grid实现瀑布流

🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 效果图 瀑布流布局原理 瀑布流布局(Waterfall Layout)是一种等宽不等高的多列布局方式,视觉上元素像瀑布一样逐...
记录---CSS Grid 布局:现代网页布局的强大工具-牛翰网

记录—CSS Grid 布局:现代网页布局的强大工具

🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 CSS Grid 布局(网格布局)是 CSS 中一种强大的二维布局系统,它彻底改变了我们构建网页布局的方式。与传统的布局...