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

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

目录前言问题一个偶然预览 HTML 代码 前言 目前，网上很多在线运行 HTML 的页面，大都是这样的逻辑： 上面一个代码框 <textera> ，下面一个 <iframe>，然后通过 js，将我们的代码框中的 HTML 给输入到 <iframe> 里面，这便是一个简单的在线运行 html 的逻辑。 甚至我们可以在一行里写一个在线运行 html 的页面。比如下面这 ...

大家好，我是 Java陈序员。 之前给大家介绍过一款个人在线工具箱。 8.7K+ Star！快速搭建个人在线工具箱 今天，再给大家安利一个开源轻量的在线工具箱！ 关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。 项目介绍 tools-web —— 一个轻量的在线工具箱，覆盖开发运维、文 ...

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

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 在我们日常工作中，可能会遇到截图页面的场景，有时页面有些内容不符合要求，我们可能需要进行一些数值或内容的修改。如果你会PS，修改内容难度不高，如果你是前端，打开控制台也能通过修改dom的方式进行简单的文字修改。 今天，我就来分享一个冷门又实用的前端技巧 —— 只 ...

使用 vxe-table 来格式化任意的金额格式，支持导出与复制单元格格式到 excel 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 安装 npm install vxe-pc-ui@4.5.23 vxe-table@4.13.4 import VxeUIAll from 'vxe-pc-ui' import 'vxe-pc-ui/lib ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 引言：每个前端的痛——node_modules删除噩梦 “npm install一时爽，删包火葬场。”这几乎是所有Node.js开发者都经历过的痛。尤其是当项目依赖复杂时，动辄几百MB甚至几个G的node_modules文件夹，手动删除时转圈圈的进度条简直让人抓狂。 如何高效解决这个问题？今天我们就 ...

四则运算练习系统技术实现详解 本文将详细介绍我们开发的四则运算练习系统的技术架构、核心功能实现和开发过程中的技术挑战与解决方案。这个系统采用前后端分离架构，为用户提供了一个交互式的数学练习平台，包含多种功能模块和精心设计的用户体验。 由于开发功能较多，我们邀请了第三位同学参与完成了错题本功能的开发 235 ...

对于前端来说，组件话已经从热门话题变成了基础能力，自定义组件或自建组件库已是再常见不过的事了。在实际工作中组件库的文档直接决定开发体验和效率，文档建设的重要性不言而喻。今天要推荐的工具叫Storybook，为此我特地通过用99元买的服务器搭了一套CI/CD系统部署了一套Demo，欢迎点击体验：Demo (首次加载速度尤为感人 ...

  山顶会课程概述¶ 【数分+开发为主题】，迎合多维度接单 课程排期问题 课程大致内容     数据分析基本概述¶     什么是数据分析？¶     所谓的数据分析就是使用一些有效的方法和工具对收集到的数据进行处理，从中发现数据的关键趋势或者规律，以便做 ...

一、数组有哪些方法？ 1.数组创建与初始化 Array()构造函数：用于创建新数组 const arr1 = new Array() //创建空数组 const arr2 = new Array(5) //创建包含个空位的数组 const arr3 = new Array(1,2,3) //创建包含元素1，2，3的数组 Array.of()：创建包含任意数量参数的新数组 const arr = Array.of(1, 2, 3); // [1, 2, 3 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 背景 线上的一个项目因为嵌套路由过深，客户觉得复制分享的链接地址太长，所以需要增加一个分享短链接的功能。 方案 在网上搜索短链接跳转的方法大部分都是使用node服务实现的。 虽然实现并不复杂，但是考虑到多维护一个服务就多一份加班的可能性。我还是想要一个更加简单 ...

废话不多说，先贴效果图 看图片可以把这个分割成两部分 1.时间轴 2.图片展示 首先来分析一下时间轴 可视范围这样 实际长度 操作 给实际长度添加动画效果 css部分 :style="{ '--translateX' : translateX }" transform: translateX(calc(var(--translateX) * 1px));//1px是因为要用postcss转rem transition: transform 0 ...

vxe-table修改单元格高度的几种方式，在开发项目时，有时默认的表格高度不能满足需求，这时候就可以调整默认的单元格高度。 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table npm install vxe-table@4.13.0 // ... import VxeUITable from 'v ...

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

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

一、介绍 该插件为国家/地区选择器，可以显示英文或中文，包含输入过滤等，纯JS，可以独立使用。当前版本1.3，国家/地区数据源更新时间：2025.04.07 github地址：https://github.com/TammyViola/countrySelectJs 二、使用方式 1. html <!-- 被绑定的控件 --> <input type="text" id="countryInput" placeholder="选择国家/ ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 前言 去年遇到的一个问题，也是非常经典的面试题了。能聊的东西还蛮多的 倒计时为啥不准 一个最简单的常用倒计时： const [count, setCount] = useState(0) let total = 10 // 倒计时10s const countDown = ()=>{ if(total > 0){ setCount(total) total-- ...

我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：霜序 前言 在阅读本文之前，需要读者有一些 babel 的基础知识，babel 的架构图如下: 确定中文范围 先需要明确项目中可能存在中文的情况有哪些? const a = '霜序'; const b ...

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