# 事件处理 [事件处理 – React (docschina.org)](https://react.docschina.org/docs/handling-events.html) - 需要传入一个函数作为事件处理函数，而不是一个字符串。 ```react <button onClick=

终于到了我超期待的一门课~~ 课程目标： - 认识和了解小程序的业务产品价值 - 学习和掌握小程序相关技术原理 # 小程序的发展历程 ## 发展历程 ![image.png](https://backblaze.cosine.ren/juejin/8351c2bbcb5447849468f

# Web 多媒体历史 - PC 时代：Flash 等播放插件，富客户端。 - 移动互联网时代：Flash 等逐渐被淘汰，HTML5 出现了，但其支持视频格式等有限 - Media Source Extensions ，支持多种视频格式等 # 基础知识 ## 编码格式 ### 图像基本概念

# 前端场景下的游戏开发 ## 开发角色和链路 游戏开发的团队分工 组建一个最小但最完整的游戏开发团队只需要 3 个人:策划、程序、美术。 当然，能力足够强的话可以作为独立开发者。 ![image.png](https://backblaze.cosine.ren/juejin/D2b19

这节课老师讲了 TypeScript 的用处与基本语法、高级类型的应用、类型保护与类型守卫 # 什么是 TypeScript ## 发展历史 - 2012-10：微软发布了 TypeScript 第一个版本(0.8) - 2014-10：Angular 发布了基于 TypeScript 的 2

# 本节课重点内容 ## Why WebGL / Why GPU? - WebGL 是什么? - GPU ≠ WebGL ≠ 3D - WebGL 为什么不像其他前端技术那么简单? ## 现代的图像系统 - **光栅(Raster)**：几乎所有的现代图形系统都是**基于光栅来绘制**图

# 本节课重点内容 - 理解前端"工程化"概念、工具、目标 - 一个团队总要有那么几个人熟悉 Webpack, 某种程度上可以成为个人的核心竞争力 - **高阶前端必经之路** 课程目标： - 理解 Webpack 的基本用法 - 通过介绍 Webpack 功能、Loader 与 Plugin

# 本节课重点内容 安全问题很常见，会危害 - 用户 - 公司 - 程序员（祭天 QAQ） ## 两个角度看 web 安全 ### 假如你是一个 hacker——攻击 #### 跨站脚本攻击 XSS(Cross Site Scripting) ![image.png](https://b

# 本节课重点内容 ## Node.js 的应用场景（why） - 前端工程化 - 早期的 jQuery 等库都是直接在页面中引入，后来模块化逐渐成熟，Node.js 赋予了开发者在浏览器外运行代码的能力，前端逐渐模块化、 - Bundle：[webpack](https://www

## 初识 HTTP 输入 url -> browser 进程处理输入信息 -> 浏览器内核向服务器发起请求 -> 浏览器内核读取响应 -> 浏览器内核进行渲染 -> browser 进程页面加载完成 ![image.png](https://backblaze.cosine.ren/jueji