import{_ as l,D as a,c as t,I as o,w as i,a4 as e,o as s,a as n}from"./chunks/framework.DtvhUNIn.js";const C=JSON.parse('{"title":"基础(三件套)","description":"","frontmatter":{},"headers":[],"relativePath":"技术资源汇总(杭电支持版)/7.网络应用开发/7.2.1基础(三件套).md","filePath":"技术资源汇总(杭电支持版)/7.网络应用开发/7.2.1基础(三件套).md"}'),d={name:"技术资源汇总(杭电支持版)/7.网络应用开发/7.2.1基础(三件套).md"},c=e('

基础(三件套) ​

🔑 萌新需要知道的前置知识 ​

前端入门到入土 ​

不同于后端语言的多样化，前端语言较为统一。在萌新阶段，你需要先掌握 HTML、CSS、JS 三种语言（人称前端三剑客件套）

三者关系可以简单理解为：HTML 是骨架，CSS 是衣服装饰，JS 则控制交互行为

以下提供一些可供参考的学习资料，你也可以按兴趣在 b 站大学搜索相关学习视频。在学习中遇到无法解决的问题，或者学习路径上的迷茫，也可以参考提问的智慧向群里的前端学姐们提问噢~

HTML & CSS ​

MDN Web 入门

前端入门必会的初级调试技巧

JavaScript ​

现代 JavaScript 教程

🎈

快速上手的参考建议

HTML可以先认知常用标签（body / div / span / a / img 等）及其常用属性

CSS了解常见的颜色属性（字体颜色 / 背景颜色 / 边框颜色 等）、字体相关属性（字号 / 字重 / 行高 等）、盒子模型（padding / border / margin）、用于布局的属性（float / flex / grid）、单位（px / rem / em / vh / vw 等）、选择器（id 选择器 / 类选择器 等）

JS了解基本语法（变量定义 / 判断 / 循环 / 函数定义 / etc）与 DOM 操作

涉及前后端交互的部分可以了解 fetch 的使用

其他诸如 HTML5 / CSS3 / ES6+ 的知识可以暂时跳过，任务要用到再查

基本全部前端开发资料都可以在 MDN 中找到

🥂 助手介绍网页的重写 ​

设计部姐姐给了前端部一个助手介绍网页的设计稿，但是 psyq 觉得目前的助手介绍网页写得不是很还原，你可以帮 psyq 重写一个更好看的网页吗？

设计稿如下：

可能需要用到的图片资源 ​

基本要求 ​

额外发挥 ​

可能涉及的知识点 ​

🎫TodoList ​

',28),h=e('

或许你也曾是一名时间管理大师，在各种效率类 app 立下自己要做的 flag。然而现成的工具难免无法满足自己的所有需求，那么不妨来编写一个自己的 TodoList 吧~

基本要求 ​

额外发挥 ​

参考实现方案：

  1. 使用浏览器提供的储存功能实现本地存储（localStorage、IndexedDB）
  2. 通过请求后端 api 实现云端存储

可能涉及的知识点 ​

小提示 ​

可以参考 todomvc（source源码）中关于 js 实现 todolist 的方法，不过还是得亲手实践哦~

',13);function p(g,_,b,f,u,m){const r=a("center");return s(),t("div",null,[c,o(r,null,{default:i(()=>[n("一些参考")]),_:1}),h])}const k=l(d,[["render",p]]);export{C as __pageData,k as default};