前端开发综合论坛 今日: 0|主題: 906|排名: 71 

一、Vue3生命周期革新特性 相较于Vue2，Vue3通过Composition API带来了更灵活的生命周期管理方式。通过onBeforeMount等函数注册钩子时，实际是通过injectHook方法将回调函数注册到组件实例的hmr属性中。 在 Vue3 应用开发中，生命周期钩子函数扮演着至关重要的角色。它们允许开发者在组件从创建到销毁的各个阶段执行自定义 ...

前言 Svelte，一个语法简洁、入门容易，面向未来的前端框架。 从 Svelte 诞生之初，就备受开发者的喜爱，根据统计，从 2019 年到 2024 年，连续 6 年一直是开发者最感兴趣的前端框架 No.1： Svelte 以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合构建轻量级 Web 项目。 为了帮助大家学习 Svel ...

原创新作vue3.5+deepseek+markdown+vant4仿DeepSeek-R1流式输出ai聊天对话。 deepseek-vue3-chat : 实战2025智能大模型ai会话，基于Vue3+Vite6+OpenAI集成接入DeepSeek聊天小助手模板，支持流式打字输出效果、浅色/暗黑主题模式、代码高亮显示、针对移动端+PC端适配处理。 Vite8+DeepSeek网页版AI助手|vue3+arco本地web版 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 场景 web端有这样一种场景，广告方投放了一些广告，并要求用户停留在当前页面一定时间（例如看完一段30秒的广告）才能收到活动奖励。 用户可能会打开广告后切到其他tab页或者最小化当前页面，去做自己的事情，如何强制用户停留在当前页面，看完广告？   直接使用定时器 ...

前言 Svelte，一个语法简洁、入门容易，面向未来的前端框架。 从 Svelte 诞生之初，就备受开发者的喜爱，根据统计，从 2019 年到 2024 年，连续 6 年一直是开发者最感兴趣的前端框架 No.1： Svelte 以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合构建轻量级 Web 项目。 为了帮助大家学习 Svel ...

在修改头部logo跳转链接前，我们需要知道对应代码在哪个文件目录，进入宝塔或是服务器，找到文件：\template\default\common\header.htm，编辑器打开，搜索以下代码，大概在135行 1 <a href="{if $_G['setting']['domain']['app']['default']}{$_G['scheme']}://{$_G['setting']['domain']['app']['default']}/{else}./{/i ...

作者：来自 vivo 互联网大前端团队- Su Ning   本文将探讨 three.js 中的阴影渲染机制，并分享一些针对性能和效果优化的实用技巧，帮助开发者在不同场景下做出最佳的权衡选择。 一、前言   在3D网页应用中，高质量的阴影渲染对于营造场景的真实感至关重要。作为广泛采用的 WebGL 框架之一，three.js 为开发者提 ...

项目使用的是vue2，脚手架vue-cli 4。 需求：之前项目路由使用的是hash，现在要求调整为history模式，但是整个过程非常坎坷，遇到了页面空白问题。现在就具体讲一下这个问题。 首先，直接讲路由模式由hash改为了history。 在vue.config.js中的配置 然后直接进行打包。 nginx的配置： 此时，启动nginx，访问项目http://lo ...

前言 Svelte，一个语法简洁、入门容易，面向未来的前端框架。 从 Svelte 诞生之初，就备受开发者的喜爱，根据统计，从 2019 年到 2024 年，连续 6 年一直是开发者最感兴趣的前端框架 No.1： Svelte 以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合构建轻量级 Web 项目。 为了帮助大家学习 Svel ...

前言 大家好，我是付杰！ 今天咱们来聊聊JavaScript中一个超级好用，但可能很多人忽视的API URLSearchParams。 如果你曾经为了处理URL中的查询字符串而烦恼，比如手动解析?name=张三&age=30这样的参数，那今天的内容绝对能让你眼前一亮！ 以前，我们可能得自己写一堆代码来解析这些参数，操作起来不仅效率低，还容易出错（ ...

