青训营活动

什么是数据可视化 什么是数据可视化 数据可视化，是关于数据视觉表现形式的科学技术研究。其中，这种数据的视觉表现形式被定义为，一种以某种概要形式抽提出来的信息，包括相应信息单位的各种属性和变量 它是一个

游戏发展史 1970 《银河战士》--雅达利游戏 一般是街机，家用电脑 1980 《合金装备》--FC游戏(游戏机) 街机黄金时代，早期网络游戏，LCD掌机游戏 1990 《雷神之锤》--3D游戏 街

发展历程 业务价值 与WEB的区别 有着固定的语法和统一的版本管理，平台可以方便的进行审核 平台能控制个入口，如二维码，文章内容，端内文章，入口也带来了最好的用户体验 小程序基于特殊的架构，在流畅度比

Modern graphics System--现代图形系统 光栅(Raster): 几乎所有的现代图形系统都是基于光栅来绘制图形的，光栅就是构成图像的像素阵列(点阵) 像素(Pixel):每一个像素

前端工程痛点 模块化 提供模块加载方案 兼容不同模块的规范 资源编译 对于高级语法转译：less/scss/typescript等 资源加载等：图片，字体等 产物质量 关于一些dead code的删除

后续持续更新，后续会去系统的看一下node是怎么写的，这里显示简单认识一下 Node.js的应用场景 前端工程化 打包工具类：webpack,vite。。。 Uglify:uglifyjs Trans

TypeScript发展历史 2012-10:微软发布了TypeScript第一个版本(0.8) 2014-10:Angular发布了基于TypeScript的2.0版本 2015-04:微软发布了V

React的历史与应用 应用场景 前端应用开发，例如facebook网页版 桌面端，结合Electron，进行桌面端 移动端应用开发 2013年React正式开源 React的设计思路 UI编程痛点

HTTP的报文结构 TCP在传输的时候分为TCP头和数据部分 HTTP也是类似的，也是header+body，具体是指 起始行 请求报文 也就是：方法+路径+HTTP版本 响应报文 响应报文的起始行也

Cross-Site Scripting(XSS) 发生情况 开发者盲目信任用户提交的内容，直接将输入的字符串就去放到DOM里 document.write element.innerHTML = a

前端开发:起源，架构，变迁 只读时代 HTML/CSS/Javascript 单向发布 静态只读 链接跳转 刷新页面 表格对齐元素 CGI 体验时代 Ajax/Web API/Jquery 动态交互

设计模式分类 创建型 结构型 行为型 浏览器中的设计模式 单例模式 定义： 应用场景： 用单例模式实现请求缓存 发布订阅模式 定义 使用场景 例子 这个例子里，我们可以认为button就是一个订阅对象

前端的基本概念 什么是前端 解决GUI人机交互问题 跨终端 PC/移动端浏览器 客户端/小程序 VR/AR等 前端是指图形界面的人机交互 前端关注点 功能 美观 安全 体验 无障碍 兼容 性能 HTM

理解CSS CSS知识回顾 css是什么 用来定义页面元素的样式 页面中使用css 外链 嵌入 内联 CSS是如何工作的 选择器 标签选择器，类选择器，id选择器 属性选择器 例子 按照DOM树的位置