字节青训营笔记

一、前端语言的基本能力 HTML HTML（超文本标记语言）用于定义网页的结构和内容。它由一系列的标签组成，用于标记文本、图片、链接等内容，以及定义它们之间的关系和层次结构。 css CSS（层叠样式

一、什么是shell 1、定义： shell 是一个命令行解释器，它为用户提供了与操作系统交互的接口。用户可以在 shell 中输入命令，然后由 shell 解释并执行这些命令。直白的说，shell

一、计算机网络 （一）定义：是指将地理位置不同的具有独立功能的多台计算机及其外部设备，通过通信线路连接起来，在网络操作系统，网络管理软件及网络通信协议的管理和协调下，实现资源共享和信息传递的计算机系统

领域特定语言 1、简介： 领域特定语言（Domain-Specific Language，DSL）是一种专注于某个应用程序领域的计算机语言。它与通用编程语言（General Purpose Langu

通过文章可以学习到- 了解不同编程范式的起源和适用场景。 掌握 JavaScript 在不同的编程范式特别是函数式编程范式的使用。 掌握创建领域特定语言的相关工具和模式。 一、编程语言 （一）为什么需

三、业务场景与案例 （一）父子组件通信案例 在React中，父子组件之间可以通过多种方式进行通信。父组件可以通过props向子组件传递数据，子组件可以通过回调函数或事件冒泡向父组件传递信息。 下面是一

一、React简介与特点 （一）React简介 React：用于构建用户界面的javascript库。 （二）React特点 声明式：React采用声明式编程，使代码更易于理解和调试。举例：React

1. 响应式设计 1.1 响应式设计原则 优先选用流式布局，如百分比、flex、 grid等 使用响应式图片，匹配尺寸，节省带宽 使用媒体查询为不同的设备类型做适配 给移动端设备设置简单、统一的视口

理解CSS 先在这里放一个网址，可以通过这个网址去查关于HTML、CSS、JS、HTTP的相关知识，知识准确度很高，而且很多都有中文版的，方便大家使用。 网址：developer.mozilla.or

1. js基本概念 1.1 基本特点 借鉴C语言的基本语法 借鉴java的数据类型和内存管理 借鉴scheme语言，将函数提升到一等公民身份 借鉴self语言，使用基于原型（ProtoType）的继承

1. 浏览器架构 1.1 浏览器架构演进 单进程架构: 所有模块运行在同一个进程里，包含网络、插件、JavaScript运行环境等 多进程架构:主进程、网络进程、渲染进程、GPU进程、插件进程 面向服

1. 前端 Debug 的特点 多平台 浏览器、Hybrid、NodeJs、小程序、桌面应用等. 多工具 Chrome devTools、Charles、Spy-Debugger、 Whistle、C

1.TypeScript 对比 JavaScript 如下图所示，js和ts对比 Ts带来的好处 安全类型 下一代js特性 完善的工具链 2. TS基础 2.1 基础类型 boolean、number

1.为什么需要构建工具? 1.前端工程的痛点 前端项目的核心要素----资源：JS，TS,JSX,css,scss，LESS，PNG，JPEG,WEBP。前端功能化的的问题越来越明显。 模块化:把项目