front-end-playground

KO | EN

gitlite — search

#python #ai #llm #golang #android #rust #deep-learning #docker #nodejs #awesome #cli #kubernetes #mcp #open-source

front-end-playground

(★ 1,051)

被删和阿猪的前端游乐场！！快来一起撸猫一起学习前端吧~

front-end-playground 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 被删的前端游乐场
[点击这里入场啦](https://godbasin.github.io/front-end-playground/)

如果你访问不了，可以[来这里看](http://www.godbasin.com)哦~

## 最近更新

- [《前端这几年--16.AI时代的开发》](https://godbasin.github.io/front-end-playground/front-end-work/front-end-days/about-front-end-16.md)  
- [《2026 程序员指南》](https://godbasin.github.io/front-end-playground/front-end-work/front-end-days/2026-programer.html)    
- [《如何提升项目管理能力》](https://godbasin.github.io/front-end-playground/front-end-basic/skill/how-to-manage-front-end-project.html)  
- [《前端性能优化--网页复杂度设计》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-website-complexity-design.html)  
- [《前端性能优化--网页质量得分》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-website-quality-score.html)  
- [《前端基础补齐--有关 JavaScript 单线程》](https://godbasin.github.io/front-end-playground/front-end-basic/front-end/front-end-basic-js-eventloop.html)  
- [《前端基础补齐--有关 JavaScript 代码执行》](https://godbasin.github.io/front-end-playground/front-end-basic/front-end/front-end-basic-js-engine.html)  
- [《前端基础补齐--有关 JavaScript 继承》](https://godbasin.github.io/front-end-playground/front-end-basic/front-end/front-end-basic-js-extend.html)  
- [《复杂渲染引擎架构与设计--10.降级渲染》](https://godbasin.github.io/front-end-playground/front-end-basic/render-engine/render-engine-downgrate-render.html)   
- [《复杂渲染引擎架构与设计--9.预热计算》](https://godbasin.github.io/front-end-playground/front-end-basic/render-engine/render-engine-pre-calculate.html)   
- [《前端性能优化--预加载顺序设计》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-preload-order.html)   
- [《前端性能优化--FPS页面流畅度》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-fps-monitor.html)   
- [《前端性能优化--JavaScript 引擎性能》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-fast-properties.html)   
- [《前端性能优化--二进制压缩数据内容》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-binary-attribute.html)   
- [《前端性能优化--代码习惯》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-code-detail.html)   
- [《前端性能优化--享元模式》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-flyweight-pattern.html)   
- [《项目中的技术债务》](https://godbasin.github.io/front-end-playground/front-end-basic/skill/tech-debt.html)   
- [《前端性能优化--卡顿链路追踪》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-jank-monitor.html)   
- [《前端性能优化--JavaScript 数组解构》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-array-performance.html)   
- [《前端性能优化--任务管理和调度》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-task-schedule.html)   
- [《前端性能优化--R 树的使用》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-r-tree.html)   
- [《前端性能优化--卡顿心跳检测》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-jank-heartbeat-monitor.html)   
- [《前端性能优化--用户卡顿检测》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-jank-detect.html)   
- [《让你的长任务在 50 毫秒内结束》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-long-task.html)   
- [《前端性能优化--数据指标体系》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-metric.html)   
- [《有趣的 PerformanceObserver》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-about-performanceobserver.html)   
- [《前端性能优化--卡顿的监控和定位》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-no-response-solution.html)   
- [《从面试角度了解前端基础知识体系》](https://godbasin.github.io/front-end-playground/front-end-basic/skill/learn-front-end-develop-from-interview.html)   
- [《复杂渲染引擎架构与设计--8.元素与事件》](https://godbasin.github.io/front-end-playground/front-end-basic/render-engine/render-engine-element-and-event.html)    
- [《复杂渲染引擎架构与设计--7.离屏渲染》](https://godbasin.github.io/front-end-playground/front-end-basic/render-engine/render-engine-offscreen-render.html)    
- [《复杂渲染引擎架构与设计--6.增量渲染》](https://godbasin.github.io/front-end-playground/front-end-basic/render-engine/render-engine-diff-render.html)    
- [《复杂渲染引擎架构与设计--5.分片计算》](https://godbasin.github.io/front-end-playground/front-end-basic/render-engine/render-engine-calculate-split.html)    
- [《复杂渲染引擎架构与设计--4.渲染计算》](https://godbasin.github.io/front-end-playground/front-end-basic/render-engine/render-engine-calculate.html)    
- [《复杂渲染引擎架构与设计--3.底层渲染适配》](https://godbasin.github.io/front-end-playground/front-end-basic/render-engine/render-engine-bottom-render-architecture.html)    
- [《大型前端项目的常见问题和解决方案》](https://godbasin.github.io/front-end-playground/front-end-basic/deep-learning/complex-front-end-project-solution.html)    
- [《复杂渲染引擎架构与设计--2.插件的实现》](https://godbasin.github.io/front-end-playground/front-end-basic/render-engine/render-engine-plugin-design.html)    
- [《复杂渲染引擎架构与设计--1.收集与渲染》](https://godbasin.github.io/front-end-playground/front-end-basic/render-engine/render-engine-render-and-collect.html)    
- [《如何进行前端职业规划》](https://godbasin.github.io/front-end-playground/front-end-basic/skill/front-end-career-planning.html)    
- [《为什么项目复盘很重要》](https://godbasin.github.io/front-end-playground/front-end-basic/skill/why-project-reviews-are-important.html)    
- [《如何设计与管理一个前端项目》](https://godbasin.github.io/front-end-playground/front-end-basic/skill/design-and-manage-front-end-project.html)    
- [《技术方案的调研和设计过程》](https://godbasin.github.io/front-end-playground/front-end-basic/skill/research-and-design-process.html)

## 游乐场内容
欢迎来玩，门票只需要一份学习的热情~

将前端分成了几个系列：
- 前端基础入门系列
- 前端框架和库使用教程（Vue、小程序、其他工具等）系列
- 前端深入理解系列
- 前端的进击系列（拓展前端技术栈）

然后配备了[FAQ](https://godbasin.github.io/front-end-playground/faq.html)，梳理了大家容易遇到的一些前端发展的疑问，欢迎提更多的问题噢。

## 无处不在的猫猫
带着猫粮存钱罐的牧羊猪，会陪伴你一块学习噢，你可以拖动他到你喜欢的位置。
> 刷新页面可以切换其他颜色的猫猫
> 嫌它烦你还可以双击让他回家喵T^T

滚动到页面下面，会发现有只躲在星球后的猫猫，点击可以送你上页面顶部噢。

还有每篇文章的底部，都有随机加载的猫猫图片，温馨又治愈噢。

## 欢迎参与编辑
虽然每篇文章底下的署名都是我，其实主要是为了放那些无处可去的猫猫们。

虽然整个网站的名字也叫被删的前端游乐场，但也希望有一天它会变成所有前端的游乐场。后面也会努力支持每篇署名的配置，同时也希望可以支持贡献者噢。

如果你有好的内容调整或者新增，欢迎给我提 Issues 或 Pull Requests。
虽然我要求很高，不过我人很好，所以不要紧张。

## Feature
既然是游乐场，除了到处溜达的猫猫之外，最想要的当然还有游戏啦！

还想要搭一些和猫和前端相关的小游戏或是动画交互可以玩，最好当然是可以一边撸猫一边学前端啦。

另外可能后面如果有空，还会录制一些视频吧~因为文章能描述和表达的东西比较局限，代码调试、项目设计、写代码的思考过程，这些其实是很美妙的事情，希望也能把那份快乐给到你们。

> 最新消息：视频已经有了哦，欢迎来我的 B 站（[被删](https://space.bilibili.com/42233366)）玩哦~

## 赞赏码

**欢迎各种花式赞赏：**

![image](https://github-imglib-1255459943.cos.ap-chengdu.myqcloud.com/2code2.jpg)

**码生艰难，给我家猪囤点猫粮了喵~**

front-end-playground

front-end-playground 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

front-end-playground

front-end-playground 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README