笨鱼fly
获得徽章 2
#青训营笔记创作活动# APP端
DAY 1
Webpack
Webpack 通过解决一个基本问题来简化 Web 开发：捆绑。它接受各种资产，如JavaScript，CSS和HTML，并将它们转换为方便通过浏览器使用的格式。做好这一点可以减轻 Web 开发带来的大量痛苦。
1、什么是网络包
Web 浏览器使用 HTML、CSS、JavaScript 和多媒体文件。随着项目的发展，跟踪所有这些文件并使它们适应不同的目标（例如浏览器）变得太复杂，无法在没有帮助的情况下进行管理。Webpack 解决了这些问题。管理复杂性是Web开发的基本问题之一，很好地解决这个问题有很大帮助。
Webpack 并不是唯一可用的捆绑器，并且已经出现了不同工具的集合。任务运行器，如Grunt和Gulp，是更高级工具的很好的例子。通常，问题是您需要手动编写工作流。将该问题推送到捆绑器（例如 webpack）是向前迈出的一步。
特定于框架的抽象，例如create-react-app，rockpack或@angular / cli，在下面使用webpack。也就是说，如果您必须自定义设置，那么了解该工具仍然有价值。
DAY 1
Webpack
Webpack 通过解决一个基本问题来简化 Web 开发：捆绑。它接受各种资产，如JavaScript，CSS和HTML，并将它们转换为方便通过浏览器使用的格式。做好这一点可以减轻 Web 开发带来的大量痛苦。
1、什么是网络包
Web 浏览器使用 HTML、CSS、JavaScript 和多媒体文件。随着项目的发展，跟踪所有这些文件并使它们适应不同的目标（例如浏览器）变得太复杂，无法在没有帮助的情况下进行管理。Webpack 解决了这些问题。管理复杂性是Web开发的基本问题之一，很好地解决这个问题有很大帮助。
Webpack 并不是唯一可用的捆绑器，并且已经出现了不同工具的集合。任务运行器，如Grunt和Gulp，是更高级工具的很好的例子。通常，问题是您需要手动编写工作流。将该问题推送到捆绑器（例如 webpack）是向前迈出的一步。
特定于框架的抽象，例如create-react-app，rockpack或@angular / cli，在下面使用webpack。也就是说，如果您必须自定义设置，那么了解该工具仍然有价值。
展开
评论
点赞
#青训营笔记创作活动#
DAY 21
## Webpack
[Webpack](
webpack.js.org) 通过解决一个基本问题来简化 Web 开发：捆绑。它接受各种资产，如JavaScript，CSS和HTML，并将它们转换为方便通过浏览器使用的格式。做好这一点可以减轻 Web 开发带来的大量痛苦。
1、什么是网络包
Web 浏览器使用 HTML、CSS、JavaScript 和多媒体文件。随着项目的发展，跟踪所有这些文件并使它们适应不同的目标（例如浏览器）变得太复杂，无法在没有帮助的情况下进行管理。Webpack 解决了这些问题。管理复杂性是Web开发的基本问题之一，很好地解决这个问题有很大帮助。
Webpack 并不是唯一可用的捆绑器，并且已经出现了不同工具的集合。任务运行器，如Grunt和Gulp，是更高级工具的很好的例子。通常，问题是您需要手动编写工作流。将该问题推送到捆绑器（例如 webpack）是向前迈出的一步。
特定于框架的抽象，例如[create-react-app](create-react-app.dev)，[rockpack](www.rockpack.io)或 @angular / cli (www.npmjs.com)，在下面使用webpack。也就是说，如果您必须自定义设置，那么了解该工具仍然有价值。
DAY 21
## Webpack
[Webpack](
webpack.js.org) 通过解决一个基本问题来简化 Web 开发：捆绑。它接受各种资产，如JavaScript，CSS和HTML，并将它们转换为方便通过浏览器使用的格式。做好这一点可以减轻 Web 开发带来的大量痛苦。1、什么是网络包
Web 浏览器使用 HTML、CSS、JavaScript 和多媒体文件。随着项目的发展，跟踪所有这些文件并使它们适应不同的目标（例如浏览器）变得太复杂，无法在没有帮助的情况下进行管理。Webpack 解决了这些问题。管理复杂性是Web开发的基本问题之一，很好地解决这个问题有很大帮助。
Webpack 并不是唯一可用的捆绑器，并且已经出现了不同工具的集合。任务运行器，如Grunt和Gulp，是更高级工具的很好的例子。通常，问题是您需要手动编写工作流。将该问题推送到捆绑器（例如 webpack）是向前迈出的一步。
特定于框架的抽象，例如[create-react-app](
create-react-app.dev)，[rockpack](www.rockpack.io)或 @angular / cli (www.npmjs.com)，在下面使用webpack。也就是说，如果您必须自定义设置，那么了解该工具仍然有价值。
展开
评论
点赞
#青训营笔记创作活动#
DAY 20
web 表单是什么？
web 表单是用户和 web 站点或应用程序之间交互的主要内容之一。它们允许用户输入数据，大多数情况下会将数据发送到 web 服务器进行处理和存储（见后面的章节发送表单数据），或者在客户端使用某种方式立刻更新界面（例如，添加列表中的另一个项目，或者显示或隐藏 UI 功能）。
web 表单是由一个或多个表单控件（有时称为小部件），以及一些有助于构建整个表单的附加元素组成——通常被称为 HTML 表单。这些控件可以是文本字段（单行或多行）、选择框、按钮、复选框或单选按钮，大部分是使用 <input> 元素创建的，尽管还有一些其它元素需要学习。
还可对表单控件进行编程，以强制指定输入的格式和值（表单验证），并与文本标签配对，向有视力障碍的用户描述其用途。
元素
<form> 元素按照一定的格式定义了表单和确定表单行为的属性。当您想要创建一个 HTML 表单时，都必须从这个元素开始，然后把所有内容都放在里面。许多辅助技术或浏览器插件可以发现<form>元素并实现特殊的钩子，使它们更易于使用。 ##
DAY 20
web 表单是什么？
web 表单是用户和 web 站点或应用程序之间交互的主要内容之一。它们允许用户输入数据，大多数情况下会将数据发送到 web 服务器进行处理和存储（见后面的章节发送表单数据），或者在客户端使用某种方式立刻更新界面（例如，添加列表中的另一个项目，或者显示或隐藏 UI 功能）。
web 表单是由一个或多个表单控件（有时称为小部件），以及一些有助于构建整个表单的附加元素组成——通常被称为 HTML 表单。这些控件可以是文本字段（单行或多行）、选择框、按钮、复选框或单选按钮，大部分是使用 <input> 元素创建的，尽管还有一些其它元素需要学习。
还可对表单控件进行编程，以强制指定输入的格式和值（表单验证），并与文本标签配对，向有视力障碍的用户描述其用途。
元素
<form> 元素按照一定的格式定义了表单和确定表单行为的属性。当您想要创建一个 HTML 表单时，都必须从这个元素开始，然后把所有内容都放在里面。许多辅助技术或浏览器插件可以发现<form>元素并实现特殊的钩子，使它们更易于使用。 ##
展开
评论
点赞
#青训营笔记创作活动#
DAY 19
1、什么是 DDoS 攻击？
分布式拒绝服务（DDoS）攻击是通过大规模互联网流量淹没目标服务器或其周边基础设施，以破坏目标服务器、服务或网络正常流量的恶意行为。
DDoS 攻击利用多台受损计算机系统作为攻击流量来源以达到攻击效果。利用的机器可以包括计算机，也可以包括其他联网资源（如 [IoT 设备](www.cloudflare.com)）。
总体而言，DDoS 攻击好比高速公路发生交通堵塞，妨碍常规车辆抵达预定目的地。
2、DDoS 攻击的工作原理
DDoS 攻击是通过连接互联网的计算机网络进行的。
这些网络由计算机和其他设备（例如 IoT 设备）组成，它们感染了[恶意软件]
一旦建立了僵尸网络，攻击者就可通过向每个机器人发送远程指令来发动攻击。
当僵尸网络将受害者的服务器或网络作为目标时，每个机器人会将请求发送到目标的 [IP 地址](www.cloudflare.com)，这可能导致服务器或网络不堪重负，从而造成对正常流量的[拒绝服务](www.cloudflare.com)。
由于每个机器人都是合法的互联网设备，因而可能很难区分攻击流量与正常流量。
3、如何识别 DDoS 攻击
DDoS 攻击最明显的症状是网站或服务突然变慢或不可用。但是，造成类似性能问题的原因有多种（如合法流量激增），因此通常需要进一步调查。流量分析工具可以帮助您发现 DDoS 攻击的一些明显迹象：
- 来自单个 IP 地址或 IP 范围的可疑流量
- 来自共享单个行为特征（例如设备类型、地理位置或 Web 浏览器版本）的用户的大量流量
- 对单个页面或端点的请求数量出现不明原因的激增
- 奇怪的流量模式，例如一天中非常规时间段的激增或看似不自然的模式（例如，每 10 分钟出现一次激增）
DDoS 攻击还有其他更具体的迹象，具体取决于攻击的类型。
DAY 19
1、什么是 DDoS 攻击？
分布式拒绝服务（DDoS）攻击是通过大规模互联网流量淹没目标服务器或其周边基础设施，以破坏目标服务器、服务或网络正常流量的恶意行为。
DDoS 攻击利用多台受损计算机系统作为攻击流量来源以达到攻击效果。利用的机器可以包括计算机，也可以包括其他联网资源（如 [IoT 设备](
www.cloudflare.com)）。总体而言，DDoS 攻击好比高速公路发生交通堵塞，妨碍常规车辆抵达预定目的地。
2、DDoS 攻击的工作原理
DDoS 攻击是通过连接互联网的计算机网络进行的。
这些网络由计算机和其他设备（例如 IoT 设备）组成，它们感染了[恶意软件]
一旦建立了僵尸网络，攻击者就可通过向每个机器人发送远程指令来发动攻击。
当僵尸网络将受害者的服务器或网络作为目标时，每个机器人会将请求发送到目标的 [IP 地址](
www.cloudflare.com)，这可能导致服务器或网络不堪重负，从而造成对正常流量的[拒绝服务](www.cloudflare.com)。由于每个机器人都是合法的互联网设备，因而可能很难区分攻击流量与正常流量。
3、如何识别 DDoS 攻击
DDoS 攻击最明显的症状是网站或服务突然变慢或不可用。但是，造成类似性能问题的原因有多种（如合法流量激增），因此通常需要进一步调查。流量分析工具可以帮助您发现 DDoS 攻击的一些明显迹象：
- 来自单个 IP 地址或 IP 范围的可疑流量
- 来自共享单个行为特征（例如设备类型、地理位置或 Web 浏览器版本）的用户的大量流量
- 对单个页面或端点的请求数量出现不明原因的激增
- 奇怪的流量模式，例如一天中非常规时间段的激增或看似不自然的模式（例如，每 10 分钟出现一次激增）
DDoS 攻击还有其他更具体的迹象，具体取决于攻击的类型。
展开
评论
点赞
#青训营笔记创作活动#
DAY 18
一、从 JavaScript 到 React
1.呈现用户界面
要了解 React 的工作原理，我们首先需要基本了解浏览器如何解释您的代码以创建交互式用户界面 （UI）。然后，浏览器读取 HTML 并构造文档对象模型 （DOM）
2.什么是 DOM？
DOM 是 HTML 元素的对象表示形式。它充当代码和用户界面之间的桥梁，并具有具有父子关系的树状结构。可以使用 DOM 方法和编程语言（如 JavaScript）来侦听用户事件，并通过选择、添加、更新和删除用户界面中的特定元素来[操作 DOM](developer.mozilla.org)。DOM 操作不仅允许您定位特定元素，还可以更改它们的样式和内容。
3.命令式编程与声明式编程
在构建用户界面时，声明性方法通常是首选，因为它可以加快开发过程。如果开发人员能够声明他们想要显示**的内容**（在本例中为带有一些文本的标签），而不是编写 DOM 方法，这将很有帮助。
换句话说，**命令式编程**就像给厨师提供如何制作披萨的分步说明。**声明式编程**就像订购披萨一样，而不关心制作披萨所需的步骤。
帮助开发人员构建用户界面的流行声明式库是 [React](beta.reactjs.org)。
4.什么是JSX？
JSX 是 JavaScript 的语法扩展，它允许您用熟悉的*类似 HTML 的*语法描述您的 UI。JSX的好处是，除了遵循[三个JSX规则](beta.reactjs.org)之外，你不需要学习HTML和JavaScript之外的任何新符号或语法。
请注意，浏览器不能理解开箱即用的JSX，因此您需要一个JavaScript编译器（例如[Babel](babeljs.io)）将JSX代码转换为常规JavaScript。
DAY 18
一、从 JavaScript 到 React
1.呈现用户界面
要了解 React 的工作原理，我们首先需要基本了解浏览器如何解释您的代码以创建交互式用户界面 （UI）。然后，浏览器读取 HTML 并构造文档对象模型 （DOM）
2.什么是 DOM？
DOM 是 HTML 元素的对象表示形式。它充当代码和用户界面之间的桥梁，并具有具有父子关系的树状结构。可以使用 DOM 方法和编程语言（如 JavaScript）来侦听用户事件，并通过选择、添加、更新和删除用户界面中的特定元素来[操作 DOM](
developer.mozilla.org)。DOM 操作不仅允许您定位特定元素，还可以更改它们的样式和内容。3.命令式编程与声明式编程
在构建用户界面时，声明性方法通常是首选，因为它可以加快开发过程。如果开发人员能够声明他们想要显示**的内容**（在本例中为带有一些文本的标签），而不是编写 DOM 方法，这将很有帮助。
换句话说，**命令式编程**就像给厨师提供如何制作披萨的分步说明。**声明式编程**就像订购披萨一样，而不关心制作披萨所需的步骤。
帮助开发人员构建用户界面的流行声明式库是 [React](
beta.reactjs.org)。4.什么是JSX？
JSX 是 JavaScript 的语法扩展，它允许您用熟悉的*类似 HTML 的*语法描述您的 UI。JSX的好处是，除了遵循[三个JSX规则](
beta.reactjs.org)之外，你不需要学习HTML和JavaScript之外的任何新符号或语法。请注意，浏览器不能理解开箱即用的JSX，因此您需要一个JavaScript编译器（例如[Babel](
babeljs.io)）将JSX代码转换为常规JavaScript。
展开
评论
点赞
#青训营笔记创作活动#
DAY 17
1、什么是 Vue？
Vue（发音为/vjuː/，like **view**）是一个用于构建用户界面的JavaScript框架。它建立在标准 HTML、CSS 和 JavaScript 之上，并提供声明性和基于组件的编程模型，帮助您高效地开发用户界面，无论是简单的还是复杂的。
2、Vue 的两个核心特性：
- **声明式渲染**：Vue 使用模板语法扩展了标准 HTML，允许我们基于 JavaScript 状态以声明方式描述 HTML 输出。
- **反应性**：Vue 自动跟踪 JavaScript 状态变化，并在发生更改时有效地更新 DOM。
3、渐进式框架
Vue 是一个框架和生态系统，涵盖了前端开发所需的大多数常见特性。但是网络是非常多样化的 - 我们在网络上构建的东西在形式和规模上可能会有很大差异。考虑到这一点，Vue 被设计为灵活且可增量采用的。根据您的用例，Vue 可以以不同的方式使用：
- 无需构建步骤即可增强静态 HTML
- 在任何页面上作为 Web 组件嵌入
- 单页应用程序 （SPA）
- 全栈/服务器端渲染 （SSR）
- Jamstack / Static Site Generation （SSG）
- 针对桌面、移动、WebGL 甚至终端
4、什么是React？
React 是一个声明式的、高效的、灵活的 JavaScript 库，用于构建用户界面。它允许您从称为“组件”的小而独立的代码段编写复杂的 UI
5、什么是React Native？
React Native 是一个开源框架，用于使用 [React](reactjs.org) 和应用程序平台的原生功能构建 Android 和 iOS 应用程序。
6、视图和移动开发
在 Android 和 iOS 开发中，**视图**是 UI 的基本构建块：屏幕上的一个小矩形元素，可用于显示文本、图像或响应用户输入。即使是应用中最小的可视元素（如一行文本或按钮）也是视图类型。某些类型的视图可以包含其他视图
7、React Native核心组件
React Native 有许多核心组件，用于从控件到活动指标的所有内容。
DAY 17
1、什么是 Vue？
Vue（发音为/vjuː/，like **view**）是一个用于构建用户界面的JavaScript框架。它建立在标准 HTML、CSS 和 JavaScript 之上，并提供声明性和基于组件的编程模型，帮助您高效地开发用户界面，无论是简单的还是复杂的。
2、Vue 的两个核心特性：
- **声明式渲染**：Vue 使用模板语法扩展了标准 HTML，允许我们基于 JavaScript 状态以声明方式描述 HTML 输出。
- **反应性**：Vue 自动跟踪 JavaScript 状态变化，并在发生更改时有效地更新 DOM。
3、渐进式框架
Vue 是一个框架和生态系统，涵盖了前端开发所需的大多数常见特性。但是网络是非常多样化的 - 我们在网络上构建的东西在形式和规模上可能会有很大差异。考虑到这一点，Vue 被设计为灵活且可增量采用的。根据您的用例，Vue 可以以不同的方式使用：
- 无需构建步骤即可增强静态 HTML
- 在任何页面上作为 Web 组件嵌入
- 单页应用程序 （SPA）
- 全栈/服务器端渲染 （SSR）
- Jamstack / Static Site Generation （SSG）
- 针对桌面、移动、WebGL 甚至终端
4、什么是React？
React 是一个声明式的、高效的、灵活的 JavaScript 库，用于构建用户界面。它允许您从称为“组件”的小而独立的代码段编写复杂的 UI
5、什么是React Native？
React Native 是一个开源框架，用于使用 [React](
reactjs.org) 和应用程序平台的原生功能构建 Android 和 iOS 应用程序。6、视图和移动开发
在 Android 和 iOS 开发中，**视图**是 UI 的基本构建块：屏幕上的一个小矩形元素，可用于显示文本、图像或响应用户输入。即使是应用中最小的可视元素（如一行文本或按钮）也是视图类型。某些类型的视图可以包含其他视图
7、React Native核心组件
React Native 有许多核心组件，用于从控件到活动指标的所有内容。
展开
评论
点赞