揪星

作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `heigh...

前言 大家好！随着大语言模型（LLM）和 AI Agent 技术的飞速发展，如何让 AI 模型与我们现实世界的工具和服务进行交互，成为了一个越来越重要的话题。模型上下文协议...

AI 离前端并不遥远。 大家好！今天我们来从前端视角介绍一下AI Agent。 在过去的一年里，我们见证了大型语言模型（LLM）的飞速发展。从 ChatGPT 到各种开源模...

一、背景 在业务需求中，根据返回数据动态生成图片分享是很常见的场景。比如在起点读书小程序中，每本书都需要生成一个动态图片，包含：书名、作者、类别和当前页面小程序码，这几个内...

脉络探索 在前面，我们对ES6的知识就告一段落，并进行了一个简短的总结，让我们清晰的知道ES6还未结束，有些内容属于非常重要的部分，会抽离出来在后面单独开模块进行说明学习 ...

我来介绍一个非常神奇的前端功能：轻易地将文本、视频，还是炫酷的动态内容，统统都能“飞”起来。任何 HTML 内容都能实现画中画模式，...

如果我们需要监听某个元素是否出现在视口中，一般做法是监听 scroll 事件，然后查询元素离视口顶部的距离，但是监听 scroll 事件存在性能问题。 浏览器原生提供了 I...

大家好，我是石小石！ 在我们日常工作中，可能会遇到截图页面的场景，有时页面有些内容不符合要求，我们可能需要进行一些数值或内容的修改。如果你会PS，修改内容难度不高，如果你是...

要成为一个精通 React 的”哇塞“前端，不仅需要全面掌握 React 的基础概念，同时还需要熟练运用相关的技术生态和工具~...

React 发布已经十年了，笔者接触前端差不多也有十年时间了。通过这篇文章，你就可以知道这快速发展的 10 年，前端渲染模式的演变和关系脉络，知其然，也知其所以然。...

单位的吉祥物是云小宝。还是挺喜欢这个图像的，家里还有云小宝的抱枕。基于Shader的一些函数，画一个阿里云小宝的2D图像，并完成发光，眼睛跟随，表情变化....

在之前的一篇 文章 里详解了射线碰撞的工作原理，计算量比较大，对于需要频繁使用物体拾取的场景其实不太友好，模型很大的话帧率很有可能瞬间就掉下来，这次介绍下 GPU拾取 的原...

想写粒子运动很久了，看网上的粒子运动都是从一个图形变成另一个图形的运动，好像不是很炫酷，于是自己搞一个即实用又炫酷的粒子运动...，兄弟们，走曲儿~...

本文使用threejs开发一款风力发电机物联可视化系统，包含着色器效果、动画、补间动画和开发过程中使用模型材质遇到的问题，内含大量gif效果图...

前言 最近，有被问到当多个项目具有很多公共组件和方法时，如何使用pnpm + monorepo的方式，把公共的东西都提取出来统一维护。大家可能多多少少都对这个有所了解，但是...

前言 项目地址：https://github.com/smithyj/expanse-account 本文仅面向前端用户，其他端请绕道。 项目选型了 Rspack、Reac...

前言 到今年，我已经写了8年代码。在这段时间里，我的职业生涯一直处于不上不下的状态。尽管在二线城市的薪资看起来还不错，但我早就明白，这行不过是用青春换取血汗钱。从疫情开始，...

【万字长文】使用最新的webpack5新特性从零一步一步搭建完整的react18+ts构建环境，完善的模块热替换和构建速度和构建结果的优化。...

react包, 平时在开发过程中使用的绝大部分api均来自此包(不是所有). 在react启动之后, 正常可以改变渲染的基本操作有 3 个. 以上setState和disp...