前端开发挑战：使用纯CSS和JavaScript处理数据

根据给定文件信息，我们可以提取以下知识点： ### 知识点： #### 1. 端点信息与JSON数据处理 - **使用端点信息创建卡：** 该挑战涉及使用API端点`://jsonplaceholder.typicode.com/users`来获取用户数据，并据此创建用户信息卡片。 - **JSON数据格式：** `jsonplaceholder.typicode.com`是一个提供虚拟REST API服务的网站，常用作前端开发的测试数据源。在这里，我们需要从该服务获取用户信息的数据格式为JSON（JavaScript Object Notation），一种轻量级的数据交换格式。 #### 2. CSS和Sass的使用 - **纯CSS或Sass：** 项目要求仅使用纯CSS或者Sass（一种CSS预处理器）来格式化接口，而不使用任何CSS框架如Bootstrap、Foundation等。 - **CSS预处理器：** Sass是CSS预处理器的一种，它增加了一些额外的特性，比如变量、嵌套规则、混合宏（mixins）等，可以帮助编写更加模块化和易于维护的CSS代码。 #### 3. JavaScript的使用 - **Vanilla JS和ES6：** 在此挑战中，需要使用纯JavaScript（有时被称为Vanilla JS）而非任何框架或库来处理数据请求和过滤。同时，ES6（ECMAScript 2015）的特性如箭头函数、类、模块等应该被利用以写出更加现代和高效的JavaScript代码。 - **异步数据请求：** 通常使用`fetch` API或者`XMLHttpRequest`（XHR）来从指定的API端点异步请求数据。 #### 4. Git版本控制和代码交付 - **Git和GitHub/GitLab：** 需要利用Git版本控制系统来管理代码版本，并通过GitHub或GitLab平台来提交项目。这表明项目开发过程中应包含良好的版本控制实践。 - **README.md文件：** 要求项目中必须包含一个带有版本信息的`README.md`文件，通常用于项目的文档说明，包含安装指南、使用方法、开发指导等。 #### 5. 编程实践 - **入门与先决条件：** 虽然文件描述中提到了“入门”，但具体内容未给出。先决条件可能指的是参与此挑战应具备的基本知识，如对HTML、CSS、JavaScript的基础了解。 - **电子邮件主机过滤：** 提到了需要进行“电子邮件主机最后部分的过滤”，这意味着需要编写JavaScript代码来处理字符串，并根据电子邮件的域名后缀进行数据过滤。 #### 6. 项目结构和文件命名 - **项目命名：** 文件名列表中的`desafio-instruct-master`表明这是一个以“desafio-instruct”为名的项目，且该项目版本为“master”（通常指的是项目的主版本分支）。 ### 结论： 此挑战涉及前端开发的多个方面，包括但不限于前端设计（CSS/Sass）、前端逻辑编写（JavaScript/ES6）、版本控制（Git）和项目交付（GitHub/GitLab）。通过完成此挑战，开发者将能提升自己在前端技术方面的实践能力，特别是独立处理数据请求、数据过滤和前端样式的编写。同时，这也强调了对于编码规范和文档撰写（README.md文件）的重视。