第五届青训营学习笔记

这是我参与「第五届青训营 」笔记创作活动的第16天 概述 本节课程主要分为四个方面： 3D 游戏中的实体模型、材质与位姿 相机、光照、天空盒 游戏控制、刚体属性与物理碰撞 玩法逻辑与游戏UI 3D实体

这是我参与「第五届青训营 」笔记创作活动的第15天 WebGL是什么？ GPU ≠ WebGL ≠ 计算机图形学 光栅：将多边形拆成不同的像素，最终实现将图像绘制在屏幕上 像素：控制每个点的颜色 帧缓

当青训营遇上码上掘金 很高兴能参加这次寒假青训营的码上掘金活动。在前端主题中我选择主题1——我的名片。 下面是我制作个人名片的过程。 主题介绍 名片是向人介绍自我的重要工具，作为一名程序员用代码做自我

这是我参与「第五届青训营 」笔记创作活动的第14天 什么是数据可视化 统计图表、地图。。。 任何一种将数据转换成可视化呈现的东西。 科学可视化（科学实验数据）、信息可视化（抽象数据）、可视分析。 为什

这是我参与「第五届青训营 」笔记创作活动的第13天 为什么需要构建工具 模块化（ESM CommonJS UMD）->提供模块加载方案，兼容不同模块规范 资源编译（高级语法的编译）->高级语法转译，资

这是我参与「第五届青训营 」笔记创作活动的第12天 什么是Webpack 一个前端项目由PNG、JPG、JS、TS、css、Less、Vue等多种资源构成。 出现了Gulp、rollup、webpac

这是我参与「第五届青训营 」笔记创作活动的第11天 前端监控是什么 打开好慢——页面某个关键资源渲染太慢 交互卡顿——页面同步计算任务太重，阻塞渲染 资源加载失败——客户端网络状态差，或上游服务节点异

这是我参与「第五届青训营 」笔记创作活动的第10天 攻击篇 Cross-Site Scripting(XSS) 跨站脚本攻击 访问页面时，被攻击者注入恶意脚本，对页面产生了攻击 XSS = 网站盲目信

这是我参与「第五届青训营 」笔记创作活动的第9天 前端Debug特点 多平台，多环境，多工具，多技巧 Chrome Devtools 浏览器+F12 动态修改元素和样式 点击.cls开启动态修改元素的

跨端是什么，给大家介绍跨端产生的背景及解决的问题 跨端技术方案介绍，给大家介绍目前主流的跨端技术方案（hybrid 方案/原生渲染方案/自渲染方案/小程序方案）以及对比 基于小程序跨端实践，带大家了解

这是我参与「第五届青训营 」笔记创作活动的第7天 课前 CDN 内容分发网络。 BFF Backend For Frontend，服务于前端应用的后端。 Eg：下游任务要请求很多次数据库，BFF协助合

这是我参与「第五届青训营 」笔记创作活动的第6天 Node.js的应用场景 前端工程化 早期 ajax, jquery 比较流行的时候，我们直接在页面中引入需要的 lib 即可，后续随着模块化tran

这是我参与「第五届青训营 」伴学笔记创作活动的第 5 天 React的应用 前端应用开发，如Facebook网页版。 移动原生应用开发，如Instagram。 结合Electron，进行桌面应用开发。

这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天 什么是TypeScript JS：动态类型，弱类型语言。 TS：静态类型，弱类型语言。 静态类型：可读性增强，可维护性增强，是JS的超集，包含

这是我参与「第五届青训营 」伴学笔记创作活动的第 2 天 各司其职：让HTML、CSS、JS职能分离。 组件封装：好的UI组件具备正确性、扩展性、复用性。 过程抽象：应用函数式编程思想。 一、各司其职

课程介绍 CSS 作为前端技术栈中关键一环，对页面元素及样式呈现起到了直接作用。本节课旨在通过对 CSS 的工作流程及原理、页面中 CSS 使用方法等详细解读，帮助前端新手建立对 CSS 的全面而深刻

这是我参与「第五届青训营 」笔记创作活动的第1天。 前端与HTML 一、前端工作的定义 前端工程师是使用web技术栈解决多端图形交互的工程师。 二、前端技术栈拆解与分析 HTML（内容）+CSS（样式