纯 CSS 实现的的3种扫光效果
介绍一个比较常见的动画效果。 在日常开发中，为了强调凸显某些文本或者元素，会加一些扫光动效，起到吸引眼球的效果，比如文本的 或者是一个卡片容器，里面可能是图片或者文本或者任意元素 除此之外，还有那种不规则的图片，比如一张奖品图片，只会在图片本身出现扫光，透明度地方则不会 这些是如何实现的呢？一起看看吧 一、CSS 扫光的原理 扫光动画的原理很简单，就是一个普通的、从左到右的、无限循环的位移动画 位移动画可以选择 或者改变 都行。 至于扫...
面试官：sessionStorage 能在多个标签页之间共享数据吗？
sessionStorage 能在多个标签页之间共享数据吗？在回答这个问题之前我们先来聊聊另一个存储API localstorage localstorage 与 sessionStorage 经常是放在一起讨论，那他们之间的区别是什么呢？ 只读的 属性允许你访问一个 源（origin）的对象 ；存储的数据将保存在浏览器会话中。 类似 ，但其区别在于：存储在 的数据可以长期保留；而当页面会话结束——也就是说，当页面被关闭时，存储在 的数...
2024web打印解决方案
背景 最近在做公司后管系统的打印工具,翻了很多资料这里针对个人封装的，以及现有的一些方案对比，总结一下。 1\. 浏览器打印 通过 调用浏览器打印 优点: 1. 比较简单 2. 可以直接选择打印机打印 缺点： 1. 不同浏览器中存在区别：在Safari和Chrome都会弹起打印预览的窗口，FireFox和 IE 没有预览而是直接让你选择打印机 2. 打印的是整个网页，不能局部打印 3. 打印不支持自定义分页行为，默认不支持批量打印 4....
eslint9+vite+vue3+prettier配置
eslint9+vite+vue3+prettier配置 今年更新eslint9之后，新建项目不再像之前那样的配置方式了，被整吐血的作者在尝试3小时之后，终于整合了eslint9+vite+vue3+prettier，完美运行，有问题可以评论，一起进步 安装插件 package.json截图 新建 ,内容如下 新建 ,内容如下 新建 ,内容如下 中的配置 最后再配置 好了，开始你的eslint9之路吧
NextJs 14 从入门到精通
node 环境 npx、yarn、bun 工具皆可（个人偏好 ，因为它快） 初始化 next 项目 项目目录 安装 autoprefixer 及配置 postcss 从 Layout 开始 app/layout.tsx 是整个应用的主布局文件，相当于React的main.ts或App.tsx，它主要做以下几个事情： 项目 metadata 加载全局样式 globals.css 加载网络/本地字体 定义应用顶级布局 国际化 i18n 第三...
Vue 3.5 新特性盘点 + 使用感受
这次更新的吸引力没有 3.4 那么大，首先最大的更新就是这个 props 解构了，这是一个编译器特性，能够追踪 props 结构出来的变量，然后把用到的地方自动添加 前缀。 上面的代码等价于： 这个语法糖看似挺有用的，但细想一下就是个鸡肋。首先已经有 可以将 props 转成一堆 ref，这次的新写法只是省了几个 ，外加少创建几个 ref 对象而已，性能也没啥区别。 其次如果组件大一点，那么 里头的变量和函数会相当多， 这解构又把一堆变...
基于tailwind做前端元素权限控制，还行！
1 背景 1.1 权限控制 在不同颗粒度、纬度的区分下，可以分模块、页面、元素、接口、数据等 当用户加载模块或者页面，可以基于用户的权限在网关和接口侧进行403拦截 接口可以在后端进行拦截器处理 元素可以基于前端用户当前拥有的最小权限颗粒度进行选择性展示或者交互逻辑 数据权限，由接口测把控，控制前端查询、操作，公司内部sql执行器的权限 1.2 RABC模型 RBAC模型（Role Based Access Control：基于角色的访...
Electron+WebRTC实现局域网内的远程控制软件
我的工位上有一台笔记本（windows），一个显示器，一台服务器（linux）。显示器同时连接笔记本和服务器，当需要用到服务器的时候：1.使用todesk等软件进行连接；2.直接把显示器切换到服务器桌面，然后给服务器插上鼠标键盘。在这种场景下，屏幕画面的传输对我来说并不是必要的，这种场景下能不能用一套键鼠控制两个电脑呢？边做边学便有了这个小工具。记录下来，其中遇到的问题和解决方案。 通过electron + Vue + primevue...
Tone.js 音频播放器
使用 Tone.js 实现一个基本的音频播放器，该播放器不仅支持基本的播放控制，如播放、暂停、进度显示等等，还具备倍速播放和音高调整等功能 上一篇文章 基于 HTML5 的 Audio，实现了基本的音频播放器，也通过 Tone.js 实现了音高调整功能，但是该功能的实现没有和 Audio 的其他控制关联起来。 本文介绍如何使用 Tone.js 构建一个完整的音频播放器，并实现音高调整功能。 1\. 安装及引入 Tone.js 是一个功能...