Web开发技术大纲
一 ，Html5权威指南
第一部分 常用html标签
第二部分 不常用的html标签
比如pre，比如div的可编辑属性
二，Css权威指南
第一部分 css的使用
第二部分 css伪类
第三部分 css动画
三，JavaScript高级程序设计
第一部分 Ecmascript
1，Js介绍和使用
2，js标识符的定义
3，变零、作用域和内存
4，应用类型的值
5，面向对象编程
6，函数表达式
第二部分 BOM
1，BOM
2，客户端检测
第三部分 DOM
1，DOM
2，DOM扩展
3，DOM2和DOM3
4，事件
5，表单脚本
第四部分 深入JavaScript
1，canvas
2，HTML5脚本
3，ajax
4，错误调试
第五部分
Es6知识体系大纲
第六部分
Typescript知识大纲
第七部分 设计模式
第八部分
数据结构和算法知识大纲
四，JavaScript框架知识体系
vue
1，介绍和安装：不支持IE8以及以下,
2，vue实例，是输入和输出
3,模板语法：涵盖了文本、原始html、指令
{
class和style绑定
条件渲染
列表渲染
事件处理
表单输入绑定
}
4,计算属性和侦听器：讲的是computed和watch，computed适合缓存数据
5,组件基础 {
怎么定义组件：使用Vue全局方法vue.component，组件是一段胆码单元，具有某种特定功能
组件传参 ：props 子组件接收，以及及时响应，组件可以是函数
动态组件
component结合：is
局部组件作为其他组件的一部分出现。
<text-document v-bind:title.sync="doc.title"></text-document>
sync是一个语法糖
}
深入部分
6，组件深化
1）组件之间的数据共享
2）组件之间的数据交互，单项数据流概念
7，动画/过渡 组件过渡、css过渡和组件状态管理
8，可复用性和组合：混入、插件、全局方法、过滤器、指令directives、渲染函数render
插件没有严格的限定
MyPlugin.install = function (Vue, options) { // 1. 添加全局方法或属性 Vue.myGlobalMethod = function () { // 逻辑... } // 2. 添加全局资源 Vue.directive('my-directive', { bind (el, binding, vnode, oldVnode) { // 逻辑... } ... }) // 3. 注入组件选项 Vue.mixin({ created: function () { // 逻辑... } ... }) // 4. 添加实例方法 Vue.prototype.$myMethod = function (methodOptions) { // 逻辑... } }
9，实例经验总结
1）vuex的持续化缓存，使用vuex插件
2）watch可以箭筒$store数据的变化
3）事件总线可以代替vuex实现夸组件的数据共享，而且很方面
4）
Reactjs
1，reactjs介绍
2，核心接口
ReactDOM.render(element, document.getElementById('root'));
3，模板语法之jsx {
1，生命周期
2，事件处理
3，条件渲染
4，列表渲染
5，表单
6，状态提升
}
4，组件知识 ：组件不需要注册
5，过渡和动画
深入
6，组件知识深入
7，复用
9，实例总结
五，UI组件库
Element-ui和Ant design
六，Nodejs目录大纲
Nodejs实战大纲
第一部分 Nodejs介绍
第二部分 Nodejs的web开发
第三部分 Nodejs的命令行工具开发
第四部分 Nodejs的桌面端开发
七，工程化知识体系以webpack为主
webpack介绍和使用
1，webpack配置文件命令
2，webpack入口和出口
3，webpack的loader
4，webpack的插件
5，webpack的devserver
6，webpack的优化
7，其他
偏移动端
八，小程序知识大纲
以微信小程序为主的小程序开发
九，RN知识大纲和Flutter