Composition

本文是关于入坑VSCode的同学，一套舒服的配置和插件介绍。以便更有力的提高开发效率以及开发者的心情。...

从前端到爆点！抖音级 H5 如何炼成？ 在万物互联的时代，H5 页面已成为产品推广的利器。当产品经理丢给你一个“像抖音一样流畅的 H5”任务时，是挑战还是机遇？别慌，今天就...

前言 大家好，我是【小林】 说来有点意思，我的后台私信，最近有点热闹热闹，点开一看，翻来覆去都是同一个问题： “哥们，我一Web前端，能转 RN/Flutter 吗？好转吗...

项目痛点 在管理大型前端项目时，我们面临以下挑战： 多个相关项目分散在不同仓库，依赖管理混乱 公共组件/工具重复开发，代码一致性难以保证 跨项目变更需要同时修改多个仓库...

先看UI稿 思考 刚开始想着拿两个圆角来拼，但发现中间接触过渡效果很差 需要丝滑的话，想到贝塞尔曲线/正弦曲线，但这样太麻烦，需要用canvas来画 图形计算器 贝塞尔曲线...

📋 目录 什么是 pnpm 和 Monorepo？ 为什么选择 pnpm + Monorepo？ 项目架构设计 从零搭建 Monorepo 项目 工程化配置最佳实践 依赖...

动画是现代前端开发中必备的技能，作为一名 Web开发者，你一定深知动画效果对于用户体验至关重要，甚至能决定其成败。但说实话，从零开始手写自定义动画，那可真是个苦差事。因此 ...

介绍了如何通过编写 BAT 脚本自动化 Vue 项目的打包过程。脚本读取 vue.config.js 配置，执行 npm run build，删除不需要的文件夹，并将最终的...

如果你一直以为addEventListener('click')是在监听鼠标点击，那么这篇文章将彻底改变你对前端事件系统的理解。实际上，点击事件与鼠标硬件没有必然联系，而是...

朋友们，我是小杨！今天咱们来聊聊Webpack配置这个话题。很多人第一次看到webpack.config.js文件时，感觉就像在看天书一样。别担心，今天我就带你从零开始，一...

循环滚动是一个很常见的需求，在前端开发过程中几乎不可避免。先介绍下这个 NPM 包的功能：超大数据流畅滚动；适应变化，始终顺滑；灵活滚动控制；在传统的循环滚动实现中，我们通...

引言：为什么this是JavaScript中最令人困惑的概念？ this关键字是JavaScript中最强大也最令人困惑的特性之一。据统计，超过70%的JavaScript...

Flutter 的渲染原理 Flutter 完全绕过了原生控件和桥接层，自建渲染管线： Widget → Element → RenderObject 三棵树 和React...

一、什么是 visibilitychange 事件？ visibilitychange 是浏览器提供的原生事件，属于 Page Visibility API（页面可见性 A...

从带宽打满到资源瘦身，本文复盘一次高并发下 H5 活动页的优化全过程，附详细排查思路与性能调优技巧。...

本文将介绍如何使用 HTML、CSS 和 JavaScript 创建一个交互式可拖拽的任务看板系统。...

春节将至，HelloGitHub 也迎来了年终盘点时刻。这是一份送给开源爱好者的“年终盛宴”，期待你在这里发现更多值得关注的开源佳作。 为了满足不同读者的需求，我精心准备了...

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我...

苹果在 WWDC25 发布了全新的液态玻璃（Liquid Glass）设计风格。 根据苹果官方介绍： 效果分析 正如苹果介绍，Liquid Glass 是一种半透明材质，采...