前端学习总计划（初级版）

最新推荐文章于 2024-10-02 21:20:07 发布

一只努力学习前端的程序猿

最新推荐文章于 2024-10-02 21:20:07 发布

阅读量44

点赞数

文章标签：学习笔记

本文链接：https://blog.csdn.net/m0_67133964/article/details/132849710

版权

学习目标：

了解和实践各语言的基础语法，并能使用开发工具来独立开发一个留言板网站。

学习技能：

熟悉开发工具之编辑器VSCode、Sublime Text、（WebStorm）的安装
了解开发工具之文档笔记Markdown 语法、Typora的使用
熟悉HTML、CSS、JavaScript前端三件套

学习具体安排：

开发工具学习包括：浏览器、编辑器、文档笔记三块

其中浏览器：Chrome Edge Firefox
其中编辑器： VSCode WebStorm Sublime Text 在线 IDE
其中文档笔记： Markdown 语法 Typora

在线笔记：语雀、腾讯文档、石墨文档、印象笔记、Mdnice

HTML的学习包括：基本语法、标签、 属性、HTML5 特性四块

其中标签：分区 div

标题 h1 ~ h6
段落 p
图像 img
列表 ul / ol
超链接 a
表单 form
表格 table
框架 iframe

其中HTML5 特性：localStorage

sessionStorage
语义化标签
浏览器支持
多媒体标签
Canvas 画布
本地存储
Web Workers
应用缓存（Cache Manifest）
无障碍

CSS的学习包括：基本语法、引入方式、选择器、属性、文档流、内联元素 / 块状元素、盒子模型、浮动、定位、层叠规则、BFC 和 IFC 机制、CSS3十二个板块

其中引入方式：行内样式内部样式表外部样式表
其中选择器：后代选择器子元素选择器相邻兄弟选择器通用选择器标签选择器 id 选择器  class 选择器属性选择器派生选择器组合选择器伪选择器选择器优先级
其中属性：px em rem vw vh 单位背景文本字体列表表格
其中文档流：标准流浮动流  定位流
其中盒子模型：content padding border margin
其中浮动：设置浮动 float 清除浮动 clear
其中定位：static absolute fixed relative sticky
BFC 和 IFC 机制
其中CSS3：媒体查询 Flex 布局 Grid 布局瀑布流  响应式布局  动画过渡渐变背景边框圆角字体 2D / 3D 转换

JavaScript的学习包括： 基本语法、数据类型、数据类型转换、函数、对象、作用域、 BOM API、 DOM API、JSON、Ajax、 JavaScript 执行机制十一个板块

其中数据类型：对象 Object 数组 Array 函数 Function 字符串 String 数组 Number 布尔 Boolean 空值 Null 未定义 Undefined Symbol 值类型引用类型
其中函数：全局调用构造函数调用函数方法调用 apply call 概念自定义函数调用方式闭包对象
其中对象：数字 Number 字符串 String 对象日期 Date 对象数组 Array 布尔 Boolean 算数 Math 概念 this 原型链和继承常用对象自定义对象

ES6+ 特性的学习包括：let 和 const 变量解构赋值对象扩展和新增方法 Symbol Set 和 Map 数据结构 Promise & async / await 异步编程 Generator 函数异步编程