miner

大家好，我是鱼樱！！！ 关注公众号【鱼樱AI实验室】持续每天分享更多前端和AI辅助前端编码新知识~~喜欢的就一起学反正开源至上，无所谓被诋毁被喷被质疑文章没有价值~ 一个城...

前端文件下载全攻略，从单文件到批量下载，哪种方法最优，对比window.open、window.location.href、iframe、fetch+blob、jsZip实...

在AI迅速发展的现在，身为前端工程师也要学习AI，跟上技术潮流，保持自身竞争力。 本文会分享一个DIFY工作流，完成了 市场分析->生成PPT->总结内容和标题->发送邮件...

前言 在现代Web应用中，步骤条（Step Progression）作为一种常见的UI组件，广泛应用于表单提交、任务进度以及多步骤操作等场景。为了提升用户体验，设计师往往会...

介绍常用的 Node.js 版本管理工具及其使用方法，内容包括： nvm（Node Version Manager）、n、 fnm（Fast Node Manager）as...

大家好，我是前端西瓜哥。 今天我们讲一下图形编辑器用到的一些设计模式。 因为要使用设计模式，所以文中绝大多数代码使用了带有类型系统的 TypeScript 语言。 发布订阅...

在前端使用 Transformers.js 实现智能模型应用 简介 Transformers.js 是一个强大的 JavaScript 库，允许开发者直接在浏览器或 Nod...

使用Vue3.5新增的onWatcherCleanup函数封装一个自动cancel的fetch函数。...

纯CSS实现一个很炫酷的文字波动效果，文字呈现出一个海浪波动的效果，这样的动画效果可以显著加强文案本身的含义。...

实现功能： 选择、取消选择单个元素、同时选择多个元素。 鼠标悬浮变色。 框选、滚动框选区域。 同时选择多个区域。...

前面我们实现了一个简单的canvas库，现在我们用它来实现一个简易版流程图，在实际应用中检验它的效果。...

在移动端开发中，兼容性问题是开发者需要关注的重要方面，尤其是面对多样化的设备、操作系统版本以及不同平台的特性差异。以下是一些UniApp在移动端开发中常见的兼容性问题及应对...

实际项目中three使用的场景用的也并不多，最多的就是全景项目；最近做了一个博物馆项目，这里整理一下思路全景项目这里推荐photo-sphere-viewer 它的依赖也是...

开始搭建后台系统的核心就是权限，不同的权限对应不同的侧边导航。一般的逻辑是：登录后获取得到token，再通过token获取用户信息（用户名、账号、角色、权限等），从接口获取...

localStorage 是 HTML5 引入的本地存储机制,可以在浏览器端保存键值对数据。 特点 数据存储在浏览器端,页面关闭后数据不丢失 储存空间较大,不同浏览器支持至...

内置滚动条可以简单的样式修改，但是位置是固定的，无法移动。当需要修改样式和位置并且多次使用时，需要手搓一个。本文会分享我对与如何封装滚动条、如何让内容与手搓滚动条双向绑定、...

拖拽中 介绍 子组件使用css tranisition实现动画效果，使用touchstart、touchmove、touchend实现拖拽事件。 *注意：该组件需要仅是上下...

最近重新设计了分享海报，用毛玻璃作为背景，使整体更有质感，如果没有用到canvas，毛玻璃效果其实很好实现，给元素添加一个滤镜即可...

Pinia 是一个状态管理库与 vuex 的作用及定位一致。 同时支持 vue2、3（会有部分差异）最重要的一点是它支持 组合式API，也因为此它会比 vuex 更加灵活。...

escape、encodeURI 和 encodeURIComponent 是 JavaScript 中用于编码和处理 URL 或 URI 组件的函数。尽管它们的目的相似，...