黑幕困兽

今天想着登录页太俗了，用AI给登录页面整一个动态粒子效果。没想到效果还很不错，以下是实现的功能描述： ✨ 粒子效果特性 1. 粒子系统 根据屏幕大小自动生成粒子数量 每个粒...

最近的项目中，突然增加一个时区的需求，而且echarts图表 要支持 夏令时、冬令时的转换。 拿到需求，我们先了解一下相关概念： 时区的概念 时区是‌全球范围内，为统一时间...

以上是UI的效果图。 功能实现大致如思路： 1、因为项目用到的技术栈是echarts来做图标，拿到需求首先想到的是去echarts官网找实例。 2、饼图中，我们找到“饼图扇...

前面一期，我们已经实现了利用d3.js渲染拓扑图，这期我们给节点增加拖拽功能，让功能更完善。 实现思路 每个节点被封装为 g 分组并绑定 d3.drag，支持按住节点拖动移...

Maath——你的3D编程得力助手，集合了各种数学小工具的库，它的目标是让你在进行3D编程时能更专注于创意而非基础计算。通过一系列精心设计的函数，Maath可以帮助你快速生...

方案： 在模板使用指令（最简单、最稳妥） 在需要的输入上加 v-trim（支持 a-input）： 或  为了兼容 a-input 内部异步渲染的 input，把指令改得更...

最近遇到一个拓扑图的需求，不同的站点拓扑图内容展示不同。于是，就考虑采用数据驱动的方式来生成拓扑图+动效（电流流动、图片高亮等）。调研了一些实现方式，发现d3.js非常适合...

“哥，我面试字节挂了！” 小明哭丧着脸：“MD，太卷了！这 Vue3 刚转正没多久，面试官就问上我原理了，什么 reactivity 实现原理，proxy ，Vue3初始化...

前言 大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心 webpack优化很有必要 上一篇文章给大家讲解了简单搭建一个Vuecli...

大家好，这次给大家换换口味，我们来点不一样的东西。请不要理解歪了🐶。 通过Three实现3D很容易，但这次我们通过CSS来实现3D。...

迎冬奥，一起向未来！2022冬奥会马上就要开始了，本文使用 Three.js + React 技术栈，实现冬日和奥运元素，制作了一个充满趣味和纪念意义的冬奥主题 3D 页面...

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，...

蚂蚁金服数据平台前端团队主要负责多个数据相关的PC Web单页面应用程序，业务复杂度类比Excel等桌面应用，业务前端代码量在几万行～几十万行，随着产品不断完善，破百万指日...

三篇长文带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 webpack 是一个现代 JavaScript 应用程...

JavaScript真的是一门很棒的语言，值得学习和使用。对于给定的问题，可以有不止一种方法来达到相同的解决方案。在本文中，我们将只讨论最快的。...

ECMA规范最终由TC39敲定。TC39由包括浏览器厂商在内的各方组成，他们开会推动JavaScript提案沿着一条严格的发展道路前进。 Stage 0: strawman...

let/const在进入块级作用域后，会因为提升的原因先创建，但不会被初始化，直到声明语句执行的时候才被初始化，初始化的时候如果使用let声明的变量没有赋值，则会默认赋值为...

笔者最近在对原生JS的知识做系统梳理，因为我觉得JS作为前端工程师的根本技术，学再多遍都不为过。打算来做一个系列，一共分三次发，以一系列的问题为驱动，当然也会有追问和扩展，...