认识达内从这里开始

大家都知道，在参加企业面试的时候，当通过了人事部的初期面试，接下来就要参加技术部门的专业技能面试了，但是这些面试的过程中需要掌握哪些问题呢？这是我整理的一部分内容，其他内容以后慢慢补充。

1.什么是渐进增强(progressive enhancement)、优雅降级(graceful degradation)?

渐进增强 progressive enhancement：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

优雅降级 graceful degradation：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。

两者的区别：

优雅降级是从最复杂的现状开始，并试图减少用户体验的供给;而渐进增强是从最基础的、能够起作用的版本开始，并且不断扩充，以适应未来环境的需求。

更合适的说话是，渐进增强是保证基本效果的情况下增强效果，优雅降级是保证最恶劣情况下的基本效果。

2.语义化HTML的好处?

在HTML 5出来之前，我们用div来表示页面章节，但是这些div都没有实际意义。(即使我们用css样式的id和class形容这块内容的意义)

a.在没有css的情况下，页面呈现清晰的结构

b.屏幕阅读器能够根据根据你的“标记”读网页，例如一些有视障的访客。

c.网络搜索引擎爬虫更容易找到对应查找的内容

d.便于团队的开发维护，语义化更具有可读性。

例如：

header元素、hgroup元素里面一般放

~

article元素 代表的是在网站中自成一体的内容，譬如帖子、文章等。

footer元素 放在页脚部分，相关文档的链接，标签、版权资料等

nav元素用于导航部分

address代表区块容器，作为联系信息，邮编地址，邮件等内容的载体

3.设计中使用了非标准的字体，该如何处理?

a.用图片代替。

b.使用一些在线字体库，例如Typekit，Google Webfonts等。

c.使用@font-face

4.如何隐藏网页内容，只让它们在屏幕阅读器上使用?

a.display：none;

b.visibility:hidden;

c.overflow:hidden;

d.position：absolute;top:-999px;

e.opacity:0;

5.CSS引入的方式有哪些?

a.使用元素链接外部的样式文件

b.在head中使用标签里面书写。

c.在css中使用@import标记来导入样式表单

d.在DOM中插入style属性。

6.link和@import的区别?

a.link属于HTML标签的，而@import只是css提供的一种引入方式。

b.link标签还能干其它很多的事，例如定义RSS，rel连接属性。@import只能加载css

c.兼容性的差别：@import是CSS2.1提出的，IE5以上的才能识别，link标签无此问题

d.link属于html文档中的标签，Dom能够控制，而dom不能被控制

7.css属性position的属性值有哪些，描述它们的作用。

a.position:static css中所有的position默认属性都是static.例如两个页面中都有同一个div，一个需要决定定位，另一个不需要。那么可以设置为static

b.relative相对定位，设置relative之后，就可以设置TRBL,相对于自己本身的位置进行定位。

设置relative，没有TRBL设置，则不会进行任何位置改变。移动之后所占的物理空间还是存在的，相对定位后并不会影响相邻的元素。

c.绝对定位absolute

给定absolute之后，会飘出文档流，本身的物理空间也消失了。找最近的设置了relative的元素位置进行参照，没有设置则以祖先元素html为参照。

d.fixed绝对定位，相对于浏览器窗口进行定位，同样通过TRBL设置位置。

e.inherit从父元素中继承position属性。

8.Web标准以及W3c标准的理解

不是由某一条标准构成，而是由一系列标准构成。将网页分成3个部分：结构、表现、行为，各自都有各自的标准：

a.Web标准规范要求，书写标签必须闭合、标签小写、不乱嵌套，可以提高机器人对网页的搜索几率。

b.建议使用外链css和js脚本，达到结构和行为、表现层的分离。

c.延迟脚本的加载，将脚本放在页面底部。

9.css权重?

CSS文档是如何确定给不同的样式分配不同的权重的，越往后权重越大。

用户代理声明(译注：如浏览器默认样式)

用户声明(译注：如用户浏览器选项设置或通过开发人员调试工具修改)

开发者声明(译注：如页面中引用的CSS)

带有!important的开发者声明

带有!important的用户声明

10.html5的新特征有哪些?

a.DOCTYPE(DOCTYPE !html即可)

b.正则表达式使用pattern属性，很方便地对浏览器端输入的数据进行验证。

c.数据列表元素 datalist >option>option

d.下载属性，download="ssss.pdf"

e.链接网页的预先加载处理

rel="prefetch"或者prerender属性可以帮助你提前加载整个页面

f.语义化标签

d.Drag和Drop

新增用于拖拽的属性draggable,决定了元素是否能被拖拽。

.........

11.清除浮动的几种方法?

a.使用空标签清除浮动。

这种方法是在所有浮动标签后面添加一个空标签 定义css clear:both. 弊端就是增加了无意义标签。

b.使用overflow。

给包含浮动元素的父标签添加css属性 overflow:auto; zoom:1; zoom:1用于兼容IE6。

c.使用after伪对象清除浮动。

该方法只适用于非IE浏览器。使用中需注意以下几点。一、该方法中必须为需要清除浮动元素的伪对象中设置 height:0，否则该元素会比实际高出若干像素;二、content属性是必须的，但其值可以为空，可设置content属性的值设为”.”。

12.使用 CSS 预处理器的优缺点有哪些?

优点:

a.css的语法不够强大，需要重复书写很多重复的选择器.css预处理器刚好解决了这一问题。

b.提供变量和逻辑控制

c.合理的样式复用机制 减少代码的冗余

d.提高代码的可维护性

e.mixin 混入

缺点：a.学习成本有点高。

b.使用这个预处理团队的难度加大

c.个人感觉是css本来就是很简单的东西，这样搞的更复杂

13.假若你有5个不同的 CSS 文件, 加载进页面的最好方式是?

1.用一个大的css文件代替这5个css文件

14.xhtml的局限性

a.语法上更严格，放弃了一些语义不好的标签

b.必须要有head，body.标签必须闭合

c.一些老的浏览器并不兼容

15.如果把HTML5看做一个开放的平台，那么它构建的模块有哪些?

a.基于位置服务的LBS

b.Web Storage API

c.无插件播放音频和视频

d.调用相机和GPU图像处理单元等硬件设备

e.拖拽和Form AP

运城达内为了给大学生提供一份适合的岗位，特从合作企业中选取了上百个就业岗位，全部源自于企业的真实需求，只要求职者符合企业的面试要求和岗位条件，免费为求职者提供三次面试机会，只要求职者符合企业的面试要求和岗位条件，免费为求职者提供三次面试机会，只要求职者符合企业的面试要求和岗位条件，免费为求职者提供三次面试机会，重要的事情说三次。详情请加QQ：3373924515咨询了解。

好了，今天就给大家讲这么多吧，喜欢我的内容可以关注或者分享（微信公众平台：tytedu）选择运城达内培训，不再孤军奋战，轻轻松松做IT高薪白领。运城达内培训带领有明确目标的学子迈向成功之路!