【第四届青训营】前端学习笔记

小游戏开发 | 青训营笔记 这是我参与【第四届青训营】笔记创作活动的第15天 一、前端场景下的游戏开发 开发角色和链路 二、游戏引擎 渲染是游戏引擎的基础 引擎的诞生就是因为一家公司做了一款游戏，做下

Web多媒体入门 | 青训营笔记 这是我参与【第四届青训营】笔记创作活动的第14天 一、Web多媒体历史 二、基础知识 编码格式 图像基本概念 视频基本概念 I帧、P帧、B帧 GOP（group of

数据可视化基础 | 青训营笔记 这是我参与【第四届青训营】笔记创作活动的第13天 一、什么是数据可视化 将一切数据转换为可视化的表示方式 数据可视化分类 科学可视化 信息可视化 可视分析 二、为什么要

初识WebGL | 青训营笔记 这是我参与【第四届青训营】笔记创作活动的第12天 一、WebGL定义 WebGL（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许

Vite知识体系构建 | 青训营笔记 这是我参与【第四届青训营】笔记创作活动的第11天 一、构建工具的意义 模块化方案 提供模块加载方案 兼容不同模块规范 语法转译 高级语法转译，如Sass、Type

Webpack知识体系构建 | 青训营笔记 这是我参与【第四届青训营】笔记创作活动的第10天 一、什么是Webpack Webpack本质上是一种前端资源编译、打包工具 将多份资源打包成一个Bundl

Node.js与前端开发实战 | 青训营笔记 这是我参与【第四届青训营】笔记创作活动的第9天 一、Node.js的应用场景 前端工程化 Bundle:webpack,vite,esbuild,parc

响应式系统与React | 青训营笔记 这是我参与【第四届青训营】笔记创作活动的第8天 一、React的历史与应用 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaS

TypeScript入门 | 青训营笔记 这是我参与【第四届青训营】笔记创作活动的第7天 一、关于TypeScript TypeScript 是 JavaScript 的一个超集，支持 ECMAScr

前端必须知道的开发调试知识 | 青训营笔记 这是我参与【第四届青训营】笔记创作活动的第6天 一、Bug与Debug Bug Bug是在应用程序投入生产之前发现的错误。导致程序工作不佳、生产错误结果或崩

HTTP实用指南 | 青训营笔记 这是我参与【第四届青训营】笔记创作活动的第5天 一、初识 什么是HTTP Hyper Text Transfer Protocol超文本传输协议 应用层协议，基于TC

Web开发的安全之旅 | 青训营笔记 这是我参与【第四届青训营】笔记创作活动的第5天 一、攻击篇 Cross-Site Scripting（XSS） Cross-site scripting（XSS）

Web标准与前端开发 | 青训营笔记 这是我参与【第四届青训营】笔记创作活动的第4天 一、关于前端开发 起源、架构、变迁 只读时代 1989-2004 HTML/CSS/JavaScript 单向发布

前端设计模式应用 | 青训营笔记 这是我参与【第四届青训营】笔记创作活动的第4天 一、什么是设计模式 软件设计中常见问题的解决方案模型 历史经验的总结 与特定语言无关 二、设计模式分类 23种设计模式

前端与JavaScript【写好JS的三大原则——组件封装】 | 青训营笔记 这是我参与【第四届青训营】笔记创作活动的第3天 一、前言 组件的定义： 组件是指Web页面上抽出来的一个个包含模板（HTM

前端与JavaScript【写好JS的三大原则——各司其职】 | 青训营笔记 这是我参与【第四届青训营】笔记创作活动的第3天 月影老师在课上讲过，写好JavaScript有三大原则： 一、前言 1.各

前端与CSS | 青训营笔记 这是我参与【第四届青训营】笔记创作活动的第2天 一、CSS是什么 CSS（Cascading Style sheets） 用来定义页面元素的样式 设置字体和颜色 设置位置

前端与HTML | 青训营笔记 这是我参与【第四届青训营】笔记创作活动的第1天 一、什么是前端 使用Web技术栈解决多端图形用户界面交互问题 二、前端技术栈 JavaScript（行为） CSS（样式