青训营 前端笔记

这是我参与「第四届青训营 」笔记创作活动的的第29天 课程目标 认识和了解小程序的业务产品价值 学习和掌握小程序相关技术原理 发展历程 核心数据 小程序生态 业务价值 与WEB的区别 有着固定的语法以

这是我参与「第四届青训营 」笔记创作活动的的第28天 游戏引擎 Web游戏引擎 Cocos 优势 平台支持能力好 完善的游戏功能支持 生态较好 缺点 3D能力仍在建设中 版本迭代过快 Laya 优势

这是我参与「第四届青训营 」笔记创作活动的的第26天 基础知识 2.封装格式 封装格式 存储音视频、图片或字幕信息的一种容器 audio标签和video标签的缺陷 不支持直接播放hls、flv等视频格

这是我参与「第四届青训营 」笔记创作活动的的第25天 Web多媒体历史 基础知识 1.编码格式 图像基本概念 图像分辨率：用于确定组成一幅图像的像素数据，就是指在水平和垂直方向上图像所具有的像素个数

这是我参与「第四届青训营 」笔记创作活动的的第22天 视觉编码（Visual Encoding） 视觉编码的概念 视觉编码是一种：将数据信息（属性+值）映射成可视化元素（可视化符号+视觉通道）的技术

这是我参与「第四届青训营 」笔记创作活动的的第22天 什么是数据可视化 生活中的数据可视化 什么是数据可视化 任何一种将数据按照视图呈现的方法 数据可视化分类 科学可视化：科学实验数据的直观展示 信息

这是我参与「第四届青训营 」笔记创作活动的的第21天 WebGL是什么 1 GPU ≠ WebGL ≠ 3D 2 现代图像系统 基本概念 光栅（Raster）：几乎所有的现代图形系统都是基于光栅来绘制

这是我参与「第四届青训营 」笔记创作活动的的第19天 1 浅谈构建工具 为什么需要构建工具？ 前端工程化的痛点 - 语法规范：ESM、CommonJS、UMD，无法进行统一 - 浏览器的解析标准无法满

这是我参与「第四届青训营 」笔记创作活动的的第18天 1 为什么要学习Webpack？ 理解前端工程化概念、工具、目标 提高个人核心竞争力 高阶前端必经之路 学习Webpack的目标 理解Webpac

这是我参与「第四届青训营 」笔记创作活动的的第17天 1 Node.js的应用场景（why） 前端工程化 Bundle（打包）：webpack、vite、esbuild、parcel Uglify（压

这是我参与「第四届青训营 」笔记创作活动的的第16天 1 React应用场景 前端应用开发，如Facebook、Instagram、Netflix网页版 移动原生应用开发，如Instagram、Dis

这是我参与「第四届青训营 」笔记创作活动的的第15天 1 TypeScript发展历史 2012-10：微软发布了TypeScript第一个版本（0.8） 2014-10：Angular发布了基于Ty

这是我参与「第四届青训营 」笔记创作活动的的第14天 1 Bug与Debug 前端Debug的特点 多平台 浏览器、Hybrid、NodeJS、小程序、桌面应用等 多环境 本地开发环境、线上环境 多工

这是我参与「第四届青训营 」笔记创作活动的的第13天 1 协议分析-报文 cookie Set-Cookie - response 2 协议分析-发展 HTTP/2概述：更快、更稳定、更简单 帧（fr

这是我参与「第四届青训营 」笔记创作活动的的第12天 1 HTTP是什么 用户上网过程 当用户在浏览器地址栏输入网址（字符串）后，浏览器会处理输入信息，处理后会得到一个完整的浏览器地址交给浏览器内核发

这是我参与「第四届青训营 」笔记创作活动的的第10天 两个角度看web安全 攻击篇 - 假如你是一个黑客 Cross-Site Scripting（XSS）跨站脚本攻击 XSS主要利用的两个方法 开发

这是我参与「第四届青训营 」笔记创作活动的的第6天 1 设计模式 1.1 设计模式的概念 设计模式是软件设计中常用问题的解决方案模型 历史经验的总结 与特定语言无关 1.2 设计模式分类 23种设计模

这是我参与「第四届青训营 」笔记创作活动的的第4天 1 写好JS的原则 各司其职 让HTML、CSS和JavaScript职能分离 组件封装 好的UI组件具备正确性、扩展性和复用性 过程抽象 应用函数

1 继承 有些元素的属性可以继承给子级，如color 但有些无法继承给子级时，需要使用显式继承 2 初始值 CSS中，每个属性都有一个初始值 background-color的初始值为transpar