笔记创作活动

这是我参与「第四届青训营 」笔记创作活动的第17天 一、游戏发展历史 广泛意义上的游戏 一种有组织的玩耍，一般是以娱乐为目的，有时也有教育目的。只要其活动本质带有目的、规则、挑战和互动，我们都可以把其

一、基础知识 编码格式 图像基本概念 图像分辨率：用于确定组成一幅图像的像素数据，就是指在水平和垂直方向上图像所具有的像素个数。 图像深度：图像深度是指存储每个像素所需要的比特数。图像深度决定了图像的

一、什么是数据可视化 数据可视化分类 科学可视化：科学实验数据的直观展示 信息可视化：对抽象数据的直观展示 可视分析：对分析结果的直观展示，及交互式反馈，是一个跨领域的方向 为什么要可视化 记录信息

一、课前准备 点击观看「WebGL 与动画实现」资料 二、初识WebGL WebGL是什么？ GPU≠WebGL≠3D Modern Graphics System 光栅（Raster）：几乎所有的现

一、为什么需要构建工具？ 前端工程的痛点 模块化 ESM、CommonJS、UMD 资源编译 高级语法的编译 产物质量 代码体积、代码性能 开发效率 热更新 前端构建工具的意义 二、Vite是什么？W

一、什么是Webpack 本质上是一种前端资源编译、打包工具 多份资源文件打包成一个Bundle 支持Babel、Eslint、TS、CoffeeScript、Less、Sass 支持模块化处理css

一、Node.js的应用场景 前端工程化 Bundle：webpack，vite，esbuild，parcel Uglify：uglifyjs Transpile：bablejs，typescript

一、前置知识 HTML，JS，CSS基础 基础的数据结构/算法知识，如二叉树，深度遍历等 会使用浏览器提供的DOM API来修改DOM，更新UI 二、React的设计思路 UI编程痛点 状态更新，UI

一、课前准备 学习JavaScript基础语法 二、什么是TypeScript 静态类型 可读性增强：基于语法解析TSDoc，ide增强 可维护性增强：在编译阶段暴露大部分错误 多人合作的大型项目中，

一、Bug与Debug 前端Debug的特点 多平台（浏览器、Hybrid、NodeJs、小程序、桌面应用...） 多环境（本地开发环境、线上环境） 多工具（Chrome DevTools、Charl

一、初识HTTP 什么是HTTP Hyper Text Transfer Protocol超文本传输协议 应用层协议，基于TCP协议 请求响应 简单可扩展 无状态 二、协议分析 协议分析——报文 Me

一、课前准备 什么是分布式拒绝服务 (DDoS) 攻击？ 二、攻击篇 XSS的一些特点 通常难以从UI上感知（暗地执行脚本） 窃取用户信息（cookie/token） 绘制UI（例如弹窗），诱骗用户点

一、关于前端开发 起源、架构、变迁 上网指接入Internet，它是地球上相互连接的计算机构成的网络。计算机网络诞生于上个世纪的60年代，标志性通信协议是TCP/IP。 1989年诞生时，Web由三种

一、课前准备 设计模式 二、什么是设计模式 软件设计中常见问题的解决方案模型 历史经验的总结 与特定语言无关 三、设计模式分类 23种设计模式 创建型 - 如何创建一个对象 结构型 - 如何灵活的将对

一、写好JS的一些原则 各司其职：让HTML、CSS和JavaScript职能分离。 组件封装：好的UI组件具备正确性、扩展性、复用性。 过程抽象：应用函数式编程思想。 二、深夜食堂结论 HTML/C

一、课前准备 CSS 二、CSS是什么？ Cascading Style Sheets 用来定义页面元素的样式 设置字体和颜色 设置位置和大小 添加动画效果 三、CSS是如何工作的 四、选择器Sele

一、课前准备 HTML介绍 二、什么是前端 解决GUI人机交互问题 跨终端 Web技术栈 三、HTML 1. 标签介绍 标签内可有属性和属性值 浏览器会将代码解析成DOM树,如下 2.HTML语法 标