web二级考试题库

Web二级考试题库里有一道题我印象特别深：给出一段HTML和CSS代码，考试问页面渲染后某个div的题库实际宽度是多少。选项四个，考试看起来都差不多。题库当年我盯着那道题看了十分钟，考试最后选错了。题库后来才搞明白，考试问题出在box-sizing属性的题库默认值上——content-box让padding和border额外撑开了盒子。这种题在题库里反复出现，考试换个数字、题库换个选择器，考试核心考点纹丝不动。题库

题库的考试构成其实很直白。HTML部分占大概三成，题库CSS占三成，考试剩下的是JavaScript基础。HTML翻来覆去考的就是表单元素、语义化标签、meta标签的属性和取值。比如<input type="email">在提交时浏览器会自动校验格式，这种细节笔试特别爱出。语义化标签那块，<article>和<section>的区别能变着花样出五道题，答案永远是article更强调独立性、可脱离上下文单独存在。说实话这玩意儿在实际开发里没多少人较真，但考试就是考试。

CSS题库的套路更明显。选择器优先级几乎每套卷子都有，给你一串#id .class p:hover这种复合选择器，让你算权重。我自己的记法是：行内样式1000，id100，class和伪类10，元素和伪元素1。算出来比大小就行。定位position的四个值也是高频考点，static、relative、absolute、fixed各自参照谁定位，absolute脱离文档流而relative不脱离，这些概念出题老师百考不厌。Flexbox的题这两年明显变多了，justify-content和align-items的方向搞反是常见陷阱——前者管主轴，后者管交叉轴，主轴方向又取决于flex-direction。

JavaScript部分让我最头疼。题库里考ES5的内容比ES6多，var的变量提升、闭包、原型链、this指向，这几块翻来覆去地出。有一类题很典型：在循环里用var声明变量然后绑定事件，问点击每个元素输出什么。答案是全都输出最后一个值，因为var没有块级作用域。换成let就正常了。这种题做多了会产生肌肉记忆，看到for循环加事件绑定就条件反射地找var还是let。

刷题库有没有用？有用，但得会刷。我见过有人把题库背了一遍，选择题正确率很高，上机操作就懵了。因为题库的选择题只考“是什么”，不考“怎么写”。比如它问你flex:1代表什么，答案是flex-grow:1、flex-shrink:1、flex-basis:0%的简写。但真正写代码的时候，你得知道什么场景该用flex:1而不是flex:auto。这两个值在空间分配上的行为不一样，题库不会告诉你这些。

我自己的做法是：每道选择题都当简答题做。选完答案之后，把其他三个选项为什么错也写出来。碰到代码题，不管题目问什么，先把完整代码敲一遍跑起来看效果。这个过程比单纯刷题慢三倍，但通过率确实高。题库大概有八百到一千道题，全刷完两三天够了，但要真正吃透，得花两周。

考试的时候有个细节：上机操作的环境是Dreamweaver，不是VS Code。快捷键、代码提示都不一样。平时用惯VS Code的人上去会很不适应。建议考前至少用Dreamweaver练两套完整的上机题，熟悉一下它的代码视图和实时预览。这个细节题库不会提醒你，但能决定你上机部分能不能做完。