青训营笔记

webGL是利用GPU渲染的API 由LGBA语言编写 CPU提取轮廓 光栅化 帧缓存 渲染 GPU由大量小运算单元构成 webGL Startup 两级 顶点折射器 片源折射器（处理顶点和图源区域内

数据可视化分类 科学可视化 信息可视化 可视分析 为什么要做数据可视化 可视化设计原则和规则 原则 能够正确的表达数据中的信息而不产生偏差与歧义 1.能够准确的展示数据 2.节省笔墨 最大化数据墨水占

前端“工程化”概念，工具，目标 一个团队总要有几个人熟悉webpack，在某种程度上可以成为个人的核心竞争力 高阶前端必经之路（需要熟悉更多的工程化工具） webpack定义解析 1.什么是webpa

这是我参加青训营伴学笔记的第十二天 什么是前端监控 前端监控技术尽可能的采集这一个过程以及后续用户交互中产出的性能指标与发生的异常事件并上报到平台完成消费 前端监控通过对页面数据的采集和上报，来帮助开

这是我参加青训营伴学笔记的第十一天 开发安全-攻击篇 安全问题很常见，会危害用户，公司，程序员 XSS 当用户访问页面时，xss脚本就会运行 一是用户隐私被泄露。二是用户的机器会被当成挖矿的机器 开发

这是我参与第五届青训营伴学笔记的第十天 web前端调试 1.bug和debug 前端debug的特点 多平台，多环境，多工具，多技巧 2.chrome调试 element 动态修改元素和样式 cons

这是我参与第五届青训营伴学笔记的第九天 各端功能几乎一致，每个端都需要单独配置研发，维护成本高，安卓，ios发版周期长等等弊端 跨端技术方案目标 跨端技术方案 hybrid方案 原生渲染方案 自渲染方

这是我参与第五届青训营伴学笔记的第八天 next.js实战项目 web应用 B端应用：用户群体为内部用户 几乎没有sceo的要求 C端应用：用户群体为全体互联网 对sceo的要求很高 next.js是

这是我参与第五届青训营伴学笔记的第七天 # node.js ## 1.应用场景 【1】前端工程化 【2】web服务端应用 node.js由Vercel研发 开发效率高 社区生态

这是我参与第五届青训营伴学笔记的第六天 react 响应式的编程 库 raect的历史与应用 还可以写3D图 2010年第一次引入了组合式组件的思想 faxjs是react的原型 使用函数声明 201

这是我参与第五届青训营伴学笔记的第五天 http协议 1.初识http http协议即为 超文本传输协议 应用层协议，基于tcp协议 请求 响应 简单可扩展 无状态 每个请求之间都是孤立的 2.协议分

这是我参与第五届青训营伴学笔记的第四天 vscode直接支持typescipt 静态类型 弱类型语言 静态类型 可读性强 可维护性增强 在多人合作的大型项目中有更好的稳定性 被称为js的超集 包含于兼

这是我参与第五届青训营伴学笔记的第三天 如何写好javascript 犀牛书，the good parts 各司其职 组件封装 过程抽象 各司其职 html css js 各司其职 不要用js去代替c

这是我参与第五届青训营伴学笔记的第一天 前端html 传达内容，而不是样式 GUI下的人机交互问题 关注的方面 美观 功能 无障碍（各类人群的实用） 安全 性能 兼容性 用户体验 DOM树 每个节点都

css工作 通过dom树来渲染页面 RGB模型不会和颜色有直接关联 所以我们采用HSL来更加直观的展示颜色 HSL hue 色相 0-360 s饱和度 表示鲜艳的程度 % l亮度 越高颜色越亮 % 它