重要概念

思路清理

[ 学习路线 ] 学完这些去阿里！GOGOGO

Web移动开发基本概念 - 仅作个人学习使用 Hybrid App.[HTML5 in mobile devices]

前端入门教程 - 验证码有误

[译]谷歌 HTML/CSS 规范 - 张宗正 - SegmentFault

豆瓣看到 Tag Manager

乱入 crx 手册! — chaos2crx 12.5.20 documentation Zoomquiet

写：

• HTML：文本

编辑：

• HTML：建立 DOM 树结构 - 加标记/标签
• CSS：
  • 找准对象（选择器） - 装进容器（盒子模型，不同级别元素） - 加工（属性）
  • 区分“盒子与行内盒子”
  • 预编译、便捷框架、12格栅系统、组件化、组件风格化、扁平化
  • display + position + float
• JS（原生）：
  • 语法：表达式（尤其函数访问表达式）、语句、类型
  • 一级函数、对象、类
  • 构造类、闭包，面向对象的方式组织代码
  • 作用域、指向、函数调用方法

读：

• 浏览器解析过程
• 对解析的提升方式：如性能、兼容、缓存、控制、精简

清单

• 常见用法
• 框架对比
• 模块化
• 用grunt、gulp压缩CSS

HTML

DOM ：Document Object Model

DOM 事件

HTML DOM允许我们在某一事件发生时执行特定的JavaScript脚本，这里的事件可以是：

鼠标移到某元素之上；窗口或框架被重新调整大小；文本被选中；用户在HTML元素上单击；某个键盘按键被按下...

这里事件发生时执行的javascript脚本就是事件监听器

盒子模型

XPath

• XPath 是一门在 XML 文档中查找信息的语言。XPath 用于在 XML 文档中通过元素和属性进行导航。
• 如a标签的Xpath为：/html/body/div[2]/p[1]/a，解读为：html里面body标签的第二个div标签的第一个p标签下的a标签。

CSS

JavaScript

JavaScript 参考教程

JavaScript 教程

JavaScript | MDN

JS预备 — chaos2crx 12.5.20 documentation