前言 在Vue3从发布到今天，组合式API已成为现代前端开发的标杆设计模式。本文通过真实项目场景，深度解析组合式API的核心特性，配以完整代码示例，助你彻底掌握企业级Vue应用开发精髓。 一、为什么组合式API是Vue3的革命性升级？ 1.1 选项式API的痛点 代码碎片化：数据在data，方法在methods，计算属性在computed 逻辑耦合 ...

vscode是微软开发的代码编辑器，因其轻量、跨平台、多语言支持性而广受欢迎。vscode本身的定位只是一个代码编辑器（editor)，却能实现传统ide（集成开发环境，integrated development environment ）一样实现一站式开发，支持多语言的代码提示、编译、调试等重要功能。正是因为有强大的插件系统和丰富的插件社区，vscode才 ...

前言 Svelte，一个语法简洁、入门容易，面向未来的前端框架。 从 Svelte 诞生之初，就备受开发者的喜爱，根据统计，从 2019 年到 2024 年，连续 6 年一直是开发者最感兴趣的前端框架 No.1： Svelte 以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合构建轻量级 Web 项目。 为了帮助大家学习 Svel ...

1.let和const 与 var 在变量提升上的区别 let和const与var一样都存在变量提升（在编译阶段变量会被提升至作用域的顶部，但不会被赋值，类似：let a），而const和let存在暂时性死区（ 从变量进入作用域的那一刻，到变量被声明并初始化的那一行代码执行完之前）在声明之前不能被访问 // 输出为undefined， // 原因是var ...

效果这样 直接上代码吧 <template> <div ref="chartDom" style="width: 260px; height: 460px; background-color: white"></div> </template> <script setup lang="ts"> // import { useI18n } from 'vue-i18n' // import { useQuasar } from 'quasar' import * as echarts from 'echarts' import { computed, nextTick ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 前段时间突然接到一个需求，项目中要实现特定水印功能，不同的用户查看时展示用户特有的水印，这样可以在资源外流的时候追究到责任人。 查找搜集了很多方法，有通过CSS伪元素添加水印的、还可以使用CSS重复背景图片、还有使用svg的，最后综合考虑了下，还是打算通过canvas来 ...

一、为什么选择Pinia？（Vuex对比分析） 1.1 核心优势解析 Composition API优先 ：天然支持Vue3新特性，代码组织更灵活 TypeScript友好 ：内置类型推导，无需额外类型标注 模块化设计 ：支持多Store独立管理，解决Vuex命名空间混乱问题 调试增强 ：内置时间旅行调试和状态快照功能 // Vuex与Pinia代码量对比（计数器案例 ...

  🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣   概念解释 通过数据接口，简化功能开发。天气数据从哪里来？如果是自己采集，不光要写后端代码，最难的是维护啊，所以必须《天气预报》此类APP特别适合 前后端分离的，以下用一个简单的例子快速打通前后端的调用前端使用HTML页面，通过JS的Fetch发起请求，向 ...

有一个 Vue 3 的项目，之前在本地运行 npm run dev 都好好的，今天突然报了下面这个错： GET http://localhost:5173/node_modules/.vite/deps/axios.js?v=f9440d0c net::ERR_ABORTED 504 (Outdated Optimize Dep) 先分析一下这个错误：这是 Vite 开发服务器的依赖优化错误，报这个错说明 axios 依赖项的优化缓存已经过期了 ...

在线白板工具 Drawnix —— 名字源于绘画(Draw)与凤凰(Phoenix)的灵感交织。 Drawnix 的定位是一个开箱即用、开源、免费的在线白板工具产品， 集思维导图、流程图、画笔于一体，目前它刚启动几个月，还在持续迭代基础功能，大家有做流程图、思维导图的需求时不妨试一试，有任何的缺陷或者基础交互问题我都会及时 ...