太平洋前端笔试太平洋前端笔试2010-11-1612：58今早到华农参加太平洋前端开发实习生的笔试。笔试题目很简单，基本上里面所有的题目所提到的所有情况我都有所了解，因为在《JavaScript高级程序设计》(第2版)和《CSS精粹》(第2版)这两本书里面都有提到，这两本书要是阅读得比较稍微熟悉一点，完全可以无视这场笔试。可问题是，我没有熟读这两本书。所以当看到眼前这些之差一步就可拿下的笔试题，却只能眼睁睁地错过了。很显然地，这些考的都是很基础的内容，甚至在考试之前，我就已经可以预料到会考什么了，因为前端开发要注意的无非就是这些问题：Html、CSS、Javascript、浏览器兼容问题、页面性能、布局、与别的语言通信(这个压根就没有考)。如果我昨天哪怕看半小时的书，今天完全可以得到不一样的结果，看来这场笔试，从某角度上看，还考察了应聘者的自我负责的态度，而我算是栽在这一点上了。但是我想出题人自己应该也清楚，这些问题其实都是查查API就能立刻找出答案的。实际开发中也是这样子的，但如果要应付考试的话，适当的总结、记忆、还是有必要的。当然，要是经常操作的话，应付这份笔试卷子也能绰绰有余，而我有很多题答不出，恰好也证明了我的实际经验不足(其实根本就是约等于0)。这个岗位的性质是实习(网上是这么写的，但它也是校园招聘性质)，可能因此题目才那么简单吧，同时我认为前端开发这一岗位也是所有岗位之中门槛最低的吧！第一、应聘者少；第二、题目简单。下一轮面试通知会在星期六发出，如果我收到了，那我会以饱满的姿态迎战；如果没收到，也没关系，接下来我就对早上不懂的问题来个总结，下次应聘前端岗位时保证一举击杀。不懂的问题有：标签语义化offsetTop,offsetLeft,offsetWidth,offsetHeight的含义是什么行内和块级元素有哪些display：none和visibility：hidden的区别dlulol用法上的不同之处有哪些页面加载完成5秒后隐藏元素举出一些浏览器兼容问题的例子以及解决方法怎么进行IE浏览器多版本兼容性的测试Html5，CSS3的新特性制作导航栏的方法提高网页加载速度有哪些方法之前我说这些问题都很简单，但是现在我改变想法了。对于这些基础问题，要深入了解，还是要花点时间的。下面一个个地解决：1、什么是标签语义化time看标签就知道这里内容是表示时间的/time，这就是标签语义化；对于语义化还有另一个解释：让计算机(或搜索引擎)读懂网页的内容。要使页面对搜索引擎友好，就要尽可能地实现标签语义化。结构(HTML)才是重点，CSS只是用来修饰结构的，所以，要先确定HTML，再来选用合适的CSS。因为一般来说，所有的标签都有默认样式，所以要确认一个网页是否拥有良好的语义结构，就有个简单的方法，那就是去掉所有的样式，再看看网页的结构是否依然有序，拥有良好的可读性。另外，搜索引擎对h标记比较敏感，特别是h1和h2，一个语义良好的页面，h标记应该是完整有序没有断层的，也就是要按h1,h2,h3,h4依次推下来，而不能h1,h3,h4，中间少了个h22、offsetTop,offsetLeft,offsetWidth,offsetHeight的含义是什么在《javascript高级程序设计》这本书里面居然没能一下子找出来，API里面也没能搜索到。看来我给自己留了个错误的印象了，亏我还在笔试时写上：很有印象，回去翻翻书或查阅API立刻能知道。真是大言不惭。最后还是上网找到了。这几个DOM属性还真是有点复杂，除了字面上的意思外，还有以下几点：offsetTop,offsetLeft只读，返回的是数字，而style.top和style.left可读写，返回的是字符窜，除了数字外还带单位：pxoffsetWidth和style.width的区别是一个返回百分比值，一个返回数值还有很多很多要注意的地方，还有让人摸不着头脑的浏览器差异问题，我想现在真的不是作出总结的时候，还是看熟了再说吧，真的不敢再说这些问题很简单了。我想，就算能够熟悉DOM的百分之七八十，那也挺不错了。3、行内和块级元素有哪些这算是一道总结题，实际工作中并不需要死记硬背这些东西，看到了自然能够想起，总结只为了应付一下考试。1.块级元素：像h1~h6、p、div、ul、table等具有块的属性，能够独立存在且元素之间以换行分割，它们就属于块级元素2.顶级元素：而像html、body以及框架等，是属于顶级元素，其表现类似块级