全部文章
共 1299 篇文章
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 是一个功能...
vue实现预览编辑ppt、word、pdf、excel、等功能的解决方案（内网-前端）
需求 1. vue项目内做一个导入ppt的功能 2. 导入的ppt在项目内点击可以预览并且直接在线编辑。 3. 可以多人协同编辑 4. 编辑后可保存 5. 内网 寻找实现方案 1. 使用 ：将PPT文件嵌入到一个iframe中进行预览。（pass掉的原因：可以预览，不能编辑，内网使用要考虑的安全性问题太多） 2. ：一个用于在Vue项目中预览PPT文件的插件，支持在线预览PPT文件，并提供缩略图和全屏预览功能。（pass掉的原因：不支持...
一个”哇塞“前端需要知道的 React 生态清单
【前端】一个”哇塞“前端需要知道的 React 生态清单 最近在做一个自己的知识库，希望对自己的知识体系做一个彻底的梳理和整理，以便制定今后的学习计划和方向。下面就分享一下我自己整理的整个 知识体系和各生态当前最热门的实践 要成为一个精通 React 的 前端，不仅需要全面掌握 React 的基础概念，同时还需要熟练运用相关的技术生态和工具。虽然 只是一个基于 UI 层面的库，但是整个 React 生态其实是很繁荣的，真正要 ”精通“...
从前端工程师的角度将SEO做到极致
一、前言 SEO 是 Search Engine Optimization 的缩写，即搜索引擎优化。它是一种通过调整网站的内容、结构、外部链接等方面的优化手段，来提高网站在搜索引擎中的自然排名，以求得获得更多的流量，从而达到互联网营销及品牌建设的目标。 作为一名前端工程师，掌握一些 SEO 的相关知识是很有必要的，本文主要介绍 的优化手段，分为三大类，全方位的把 SEO 做到极致🌻！ 二、优化手段(一) 1\. TDK TDK 是 T...