前端知识基础-Ivan.pdfVIP

前端 HTML基础 基础概念 • DOM结构 • 标签（tag）——div, p, strong… • 块元素、⾏内元素 • 属性 • 通⽤属性：id, class, style… • 标签属性：href, type… • 样式 CSS Box Model • Margin——橙 • Border——⻩ • Padding——绿 进阶 写结构 合理、易于理解的结构⾮常重要 举例：/getting-started/#examples 响应式 编辑器 Sublime Text 3 插件 • Emmet （http://docs.emmet.io/） • ⽰例 • html:5 • table(theadtrth*4)+tbodytrtd*4 • BracketHighlighter • SidebarEnhancement • File:move • File:rename • Tag • Auto-Format Bootstrap 框架 / • 基础css——包装 • 组件——⼆次包装 • Javascript——赋予“⽣命” Chrome调试器 /question • HTML/CSS——Elements • JS——Source+Console • Ajax——Network • 模拟移动设备 ⼯作流 • NodeJS - npm • Grunt——构建⼯具。对于需要反复重复的任务，例 如压缩（minification）、编译、单元测试、linting 等，⾃动化⼯具可以减轻你的劳动，简化你的⼯作。 • Bower——包管理⼯具。通过命令⾏即可搜索、下 载、升级各种CSS、JS插件。 • 举例：/getting-started/ 感受 Grunt /docs/getting-started/ 感受Bower bower.json bower install “在此键⼊引⽂。” –Johnny Appleseed