WEB学习

web学习路线及规划思维导图，主要为html、css、JavaScript、jQuery、bootstrap等相关知识总结。分享给大家学习。

WEB学习

• 1. html
  • html文档结构
  • 段落
  • 文字
  • 图片
  • 超链接
  • 列表
  • 表格
  • 表单
  • 框架
  • h5新增标签属性
    • 表单
    • canvas
    • 媒体
• 2. css
  • css语法
  • css选择器
    • id选择器
    • 类选择器
    • 复合选择器
  • css样式
    • 背景
    • 文本
    • 字体
    • 链接
    • 列表
    • 表格
  • 盒子模型
    • 边框
    • 外边距
    • 内边距
  • css定位
    • 绝对定位
    • 相对定位
    • 浮动
  • css3新增属性
  • css布局实战
• 3. JavaScript
  • 基本语法
  • 变量
  • 数据类型
  • 函数
  • 运算符
  • 流程控制
  • JS对象
  • DOM操作
  • JS和css综合操作
• 4. jQuery
  • 基础语法
  • 选择器
    • 基本选择器
    • 层次选择器
    • 过滤选择器
    • 表单选择器
  • dom操作
    • 查找节点
    • 创建节点
    • 插入节点
    • 删除节点
    • 复制节点
    • 替换节点
    • 包裹节点
    • 属性操作
    • 样式操作
    • 遍历节点
  • 事件
    • 事件绑定
    • 合成事件
    • 事件冒泡
    • 移除事件
  • 动画
    • show()、hide()
    • fadelin()、fadeout()
    • sildeup()、sildedown()
    • 自定义动画animate()
    • 动画回调函数
    • 停止动画
    • 表单、表格操作
    • 常用jQuery插件
    • jQuery ui
    • 综合实例
• 5. bootstrap
  • 起步
  • 栅格系统
  • 排版
  • 表格
  • 表单
  • 按钮
  • 图片
  • 模态框、弹出框、警告框
  • 标签页
  • 下拉菜单
  • 按钮组、按钮式下拉菜单
  • 导航
  • 分页
  • 标签、徽章
  • 巨幕
  • bootstrap布局实例
• 6. 响应式网站布局实践