2020前端技术栈

序言

------------------在onenote上写的，显示不出层次，其实相同符号的就是同一等级的-------
这是博主从其他网站找的2020技术栈，供学习参考用，如有侵权，联系删除。
• 学习路线图
○ 阶段一
§ 常用开发工具介绍
□ Webstorm
□ Dreamweaver
□ Hbuilder
□ Editplus
□ Sublime
□ Vim
□ ………
§ HTML+CSS
□ HTML
® 属性
® 事件
® 标签
® 字符集
® ……
□ CSS
® CSS样式
◊ 背景
◊ 文本
◊ 字体
◊ 链接
◊ 列表
◊ 表格
◊ 轮廓
◊ ……
® CSS边框模型
◊ 内边距
◊ 边框
◊ 外边距
◊ ……
® CSS定位
◊ 相对定位
◊ 绝对定位
◊ 浮动
® CSS选择器
◊ 元素选择器
◊ 类选择器
◊ ID选择器
◊ 属性选择器
◊ 后代选择器
◊ 子元素选自其
◊ 相邻兄弟选择器
◊ 伪类
◊ 伪元素
◊ ………
® CSS高级
◊ 对齐
◊ 尺寸
◊ 分类
◊ 导航栏
◊ 图片库
◊ 图片透明
◊ 盒子模型
◊ 媒体布局
◊ …….
§ HTML5+CSS3
□ HTML5
® HTML视频
® HTML音频
® HTML拖放
® HTML画布
® HTMLSVG
® HTML5地理位置
® HTMLWeb存储
® HTML应用缓存
® 表单
® …….
□ CSS3
® CSS3边框
® CSS3背景
® CSS3文本效果
® CSS3字体
® CSS3 2D转换
® CSS3 3D转换
® CSS3过渡
® CSS3动画
® CSS3多列
® ………
§ JavaScript
□ 基本语法
□ 变量
□ 数据类型
® 字符串
® 数字
® 布尔
® 数组
® 对象
® NULL
® Undefined
□ 函数
® 内置函数
® 自定义哈数
□ 运算符
□ 流程控制
□ DOM对象
® String
® Array
® Date
® Boolean
® Math
® Number
® …….
□ BOM对象
® Window
® Navigator
® Screen
® History
® Location
® ……
○ 阶段二
§ JavaScript进阶，主要学习构造函数，原型对象，继承的多种实现方式，闭包，函数的本质，原型链，沙箱等
§ DOM+BOM综合演练
§ 网页特效
§ Jquery学习
□ 基础语法
□ 选择器
® 基本选择器
® 层次选择器
® 过滤选择器
® 表单选择器
® …….
□ DOM操作
® 查找结点
® 创建节点
® 插入节点
® 删除节点
® 复制节点
® 替换节点
® 包裹节点
® 属性操作
® 样式操作
® …….
□ 事件
® 事件绑定
® 事件冒泡
® ……
□ 动画
® Show,hide
® Fadeln,fadeout
® Sildeup,sildedown
® Animate
® 动画回调以及停止动画
□ 常用工具
® 浏览器及特征检测
® 数组和对象操作
® Layer UI，主要学习栅格布局，图标，动画，按钮，导航，表单，选项卡，进度条，面板，表格，时间线
□ Ajax
□ Jquery插件编写
§ ES6进阶
§ Bootstrap
§ Ps切图
○ 阶段三
§ Vue
□ vue基础
□ 模板语法
□ 计算属性侦听器
□ class与style绑定
□ 条件/列表渲染
□ 事件处理
□ 表单输入绑定
□ 组件基础、注册
□ Prop
□ 自定义事件
□ …….
§ Vuex
□ State
□ Getter
□ Mutation
□ Action
□ Module
□ ……
§ Vue-router
□ 认识路由
□ 动态路由
□ 嵌套路由
□ 编程式导航
□ 路由组件传参
□ ………
§ Axios
□ 认识axios，全局配置，发送post，get请求等
§ React
□ react元素渲染
□ Jsx
□ 组件
□ State
□ Props
□ 事件处理
□ 条件渲染
□ 列表
□ 组件api
□ 组件声明周期
□ …….
§ Node
□ 基础
® console（控制台）
® crypto（加密）
® debugger（调试器）
® fs（文件系统）
® http（网络）
® os（操作系统）
® path（路径）
® …….
□ 高级
® NPM介绍以及使用
® MVC模式介绍
® Epress框架学习
® 链接mysql
® 链接redis
® 项目实战
□ Webpack
® 概念，主要讲什么是入口，出口，loader。插件等
® 入口
◊ 单个入口语法
◊ 对象语法
◊ 常见场景
◊ ……
® 输出
◊ 用法
◊ 多个入口起点
◊ 高级进阶
® 模式
◊ Development
◊ Production
® Loader
◊ 实例
◊ 配置
◊ ……
® 插件
◊ 基本配置
◊ 多个target
◊ 使用其他语言配置
® 模块
○ 阶段四（拓展部份，了解即可）
§ Mysql
□ 阶段一
® 认识Mysql
® 安装Mysql
® 创建数据库、数据表
® 学习常用SQL命令，完成增删查改
□ 阶段二
® 学习Mysql关联查询
® 学习Mysql常用函数
® 学习Mysql分组、分页、排序
□ 阶段三
® 学习Mysql高级查询
® 了解存储过程，自定义函数
® 了解Mysql配置文件
® ……
□ Redis
® 认识redis
® 学习redis数据类型
® redis常用操作
® redis事务
® ………
○ 阶段五
§ 项目管理篇
□ SVN使用
® 认识svn
® 安装
® 生命周期
® 启动模式
® 创建版本库
® 检出操作
® 解决冲突
® 提交操作
® 版本回退
® 查看历史
® 分支
® 标签
□ GIT使用
® 认识git
® 安装配置
® 工作流程
® 工作区、暂存区、版本库
® 创建仓库
® 基本操作
® 分支管理
® 查看历史
® 标签
® Github
□ 拓展部份
® 小程序
◊ 了解小程序开发流程
◊ 视图容器
} View
} Scroll-view
} Movable-view
} Cover-view
} Cover-image
◊ 基础内容
} Icon
} Text
} Rich-text
} Progress
◊ 表单组件
} Button
} Checkbox
} Form
} Input
} Label
} Picker
} Picker-view
} Radio
} Slider
} Switch
} Textarea
◊ 导航
} Navigator
} Function-page-navigator
◊ 媒体组件
} Audio
} Image
} Video
} Camera
} Live-player
} Live-pusher
◊ 地图（map）
◊ 画布（canvas）
◊ 开放能力
} Open-data
} Web-view
} Ad
} Offical-account
◊ apicloud（移动app开发）
} 认识apicloud
} 开发工具讲解
} 端api
– api对象
– 界面布局
– 导航菜单
– 设备访问
– 功能拓展
– 小程序模块
– 云服务对接
} 云api
– 数据云api
– 统计云api
– 推送云api
– 云api SDK
– 小程序模块使用
§ 常用框架使用
□ ivew（vue框架）
□ Element ui（vue框架）
□ echarts（百度图标库）
□ 阿里巴巴开源图标使用
□ sass学习
□ swiper学习
□ Zoom.js学习
□ ……
§ 项目综合实战

原地址链接: https://www.processon.com/view/link/5c7ddf63e4b0be6469133fac#outline.