Intro:
- 重拾HTML/CSS
- jQuery与Firefox的一个坑
- 心得
很久没有写博客啦，其实最近一直都在学习，寒假刚开始的时候在学习Android，学着学着感觉Google给我们埋的坑实在是又多又深，关键是，你根本不知道这些是什么情况，原理是什么，去查，只会告诉你，换兼容包兄弟，太坑了吧！而且我一直认为，既然你推广MD设计，那么至少得给开发一些造好的轮子，好多实现都必须自己去实现，MD设计的一些Button什么的，仅仅是更换个背景颜色，就得自己重头造轮子，是不是要把人往悬崖上推？？？于是，在意识到这坑有点吓人的情况下，又对Android其实并没有特别大的兴趣的情况下，立刻停止了学习。
重拾HTML/CSS
大一的时候跟着Codecademy在线课程学习过基础HTML/CSS，其实当时是为了玩bilibili的空间的自定义CSS，话说回来，入门真的非常简单。然而这次重新审视自己，想想自己到底喜欢什么，看完了JavaScript的入门后，决定转前端。
重新学习HTML/CSS，更多的是在一些理论上的查缺补漏：
- 文档流模型（块级元素，行级元素），定位的层模型（relative/absolute/fixed）
- css属性的继承性，css的选择器（+ 空格 > : []），以及属性权重（继承权重0.1 标签权重1 class权重10 id权重100 可叠加），相同情况下后覆盖前，!important大于一切（也有说权重为1000的）
- 三个单位：em px %各自所对应衡量的标准
其实学习HTML/CSS入门很快，但我经常发处女病（这边怎么会多1px？/这边怎么看上去不像是10px？/这边间距是不是多了4px？），但幸好不是坏事，了解了许多许多之前并没有了解的事情。
好多都有了现有的文章啦，也就不再多阐述了。
transform的matrix
CSS 外边距合并
垂直外边距合并问题
a img 高度多4px
position属性
宽高成比例 《- 没想到padding的height百分比是以width作参照的
inline-block 4px（间距）问题
box-sizing
clearfix
block inline inline-block
line-height
vertical align line-height
内联元素对齐与基线对齐，块级元素与边框对齐
行高是整行的高度，并不是盒子的高度，你可以理解为盒子浮在行上，行拉开了，但是盒子还是那么高
jQuery与Firefox的一个坑
在写本博客主题的时候，碰到了一个玛德超奇怪的一个问题，为某个按钮添加了mousedown与mouseup事件，然后再给这个按钮添加了click事件，结果呢，IE都反应正常，firefox居然不发生click事件！嘿你敢信？虽然我的mouseup事件是停止了冒泡，然而关click事件奶子事情？事件冒泡不应该只是对于文档层次而言的吗？不是很懂你们Firefox，暂时先把click事件变成mouseup事件
其他关于js的一些小坑~
label触发两次click事件
label与input关系
sync script
jQuery现在已经官方支持了live-query，方法名是on off
js的模块化加载框架 - requireJS
ejs貌似对switch语句不识别
心得
前端这边入门门槛很低，得益于完备的各大网站的html/css的完整的文档（翻译自w3school，以及各大前辈的博客），以及jquery的文档做的也很棒，学习起来真的特别方便！话说在学习jQuery的时候感觉把css所有的选择器重新复习了233