Skip to content

前端基础

作者 芒果

本文是前端基础知识,适合无基础小白阅读,快速上手&让代码跑起来展示在网页上 前端可以简单理解为将数据展示在网页上,web,h5,小程序,app 等等

导学

基础配置

  • IDE(集成开发环境即开发软件) VSCode
  • 浏览器(chorme 优先,edge 也行)
  • vscode 插件: live server 等等

学习资料

  • MDN MDN 是最官方权威文档,有中文版,而且有详细的解释,适合小白学习
  • 菜鸟教程 菜鸟教程是入门教程,适合小白学习 = b 站 up 主 黑马 pink

目标

配置简单的开发环境,掌握初步的网站开发,能够完成结构略复杂的布局,进行简单的 DOM 操作

关键知识点:基础标签(文本、表格、多媒体) HTML5 语义化标签 CSS 选择器与权重 常见样式 盒子模型 定位布局 弹性布局(Flex) 变形与动画 媒体查询 响应式布局 em/rem/vw JS 基础语法 基本类型 数组与对象类型及常用方法 函数进阶 面向对象 DOM 操作 ES6

推荐实战案例:响应式布局还原某官网、JS 实现轮播图

ps: 一个前端小白路线图

alt text

10 分钟了解前端

1. HTML

HTML 是超文本标记语言,用于创建网页。

2. CSS

CSS 是层叠样式表,用于描述网页的样式。

3. JavaScript

JavaScript 是用于创建动态和交互式网页的编程语言。

4. git

git 是用于管理代码版本控制的工具。

5.npm

npm 是用于管理 JavaScript 包的工具。