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

如何用 vxe-table 实现单元格内容格式化金额，千位分隔符，负数显示红色 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 在 vxe-table 配置格式化金额非常简单，通过内置的数值格式化器就可以直接配置实现。 cellRender: { name: 'FormatNum ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 最新国际化插件 更强大的国际化插件： 支持有道翻译，谷歌翻译及自定义翻译器。 支持所有编译成js的前端框架。 支持webpack，vite以及rollup。 链接：前端全场景国际化插件 auto-i18n-translation-plugins，一键完成 (vue2/3、react) ⬆️ ⬆️ ⬆️ ⬆️ ⬆️ ⬆️ ⬆️ ...

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

一、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代码量对比（计数器案例 ...