我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：修能 What's? 数栈产品里的 Descriptions 组件实际上就是 antd 的 Descriptions 组件，那么 antd 的 Descrip ...

一、流水管线 实现逻辑： 1）先自定义几个点，通过CatmullRomCurve3生成一条平滑曲线 2）根据生成的曲线在XY面扩展一个面，其中需要注意顶点索引、UV坐标添加的顺序，否则可能会导致绘制的图片混乱，不是完整的图片 3）添加纹理同时设置偏移量实现流动效果 4）为了保证显示的箭头图标不失真， ...

混淆指定js文件 fomartJs.bat @echo off REM 定义一个包含文件名的数组 set jsFiles=("polyfills.b4665eab.js" "manifest.b09f6bad.js" "index.f8bec5fb.js") REM 遍历数组中的每个文件 for % ...

前言 React在很早之前的版本中加了useId，用于生成唯一ID。在Vue3.5版本中，终于也有了期待已久的useId。这篇文章来带你搞清楚useId有哪些应用场景，以及他是如何实现的。 关注公众号：【前端欧阳】，给自己一个进阶vue的机会 useId的作用 他的作用也是生成唯一ID，同一个Vue ...

基础阶段 主要内容： 掌握 JavaScript 的基本语法，如变量、数据类型（字符串、数字、布尔、对象、数组等）、运算符等。 理解程序的控制流，包括条件语句（如 if-else）、循环语句（如 for、while）。 学会使用函数来封装代码，理解函数的参数、返回值以及作用域等概念。 学习网站： W ...

html HTML（超文本标记语言，HyperText Markup Language）是构建网页的基础语言。它使用标签（Tags）和属性（Attributes）来定义网页的结构和内容显示。下面将从HTML的结构、标签、属性等方面进行详细讲解。 一、HTML的基本结构 一个标准的HTML文档有明确的 ...

p-limit 是一个控制请求并发数量的库，他的整体代码不多，思路挺好的，很有学习价值； 举例 当我们同时发起多个请求时，一般是这样做的 Promise.all([ requestFn1, requestFn2, requestFn3 ]).then(res =>{}) 或者 requestFn1( ...

记得去年年初，我就折腾了“我的足迹”功能，当时就想在标记点 markers 中添加图片，但苦于冇技术，就搁浅了，只实现了 markers 文字描述。今天终于让我找到了大佬的教程，实现了 markers 中添加描述、多图片、指定链接，用的还是熟悉的 Jvectormap 。 先给大佬曝光一下： 空木白 ...

Easy-Blog 是一套集成文章发表、页面创建、知识库管理、博客后台管理等功能于一体的博客系统。Github项目地址：https://github.com/fecommunity/easy-blog， 欢迎Star。 ...

‍ 写在开头 点赞 + 收藏 学会 一.webpack和vite的区别 1.构建速度不同 Webpack: Webpack的构建速度相对较慢，尤其在大型项目中，因为它需要分析整个依赖图，进行多次文件扫描和转译。 Vite: Vite以开发模式下的极速构建著称。它利用ES模块的特性 ...

前言 在Vue3.5版本中响应式 Props 解构终于正式转正了，这个功能之前一直是试验性的。这篇文章来带你搞清楚，一个String类型的props经过解构后明明应该是一个常量了，为什么还没丢失响应式呢？本文中使用的Vue版本为欧阳写文章时的最新版Vue3.5.5 关注公众号：【前端欧阳】，给自己一 ...

Pintree 是一个开源项目，旨在将浏览器书签导出成导航网站。通过简单的几步操作，就可以将书签转换成一个美观且易用的导航页面。 ...

随着JavaScript在前后端开发中的广泛应用，测试已成为保证代码质量的关键环节。 为什么需要单元测试 在我们的开发过程中，经常需要定义一些算法函数，例如将接口返回的数据转换成UI组件所需的格式。为了校验这些算法函数的健壮性，部分开发同学可能会手动定义几个输入样本进行初步校验，一旦校验通过便不再深 ...

本文介绍了 ES Modules (ESM) 在浏览器环境中的运行原理，详细阐述了 ESM 的三大加载步骤：构建、实例化、求值，并讨论了其动态加载能力、循环依赖处理方式及与 CommonJS 的区别。 ...

认识并学习下还没来得及学习的一些 HTML5 标签 <ruby> 标签 HTML <ruby> 元素被用来展示东亚文字注音或字符注释。 比如: <ruby>兄弟<rt>xiongdi</rt></ruby> <rt> 元素包含字符的发音，字符在 ruby 注解中出现，它用于描述东亚字符的发音。这个元 ...

<el-dialog width="600px" :title="title" :visible.sync="dialogVisible" :close-on-click-modal="false" :before-close="handleBeforeClose" @open="handleOpe ...

IntersectionObserver (自动监听元素是否进入了设备的可视区域之内) 示例： const io = new IntersectionObserver(callback, option); // 获取元素 const target = document.getElementById( ...

同步加载 阻塞模式，响应安全性强 过多JS加载会影响页面效率 默认情况下，JS是同步加载，及优先加载外部JS，只有当JS文件加载完成，don和css才开始加载 <script src = 'index.js' ></script> 异步加载 非阻塞加载，执行效率高 动态创建script defer ...

一、实现一个光影墙 1. 根据自定义坐标点，输出一个光影墙 /** * 添加光影墙 */ function addLightWall() { const geometry = new THREE.BufferGeometry(); const vertices = new Float32Array( ...

1. Performance API 的用处 Performance API 是浏览器中内置的一组工具，用于测量和记录页面加载和执行过程中的各类性能指标。它的主要用处包括： 监控页面资源加载：跟踪页面中的资源（如 CSS、JavaScript、图片）的加载时间。 分析页面加载时间：从导航到页面完全渲 ...