fox527
获得徽章 0
- Day19，今天学习了前端开发调试之 PC 端调试。
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. 在浏览器中打开本地服务器地址，即可开始游戏。展开评论点赞 - 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的源代码并进行调试。您可以在代码中打断点，单步执行代码，查看变量值等等。展开评论点赞 - Day13，今天学习前端设计模式概述和JavaScript 和前端框架中的设计模式，前端设计模式是一套被广泛应用于前端开发的解决问题的通用方法。它们是一些被认为是最佳实践的模式，可以帮助开发人员在编写可维护、可扩展的代码时更轻松地解决一些常见的问题。
以下是一些常见的前端设计模式：
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. 定期更新和修补：及时更新和修补应用程序和服务器上的漏洞和安全问题，以确保应用程序始终保持安全。展开评论点赞