第五届字节跳动青训营笔记

Git 安装与基本指令 git 安装 你可以在 官网 里下载并安装 git，在安装的过程中，你可以选择 git 的安装路径，其他选项建议全部选

这是我参与「第五届青训营」伴学笔记创作活动的第 十六 天 什么是 WebGL WebGL（Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把 JavaScript 和

当青训营遇上码上掘金 主题 1：我的名片 概述 名片是向人介绍自我的重要工具，作为一名程序员用代码做自我介绍是一件非常酷炫的事情。名片的设计参考了学生证的设计模式，由于（拖到了最后）时间的不足，所以在

数据可视化 什么是数据可视化 数据可视化主要旨在借助于图形化手段，清晰有效地传达与沟通信息。比如生活中可见的数据图表、手机上的电子地图还有温度

前端监控 在浏览器中，从输入 URL 到页面展示，需要经过浏览器、网络和渲染的多个进程。前端监控就是尽可能的采集这一过程以及后续用户交互中产出

设计模式 设计模式就是软件设计中一些常见问题的解决方案模型，常见问题也就是软件设计发展多年以来的历史经验的总结，解决方案模型与特定语言无关，它

随着前端技术的快速发展，许多问题都得到了较好的解决，但是新的问题也呼之欲出。前端开发中对于模块化开发终没有一个统一的规范，即使现在已经诞生了诸如 ESM、CommonJS、UMD 等行业规范

什么是 Webpack ? Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成

客户端渲染（CSR）即页面的渲染由客户端向服务器发送请求得到数据之后，由客户端负责解析数据文件，将 JS 以及 CSS 的效果渲染

跨站脚本攻击即 Cross-Site Scripting(XSS)，即在开发维护的页面中攻击者通过一种方式把他的恶意脚本注入进来，当用户访问我们的页面时，这些恶意脚本会攻击用户的设备，导致用户的信息泄

Express Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架。Express 基于Node.js 内置的

Node.js 的应用场景 前端工程化 前端工程化，就是指对前端进行一些流程的标准化，让开发变得更有效率，且更好地做产品交付。比如使用 web

React的诞生 2010 年 Facebook 在其 php 生态中，引入了 xhp 框架，首次引入了组合式组件的思想，启发了后来的 React 的设计。

这是我参与「第五届青训营 」伴学笔记创作活动的第 5 天 初识HTTP HTTP 即 HyperText Transfer Protocol （超文本传输协议），是用于从万维网服务器传输超文本到本地浏

这是我参与「第五届青训营 」伴学笔记创作活动的第 4 天 什么是TypeScript？ TypeScript 是一种给 JavaScript 添加特性的语言扩展，它扩展了 JavaScript 的语法

这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天 如何写好 JavaScript 代码 我们平时在学习的时候，对于代码的编写可能会趋向于便利性和直观性，但是当我们从一个前端的学习者迈向前端工程

这是我参与「第五届青训营 」伴学笔记创作活动的第 2 天 CSS CSS 即 Cascading Style Sheets(层叠样式表)，作为学习前端的第二步，CSS 的主要功能是对网页中的各种元素进

这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天 前端 网页是由多种要素共同构成的，随着WEB技术的不断发展，我们所接触到的网页越发多彩绚烂，实现这些效果和功能的技术也在不断更新拓展。前端便是