青训营

Web 安全一窥 安全问题很“危险”，会危害： 用户隐私 公司利益 程序员工作 两个角度看 Web 安全 1. 假如你是一个 hacker ———— 攻击 Cross-Site Scriptng (X

这是我参与「第五届青训营 」伴学笔记创作活动的第 15 天 1. 初识 什么是 HTTP？ 一次完整 HTTP 请求过程 对 www.taobao.com 这个网址进行DNS域名解析，得到对应的IP地

1. 什么是自动化测试？ 理想的软件开发 V 模型 现实的软件开发 2. 为什么要做自动化测试？ 集成测试和前端自动化测试 参加研发的人员有很多，每个人的开发风格、代码风格不同，后面进行迭代的人员并没

这是我参与「第五届青训营 」伴学笔记创作活动的第 12 天 选择器的特异度 特异度的值由四部分组成： 元素选择器（例如 p、h1、div 等），其特异度为 1,0,0,0 类选择器（例如 .class

这是我参与「第五届青训营 」伴学笔记创作活动的第 10 天 普通网页组成成分：HTML、JavaScript； WebGL网页组成成分：HTML5、JavaScript和GLSL ES(着色器语言 O

这是我参与「第五届青训营 」伴学笔记创作活动的第 9 天 什么是数据可视化？ 数据可视化分类 科学可视化，科学实验数据的直接展示； 信息可视化，对抽象数据的直接展示； 可视分析，对分析结果的直观展现，

这是我参与「第五届青训营 」伴学笔记创作活动的第 8 天 什么是前端监控？ 经典面试题： 在浏览器中，从输入 URL 到页面展示，这中间发生了什么？ 为什么需要前端监控？ 在浏览网页的人的角度看，我们

理解Loader 问题：Webpack只认JS 为处理非标准JS 资源，设计出资源翻译模块 loader 用于将资源翻译为标准JS 使用Loader 按照Loader 添加module处理CSS文件

这是我参与「第五届青训营 」伴学笔记创作活动的第 6 天。Vite基本概要。浅谈构建工具。Vite概要介绍。

学习Webpack的原因 学习Webpack，了解什么是前端“工程化”； 学习Webpack，提高自己的核心竞争力，从而更好在团队中任职； 现在很多对“工程化”要求高的工程，都会用到Webpack；

这是我参与「第五届青训营 」伴学笔记创作活动的第 4 天 动态类型语言 动态语言（弱类型语言） 是运行时才确定数据类型的语言，变量在使用之前无需申明类型，通常变量的值是被赋值的那个值的类型。比如Php

这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天 写好JS的原则 各司其职 看一下以下两个代码 HTML负责内容 CSS负责样式 JavaScript负责行为 尽量让HTML负责内容，CSS负

这是我参与「第五届青训营 」伴学笔记创作活动的第 2 天 CSS基本结构 对于CSS基本结构，之前都是处于会用的状态，还是应该了解一下基础 选择器选择页面元素，例如h1 CSS工作原理 选择器 选中元

这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天 前端技术栈 前端关注点 从以前写过的几个练手项目可以总结，每次都只是注重功能的完成度，甚至有时候时间紧，原本自己拟定的功能点图的一些比较杂的点