前端艺术实践：用Storybook构建交互式组件文档
对于前端来说，组件话已经从热门话题变成了基础能力，自定义组件或自建组件库已是再常见不过的事了。在实际工作中组件库的文档直接决定开发体验和效率，文档建设的重要性不言而喻。今天要推荐的工具叫Storybook，为此我特地通过用99元买的服务器搭了一套CI/CD系统部署了一套Demo，欢迎点击体验：Dem ...
day01：pandas数据分析
山顶会课程概述¶ 【数分+开发为主题】，迎合多维度接单 课程排期问题 课程大致内容 数据分析基本概述¶ 什么是数据分析？¶ 所谓的数据分析就是使用一些有效的方法和工具对收集到的数据进行处理，从中发现数据的关键趋势或者规律，以便做出合理的决策和提出有针对性的建议。通俗来说，数据分析就是从数据中找到有用 ...
js的数组方法整理(26)
一、数组有哪些方法？ 1.数组创建与初始化 Array()构造函数：用于创建新数组 const arr1 = new Array() //创建空数组 const arr2 = new Array(5) //创建包含个空位的数组 const arr3 = new Array(1,2,3) //创建包含 ...
记录---纯前端实现分享短链接
写在开头 点赞 + 收藏 学会 背景 线上的一个项目因为嵌套路由过深，客户觉得复制分享的链接地址太长，所以需要增加一个分享短链接的功能。 方案 在网上搜索短链接跳转的方法大部分都是使用node服务实现的。 虽然实现并不复杂，但是考虑到多维护一个服务就多一份加班的可能性。我还是 ...
如何实现一个无缝无限轮播时间轴...
废话不多说，先贴效果图 看图片可以把这个分割成两部分 1.时间轴 2.图片展示 首先来分析一下时间轴 可视范围这样 实际长度 操作 给实际长度添加动画效果 css部分 :style="{ '--translateX' : translateX }" transform: translateX(cal ...
vxe-table修改单元格高度的几种方式
vxe-table修改单元格高度的几种方式，在开发项目时，有时默认的表格高度不能满足需求，这时候就可以调整默认的单元格高度。 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gi ...
SvelteKit 最新中文文档教程（19）—— 最佳实践之身份认证
前言 Svelte，一个语法简洁、入门容易，面向未来的前端框架。 从 Svelte 诞生之初，就备受开发者的喜爱，根据统计，从 2019 年到 2024 年，连续 6 年一直是开发者最感兴趣的前端框架 No.1： Svelte 以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合 ...
SvelteKit 最新中文文档教程（18）—— 浅层路由和 Packaging
前言 Svelte，一个语法简洁、入门容易，面向未来的前端框架。 从 Svelte 诞生之初，就备受开发者的喜爱，根据统计，从 2019 年到 2024 年，连续 6 年一直是开发者最感兴趣的前端框架 No.1： Svelte 以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合 ...
countrySelect.js 使用说明
一、介绍 该插件为国家/地区选择器，可以显示英文或中文，包含输入过滤等，纯JS，可以独立使用。当前版本1.0，国家/地区数据源更新时间：2025.04.07 github地址：https://github.com/TammyViola/countrySelectJs 二、使用方式 1. html < ...
记录---前端倒计时有误差怎么解决
写在开头 点赞 + 收藏 学会 前言 去年遇到的一个问题，也是非常经典的面试题了。能聊的东西还蛮多的 倒计时为啥不准 一个最简单的常用倒计时： const [count, setCount] = useState(0) let total = 10 // 倒计时10s con ...
基于AST实现国际化文本提取
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：霜序 前言 在阅读本文之前，需要读者有一些 babel 的基础知识，babel 的架构图如下: 确定中文范围 先需要明确项目中可能存在中文的情况有哪些? co ...
SvelteKit 最新中文文档教程（17）—— 仅服务端模块和快照
前言 Svelte，一个语法简洁、入门容易，面向未来的前端框架。 从 Svelte 诞生之初，就备受开发者的喜爱，根据统计，从 2019 年到 2024 年，连续 6 年一直是开发者最感兴趣的前端框架 No.1： Svelte 以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合 ...
记录---模仿 SU7 网页特效 实现3D旋转地球
写在开头 点赞 + 收藏 学会 随着小米 SU7 的发布，不少网友发现了一个小米su7的展示网页，那是相当的酷炫： 当你体验一遍后，会看到各种炫酷的效果 包括隧道穿梭、波浪动画等，并且还有些细节也值得注意，如地面的反射效果。 原网页：gamemcu.com/su7/ 那么这个 ...
无需WebView，Vue也能开发跨平台桌面应用
前言 一直以来，使用Vue开发桌面应用大部分都是使用基于webview的方案，如electron,tauri等。不依赖webview的，移动端倒有不少，如Weex,NativeScript等，桌面端寥寥无几。 最近，Deft框架完成了Vue3的适配，支持使用Vue+Rust开发跨平台应用，不依赖We ...
如何使用 vxe-table 树表格启用树节点连接线功能
如何使用 vxe-table 树表格启用树节点连接线功能 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 安装 npm ...
复制csdn文字时去掉版权信息，复制文字带版权信息小尾巴
这个黑科技也是我偶然发现的，之前我还特地搜过方法去掉后面的版权信息，结果没搜到，我都放弃了，结果在我下的一个不知名工具里发现了。倒不是不支持版权，只是稍微长一点的文字它都要带，就很烦。 言归正传，这个黑科技就是：ModHeader 官网：ModHeader - Modify HTTP headers ...
SvelteKit 最新中文文档教程（16）—— Service workers
前言 Svelte，一个语法简洁、入门容易，面向未来的前端框架。 从 Svelte 诞生之初，就备受开发者的喜爱，根据统计，从 2019 年到 2024 年，连续 6 年一直是开发者最感兴趣的前端框架 No.1： Svelte 以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合 ...
从零创建npm依赖，只需执行一条命令
由来 最近在弄新的npm依赖，但是发现没有都从头创建项目实属有点儿麻烦，然后我找了之前开发的依赖，将多余代码删除了作为初始化的项目。于是~为什么不弄个模版，每次只需要初始化模版即可，所以就有了这个模版，为了方便，我还发布到了npm上，只需要简单的执行命令即可初始化npm依赖开发的项目。 特性 ...
SvelteKit 最新中文文档教程（15）—— 链接选项
前言 Svelte，一个语法简洁、入门容易，面向未来的前端框架。 从 Svelte 诞生之初，就备受开发者的喜爱，根据统计，从 2019 年到 2024 年，连续 6 年一直是开发者最感兴趣的前端框架 No.1： Svelte 以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合 ...
前端常见布局之圣杯布局及双飞翼布局
在前端开发中，要实现一个布局：三列布局——左右列宽度固定，中间列内容优先渲染且中间列宽度自适应一般有两种实现方式，圣杯布局（Holy Grail Layout）和双飞翼布局（Double Wing Layout）。两者都是用来实现三列布局左右列固定宽度、中间列自适应并且中间列在文档流中优先渲染。以下 ...
