作者 芒果
本文是前端基础知识,适合无基础小白阅读,快速上手&让代码跑起来展示在网页上 前端可以简单理解为将数据展示在网页上,web,h5,小程序,app 等等
导学
基础配置
- IDE(集成开发环境即开发软件) VSCode
- 浏览器(chorme 优先,edge 也行)
- vscode 插件: live server 等等
学习资料
目标
配置简单的开发环境,掌握初步的网站开发,能够完成结构略复杂的布局,进行简单的 DOM 操作
关键知识点:基础标签(文本、表格、多媒体) HTML5 语义化标签 CSS 选择器与权重 常见样式 盒子模型 定位布局 弹性布局(Flex) 变形与动画 媒体查询 响应式布局 em/rem/vw JS 基础语法 基本类型 数组与对象类型及常用方法 函数进阶 面向对象 DOM 操作 ES6
推荐实战案例:响应式布局还原某官网、JS 实现轮播图
ps: 一个前端小白路线图
10 分钟了解前端
1. HTML
HTML 是超文本标记语言,用于创建网页。
2. CSS
CSS 是层叠样式表,用于描述网页的样式。
3. JavaScript
JavaScript 是用于创建动态和交互式网页的编程语言。
4. git
git 是用于管理代码版本控制的工具。
5.npm
npm 是用于管理 JavaScript 包的工具。