fox527
获得徽章 0
Day19，今天学习了前端开发调试之 PC 端调试。
1. 元素面板：可以查看和编辑HTML和CSS代码，以及调试JavaScript代码。您可以在元素面板中选择特定元素并查看其样式、布局和事件。在Chrome浏览器中，您可以通过右键单击页面上的任何元素并选择“检查”来打开元素面板。
2. 控制台：可以帮助您调试JavaScript代码和执行命令。您可以在控制台中查看日志消息、警告和错误，并测试JavaScript表达式或函数。在Chrome浏览器中，您可以通过按下F12键或右键单击页面并选择“检查”来打开控制台。
3. 网络面板：可以显示网页加载期间发生的所有网络请求和响应。您可以使用网络面板来分析网页性能，并找出哪些资源导致了慢速加载时间。在Chrome浏览器中，您可以通过点击控制台左侧的“Network”选项卡来打开网络面板。
4. 资源面板：可以显示页面加载过程中使用的所有资源，如图片、样式表、脚本等。您可以使用资源面板来查看这些资源的详细信息，并对它们进行调试。在Chrome浏览器中，您可以通过点击控制台左侧的“Sources”选项卡来打开资源面板。
1. 元素面板：可以查看和编辑HTML和CSS代码，以及调试JavaScript代码。您可以在元素面板中选择特定元素并查看其样式、布局和事件。在Chrome浏览器中，您可以通过右键单击页面上的任何元素并选择“检查”来打开元素面板。
2. 控制台：可以帮助您调试JavaScript代码和执行命令。您可以在控制台中查看日志消息、警告和错误，并测试JavaScript表达式或函数。在Chrome浏览器中，您可以通过按下F12键或右键单击页面并选择“检查”来打开控制台。
3. 网络面板：可以显示网页加载期间发生的所有网络请求和响应。您可以使用网络面板来分析网页性能，并找出哪些资源导致了慢速加载时间。在Chrome浏览器中，您可以通过点击控制台左侧的“Network”选项卡来打开网络面板。
4. 资源面板：可以显示页面加载过程中使用的所有资源，如图片、样式表、脚本等。您可以使用资源面板来查看这些资源的详细信息，并对它们进行调试。在Chrome浏览器中，您可以通过点击控制台左侧的“Sources”选项卡来打开资源面板。
展开
评论
点赞
Day16，今天自己了解了一下如何自己做出一个小游戏。
1. 安装 VS Code 编辑器和 Node.js 运行环境。
2. 创建一个新的文件夹作为项目文件夹。
3. 在项目文件夹中创建一个 HTML 文件，用于显示游戏界面。
4. 在项目文件夹中创建一个 JavaScript 文件，用于编写游戏逻辑。
5. 在 HTML 文件中引入 JavaScript 文件。
6. 在 JavaScript 文件中编写游戏逻辑，包括游戏初始化、游戏循环、用户交互等。
7. 在 VS Code 中使用终端窗口运行 Node.js，启动一个本地服务器，用于在浏览器中运行游戏。
8. 在浏览器中打开本地服务器地址，即可开始游戏。
1. 安装 VS Code 编辑器和 Node.js 运行环境。
2. 创建一个新的文件夹作为项目文件夹。
3. 在项目文件夹中创建一个 HTML 文件，用于显示游戏界面。
4. 在项目文件夹中创建一个 JavaScript 文件，用于编写游戏逻辑。
5. 在 HTML 文件中引入 JavaScript 文件。
6. 在 JavaScript 文件中编写游戏逻辑，包括游戏初始化、游戏循环、用户交互等。
7. 在 VS Code 中使用终端窗口运行 Node.js，启动一个本地服务器，用于在浏览器中运行游戏。
8. 在浏览器中打开本地服务器地址，即可开始游戏。
展开
评论
点赞
Day15，如何调试Ant Design源码。
1. 克隆Ant Design的GitHub仓库到您的本地计算机。
2. 安装依赖项。在Ant Design根目录下运行以下命令：`npm install` 或 `yarn install`。
3. 启动本地服务器。在Ant Design根目录下运行以下命令：`npm start` 或 `yarn start`。这将在本地计算机上启动Ant Design的演示站点。
4. 打开调试工具。使用浏览器的开发者工具（如Chrome DevTools）打开演示站点。
5. 进行调试。在开发者工具中，您可以查看Ant Design的源代码并进行调试。您可以在代码中打断点，单步执行代码，查看变量值等等。
1. 克隆Ant Design的GitHub仓库到您的本地计算机。
2. 安装依赖项。在Ant Design根目录下运行以下命令：`npm install` 或 `yarn install`。
3. 启动本地服务器。在Ant Design根目录下运行以下命令：`npm start` 或 `yarn start`。这将在本地计算机上启动Ant Design的演示站点。
4. 打开调试工具。使用浏览器的开发者工具（如Chrome DevTools）打开演示站点。
5. 进行调试。在开发者工具中，您可以查看Ant Design的源代码并进行调试。您可以在代码中打断点，单步执行代码，查看变量值等等。
展开
评论
点赞
Day13，今天学习前端设计模式概述和JavaScript 和前端框架中的设计模式，前端设计模式是一套被广泛应用于前端开发的解决问题的通用方法。它们是一些被认为是最佳实践的模式，可以帮助开发人员在编写可维护、可扩展的代码时更轻松地解决一些常见的问题。
以下是一些常见的前端设计模式：
1. MVC（Model-View-Controller）模式：将应用程序分为三个部分，分别是模型、视图和控制器，以实现松耦合和可扩展性。
2. MVVM（Model-View-ViewModel）模式：类似于MVC，但是将控制器替换为ViewModel，它是一个视图模型，用于将视图和模型分离。
3. 观察者模式：定义了一种一对多的依赖关系，当一个对象的状态发生变化时，所有依赖于它的对象都会得到通知并自动更新。
4. 工厂模式：通过一个工厂类来创建对象，而不是直接在代码中创建对象，这样可以避免代码重复和维护成本。
5. 单例模式：确保一个类只有一个实例，并提供一个全局访问点。
以下是一些常见的前端设计模式：
1. MVC（Model-View-Controller）模式：将应用程序分为三个部分，分别是模型、视图和控制器，以实现松耦合和可扩展性。
2. MVVM（Model-View-ViewModel）模式：类似于MVC，但是将控制器替换为ViewModel，它是一个视图模型，用于将视图和模型分离。
3. 观察者模式：定义了一种一对多的依赖关系，当一个对象的状态发生变化时，所有依赖于它的对象都会得到通知并自动更新。
4. 工厂模式：通过一个工厂类来创建对象，而不是直接在代码中创建对象，这样可以避免代码重复和维护成本。
5. 单例模式：确保一个类只有一个实例，并提供一个全局访问点。
展开
评论
点赞
Day12,今天学习了有关web开发安全。
Web开发安全是指在Web应用程序开发过程中，采取措施以保护应用程序免受恶意攻击的影响。以下是一些Web开发安全的建议：
1. 输入验证：确保所有用户输入都经过验证，以防止恶意用户尝试注入恶意代码或SQL注入攻击。
2. 防止跨站点脚本攻击（XSS）：使用适当的编码和过滤技术，确保用户输入不会被解释为HTML或JavaScript代码。
3. 防止跨站点请求伪造（CSRF）攻击：使用随机生成的令牌或验证码，确保用户提交的请求来自于您的应用程序。
4. 安全存储密码：使用加密算法和盐值，确保密码在存储时得到保护。
5. 防止文件上传漏洞：限制上传文件的大小和类型，并确保上传的文件得到适当的验证和处理。
6. 使用HTTPS：使用HTTPS协议来保护数据传输，以防止中间人攻击和数据窃听。
7. 定期更新和修补：及时更新和修补应用程序和服务器上的漏洞和安全问题，以确保应用程序始终保持安全。
Web开发安全是指在Web应用程序开发过程中，采取措施以保护应用程序免受恶意攻击的影响。以下是一些Web开发安全的建议：
1. 输入验证：确保所有用户输入都经过验证，以防止恶意用户尝试注入恶意代码或SQL注入攻击。
2. 防止跨站点脚本攻击（XSS）：使用适当的编码和过滤技术，确保用户输入不会被解释为HTML或JavaScript代码。
3. 防止跨站点请求伪造（CSRF）攻击：使用随机生成的令牌或验证码，确保用户提交的请求来自于您的应用程序。
4. 安全存储密码：使用加密算法和盐值，确保密码在存储时得到保护。
5. 防止文件上传漏洞：限制上传文件的大小和类型，并确保上传的文件得到适当的验证和处理。
6. 使用HTTPS：使用HTTPS协议来保护数据传输，以防止中间人攻击和数据窃听。
7. 定期更新和修补：及时更新和修补应用程序和服务器上的漏洞和安全问题，以确保应用程序始终保持安全。
展开
评论
点赞
Day11,自己搭建一个博客需要以下几个步骤：
1.选择一个合适的域名和主机：首先需要选择一个合适的域名和主机，域名是博客的网址，主机是博客的存储空间。
2.选择合适的博客平台：选择一个合适的博客平台，如WordPress、Hexo、Jekyll等，这些平台都有自己的特点和使用方法，需要根据自己的需求选择。
3.安装博客平台：在主机上安装选择的博客平台，可以根据平台提供的安装教程进行操作。
4.选择合适的主题：选择一个合适的主题，可以根据自己的喜好和需求选择，也可以自己编写主题。
5.编写博客内容：编写自己的博客内容，可以根据自己的喜好和专业领域编写，也可以分享自己的生活经验和感悟。
6.发布博客：发布自己的博客，可以通过博客平台自带的发布功能进行发布，也可以通过其他方式发布，如RSS订阅等。
1.选择一个合适的域名和主机：首先需要选择一个合适的域名和主机，域名是博客的网址，主机是博客的存储空间。
2.选择合适的博客平台：选择一个合适的博客平台，如WordPress、Hexo、Jekyll等，这些平台都有自己的特点和使用方法，需要根据自己的需求选择。
3.安装博客平台：在主机上安装选择的博客平台，可以根据平台提供的安装教程进行操作。
4.选择合适的主题：选择一个合适的主题，可以根据自己的喜好和需求选择，也可以自己编写主题。
5.编写博客内容：编写自己的博客内容，可以根据自己的喜好和专业领域编写，也可以分享自己的生活经验和感悟。
6.发布博客：发布自己的博客，可以通过博客平台自带的发布功能进行发布，也可以通过其他方式发布，如RSS订阅等。
展开
评论
点赞
Day10，今天学HTTP的实用指南。
HTTP（Hypertext Transfer Protocol）是一种用于在计算机之间传输超文本的协议。它是Web通信的基础，使得浏览器能够从服务器请求网页并将其展示给用户。
下面是HTTP使用指南的一般步骤：
1. 建立连接：客户端（例如浏览器）向服务器发送一个HTTP请求。这个请求包括URL（Uniform Resource Locator），告诉服务器要访问的资源的位置。
2. 发送请求：客户端发送一个HTTP请求到服务器。这个请求通常包含方法（GET、POST、PUT等）、头部信息（例如Accept、Content-Type等）和可选的消息体。
3. 服务器处理请求：服务器接收到客户端的请求后，会根据请求中的信息执行相应的操作。这可能包括读取文件、查询数据库或执行其他逻辑。
4. 返回响应：服务器会生成一个HTTP响应，并将其发送回客户端。响应包括一个状态码（例如200表示成功，404表示未找到）和响应头部信息（例如Content-Type、Content-Length等），以及可选的响应体。
5. 客户端处理响应：客户端接收到服务器的响应后，会根据状态码和响应体进行相应处理。如果是网页，则浏览器会解析HTML并显示给用户；如果是其他类型的资源，则根据Content-Type进行相应处理。
6. 断开连接：完成请求和响应后，客户端和服务器之间的连接会被关闭。
此外，HTTP还有一些常用的方法和状态码：
- 常用的HTTP方法：
- GET：从服务器获取资源
- POST：向服务器提交数据
- PUT：向服务器上传文件或替换资源
- DELETE：删除服务器上的资源
- 常见的HTTP状态码：
- 200 OK：请求成功
- 404 Not Found：未找到请求的资源
- 500 Internal Server Error：服务器内部错误
HTTP（Hypertext Transfer Protocol）是一种用于在计算机之间传输超文本的协议。它是Web通信的基础，使得浏览器能够从服务器请求网页并将其展示给用户。
下面是HTTP使用指南的一般步骤：
1. 建立连接：客户端（例如浏览器）向服务器发送一个HTTP请求。这个请求包括URL（Uniform Resource Locator），告诉服务器要访问的资源的位置。
2. 发送请求：客户端发送一个HTTP请求到服务器。这个请求通常包含方法（GET、POST、PUT等）、头部信息（例如Accept、Content-Type等）和可选的消息体。
3. 服务器处理请求：服务器接收到客户端的请求后，会根据请求中的信息执行相应的操作。这可能包括读取文件、查询数据库或执行其他逻辑。
4. 返回响应：服务器会生成一个HTTP响应，并将其发送回客户端。响应包括一个状态码（例如200表示成功，404表示未找到）和响应头部信息（例如Content-Type、Content-Length等），以及可选的响应体。
5. 客户端处理响应：客户端接收到服务器的响应后，会根据状态码和响应体进行相应处理。如果是网页，则浏览器会解析HTML并显示给用户；如果是其他类型的资源，则根据Content-Type进行相应处理。
6. 断开连接：完成请求和响应后，客户端和服务器之间的连接会被关闭。
此外，HTTP还有一些常用的方法和状态码：
- 常用的HTTP方法：
- GET：从服务器获取资源
- POST：向服务器提交数据
- PUT：向服务器上传文件或替换资源
- DELETE：删除服务器上的资源
- 常见的HTTP状态码：
- 200 OK：请求成功
- 404 Not Found：未找到请求的资源
- 500 Internal Server Error：服务器内部错误
展开
评论
点赞