第四届字节跳动青训营-前端基础班学习笔记

Web多媒体 ｜ 青训营笔记 这是我参与「第四届青训营」笔记创作活动的的第15天。 多媒体（Multimedia）指图片、声音、音乐、动画和视频。

Node.js入门 ｜ 青训营笔记 这是我参与「第四届青训营」笔记创作活动的的第14天 简单的说，Node.js 就是运行在服务端的 JavaScript。

Vite入门 ｜ 青训营笔记 这是我参与「第四届青训营」笔记创作活动的的第13天。 Vite的官方定位是下一代前端开发和构建工具。

Webpack入门 ｜ 青训营笔记 这是我参与「第四届青训营」笔记创作活动的的第12天。 Webpack 是一个前端资源加载/打包工具。

前端Chrome浏览器调试方法 ｜ 青训营笔记 这是我参与「第四届青训营」笔记创作活动的的第11天。 前端Chrome浏览器调试方法 预备知识 在Chrome浏览器页面按下F12。 图最上头的一行是一

HTML常用标签 ｜ 青训营笔记 这是我参与「第四届青训营」笔记创作活动的的第2天，注主要介绍了HTML的常用标签。

HTTP/HTTPS ｜ 青训营笔记 这是我参与「第四届青训营」笔记创作活动的的第10天。 HTTP/HTTPS 简介 HTTP 协议是 超文本传输协议（Hyper Text Transfer Pro

XSS又叫CSS（Cross-Site Script），跨站脚本攻击是指恶意攻击者往Web页面里插入恶意Script代码，当用户浏览该页之时，嵌入其中Web里面的Script代码会被执行，从而达到恶意

SQL注入 ｜ 青训营笔记 这是我参与「第四届青训营」笔记创作活动的的第8天。 这篇文章介绍了SQL注入的产生原因、威胁、对数据安全的影响、注入原理、防范措施等等。

HTML+CSS实现按钮手风琴效果 ｜ 青训营笔记 这是我参与「第四届青训营」笔记创作活动的的第7天，利用HTML+CSS实现按钮手风琴效果。

Web标准与前端开发 ｜ 青训营笔记 这是我参与「第四届青训营」笔记创作活动的的第6天。 一、关于前端开发 起源、架构、变迁 Web起源于1989年，由3种技术构成： HTML HTTP URL CS

前端设计模式应用 这是我参与「第四届青训营 」笔记创作活动的的第5天。 概述 什么是设计模式？ 设计模式是软件设计中常见问题的解决方案模型。 是历史经验的总结， 与特定语言无关。 设计模式背景 模式语

CSS 盒子模型(Box Model) ｜ 青训营笔记 这是我参与「第四届青训营」笔记创作活动的的第4天，主要介绍了盒子的组成、盒子的大小和不同浏览器的兼容适配问题。

理解CSS ｜ 青训营笔记 这是我参与「第四届青训营」笔记创作活动的的第3天。主要介绍了CSS定义、CSS语法、CSS创建的3种方式和CSS运行原理。

day1：前端与HTML ｜ 青训营笔记 第一天，主要介绍了前端、前端开发工具、HTML和HTML语义化。