程序员后端转前端技术经验遇到的问题

“半途而废”，看似和我们没有关系，其实却是时刻发生

9月份接触前端，相对于后端的单调前端就像一个大染坊，无论你的心态是什么颜色的她都能帮助你实现。可是、但是、确实是，在这样一个花花世界里面我们很容易迷失方向，一不小心就不知不觉的半途而废、前功尽弃。

半途而废，它给我们带来的感觉是，焦虑、空虚、无助、迷茫甚至会让我们对一个美好的事物产生扭曲的价值观。在前端技术中这种情况是多发的，更可怕的他是悄无声息的发生的。记得刚刚开始接触jquery的时候非常痛苦，觉得这是什么啊，怎么那么难用，后来渐渐的不喜欢它甚至厌恶它，为什么呢，因为我经常会这样使用：$('#id').height,返回给我是"function (d,e){var f=arguments.length ...... "我疯了，这就是我厌恶它的原因。产生的后果就是我不在使用它（当然现在我的病好了<)_(>）。这只是发生在我身上的一个案例，然而现在我身边的同事却比我病的严重的多，很多人现在在以为的最强新东西（一些非代码本身的东西）而却忽略了前端最基本的东西（也就是html、css、javascript），然而更恐怖的事情是，最新的东西没2天他就失去了兴趣，并且给他下了自己的定义（一般都是好或者不好，有很浓的主观色彩）。例如我的一位同事对grunt很感兴趣，但是他却还不能很好的去实用js的闭包，甚至无法很好的理解原型，同时对node的了解也只是“console.log('hello world')”,却不知道这个语句和js中console.log()的区别；在这种情况下我觉他很难对grunt做一个客观的评价，因此我对他的评价并没有放在心上，因为没有对grunt做过多的了解，目前只是当做简单的构建工具在使用，因为感觉自己的基础不是很好，所以不想毁掉自己对grunt的那份热情！

说的比较多，显得很啰嗦，只是想表达：希望前端的小伙伴们，多多的把基础做好，别毁了比人的功劳更别毁了自己。

以下是我经常问自己的一些东西的一部分：

1、为什么对dom的操作会有很大的性能消耗？

2、img标签中加上width、height数据和不加这两个属性的区别是什么？

3、目前浏览的内核有哪几种，代表的浏览器有哪些？

4、ie中浏览器模式和文档模式的区别是什么？

5、通过什么方式可以让ie浏览器渲染页面的时候采用指定的文档模式

6、dom中innerHtml和outerHtml的区别？

7、为什么html元素自定义属性的命名应该采用  data-*  方式进行命名，例如  <div id="custom-data-attribute" data-name='demo'></div>