安卓栅格系统的偏移标签页导航开发思维导图

安卓栅格系统的偏移标签页导航开发思维导图，整理了标签页导航、bootstrap使用、栅格系统的偏移、zepto、gitbook.导出笔记内容，欢迎交流！

安卓栅格系统的偏移标签页导航开发思维导图

• 标签页导航
  • 导航区域
    • a标签的href ='#home'
  • 内容区域
    • div id='home'
  • 使用该注意
    • 导航区域,内容区域 位置可以互换
    • 两块区域是互相独立的 仅仅通过 href 跟id关联 所以可以放置在不同的 位置
    • 如果想要增加导航跟内容 需要在两个区域 都添加东西
  • 优惠券布局
    • 左或右,定宽,另外一边自适应布局
      • 将 浮动的html元素 前置
      • 避免由于浏览器从上往下解析 造成的 显示问题
  • 栅格使用补充
    • 栅格是可以嵌套使用的
      • 在栅格的内部,可以再次使用栅格,进行子元素的布局
      • 如果外面已经使用了 栅格 .row 内部 可以再次 使用栅格的 col-xx的div 进行布局
  • 由于 字体图标在定义时少写一个,在base.css中 添加了 wjs_E915的class
• bootstrap使用
  • 默认的能够使
    • 直接使用
  • html标签组成不对
    • 审查元素 进行删减
  • 样式不对
    • 找到bootstrap.css中的 该组间的 所有样式
    • 拷贝,替换类名
    • 修改自己使用的组间的类名 为步骤二的名字
    • 进行修改即可
• 栅格系统的偏移
  • 栅格一行默认只能使用12份
  • 偏移的宽度 也是 在这12份里面的
  • 综上,一行能够放置的元素 计算 需要考虑偏移值
    • col-md-offset-4 2 3
    • 如上,第一行只能放 div1的宽度4+div1的偏移值4+div2的宽度4 =12
  • 语法col-xx-offset-x
    • xx 写的跟 栅格系统的 对应 屏幕宽度是一致的
      • lg
      • md
      • sm
      • xs
    • x 写的是偏移值
    • col-lg-offset-4
• zepto
  • 模块化
    • 想要使用对应的功能 需要导入对应模块(.js文件)
  • 语法跟jq基本一样
  • 现在没有前几年流行
  • 现在流行:jq 自己封装一个jq 把移动事件封装进去
• gitbook导出笔记
  • gitbookeditor
  • node.js
  • 需要通过 npm 安装 gitbook
  • 讲压缩包 解压到 C:\Users\autumnfish\AppData\Roaming\npm
    • 你们的用户名可能跟我不同
  • gitbook 书本的位置
    • C:\Users\autumnfish\GitBook\Library\Import
      • 你们的用户名可能跟我不同
  • windows建+r 输入 cmd
    • cd 讲gitbook想要导出的书 拉入控制台
      • 回车
    • 输入 gitbook build --gitbook=2.5.0
    • 等待一会 就回在C:\Users\autumnfish\GitBook\Library\Import
      • 对应的书的目录下 有一个_book的文件夹
      • 导出的文件就在这里面 使用index打开
• https://www.gitbook.com/
  • 点击explore 可以查看别人写书 前端工程师手册