https://github.com/godbasin/front-end-playground
被删和阿猪的前端游乐场！！快来一起撸猫一起学习前端吧~
https://github.com/godbasin/front-end-playground
Last synced: 4 months ago
JSON representation
被删和阿猪的前端游乐场！！快来一起撸猫一起学习前端吧~
- Host: GitHub
- URL: https://github.com/godbasin/front-end-playground
- Owner: godbasin
- Created: 2019-07-26T15:11:36.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2025-02-09T03:09:58.000Z (5 months ago)
- Last Synced: 2025-02-09T04:18:53.768Z (5 months ago)
- Language: HTML
- Homepage: https://godbasin.github.io/front-end-playground/
- Size: 49.3 MB
- Stars: 786
- Watchers: 14
- Forks: 94
- Open Issues: 62
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome - godbasin/front-end-playground - 被删和阿猪的前端游乐场！！快来一起撸猫一起学习前端吧~ (HTML)
- awesome - godbasin/front-end-playground - 被删和阿猪的前端游乐场！！快来一起撸猫一起学习前端吧~ (HTML)
README
# 被删的前端游乐场
[点击这里入场啦](https://godbasin.github.io/front-end-playground/)
如果你访问不了，可以[来这里看](http://www.godbasin.com)哦~
## 最近更新
- [《前端性能优化--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)
- [《前端性能优化--项目管理篇》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-optimization.html)
- [《前端性能优化--SSR篇》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-ssr.html)
- [《前端这几年--15.关于互联网寒冬》](https://godbasin.github.io/front-end-playground/front-end-work/front-end-days/about-front-end-15.html)
- [《前端性能优化--容器篇》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-container.html)
- [《前端性能优化--Canvas篇》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-canvas.html)
- [《前端性能优化--卡顿篇》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-no-responding.html)
- [《前端性能优化--渲染篇》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-render.html)
- [《前端性能优化--加载流程篇》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-startup.html)
- [《前端性能优化--归纳篇》](https://godbasin.github.io/front-end-playground/front-end-basic/performance/front-end-performance-optimization.html)
- [《前端这几年--答辩晋级这件事》](https://godbasin.github.io/front-end-playground/front-end-work/front-end-days/about-updating.html)
- [《我所理解的前端工程化》](https://godbasin.github.io/front-end-playground/front-end-basic/deep-learning/front-end-engineering.html)
## 游乐场内容
欢迎来玩，门票只需要一份学习的热情~
将前端分成了几个系列：
- 前端基础入门系列
- 前端框架和库使用教程（Vue、小程序、其他工具等）系列
- 前端深入理解系列
- 前端的进击系列（拓展前端技术栈）
然后配备了[FAQ](https://godbasin.github.io/front-end-playground/faq.html)，梳理了大家容易遇到的一些前端发展的疑问，欢迎提更多的问题噢。
## 无处不在的猫猫
带着猫粮存钱罐的牧羊猪，会陪伴你一块学习噢，你可以拖动他到你喜欢的位置。
> 刷新页面可以切换其他颜色的猫猫
> 嫌它烦你还可以双击让他回家喵T^T
滚动到页面下面，会发现有只躲在星球后的猫猫，点击可以送你上页面顶部噢。
还有每篇文章的底部，都有随机加载的猫猫图片，温馨又治愈噢。
## 欢迎参与编辑
虽然每篇文章底下的署名都是我，其实主要是为了放那些无处可去的猫猫们。
虽然整个网站的名字也叫被删的前端游乐场，但也希望有一天它会变成所有前端的游乐场。后面也会努力支持每篇署名的配置，同时也希望可以支持贡献者噢。
如果你有好的内容调整或者新增，欢迎给我提 Issues 或 Pull Requests。
虽然我要求很高，不过我人很好，所以不要紧张。
## Feature
既然是游乐场，除了到处溜达的猫猫之外，最想要的当然还有游戏啦！
还想要搭一些和猫和前端相关的小游戏或是动画交互可以玩，最好当然是可以一边撸猫一边学前端啦。
另外可能后面如果有空，还会录制一些视频吧~因为文章能描述和表达的东西比较局限，代码调试、项目设计、写代码的思考过程，这些其实是很美妙的事情，希望也能把那份快乐给到你们。
> 最新消息：视频已经有了哦，欢迎来我的 B 站（[被删](https://space.bilibili.com/42233366)）玩哦~
## 赞赏码
**欢迎各种花式赞赏：**
**码生艰难，给我家猪囤点猫粮了喵~**