前端面试1

Posted 2020-12-30 blogzr

1、什么是W3C标准？

WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括Xhtml和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。

2、bootstrap响应式原理

是通过栅格系统和媒体查询实现的 // 小屏幕（平板，大于等于 768px）@media (min-width: @screen-sm-min) { ... }// 中等屏幕（桌面显示器，大于等于 992px）@media (min-width: @screen-md-min) { ... }// 大屏幕（大桌面显示器，大于等于 1200...

3、HTML/XHTM的区别

XHTML 与 HTML 4.01 标准没有太多的不同。
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。

4、页面构架和布局

布局可以是编码方面的，也可以是视觉方面的。
编码方面的涉及到语义化标签(也包含了div+css)布局、iframe框架(特殊地方使用)布局和表格布局(只用于一些特殊的地方，不推荐全站使用)，具体你可以百度下了解学习下相关知识。

如果是视觉交互方面的，就比较多了，每年都会有新的设计布局，高级一点的比如视差类型布局，全屏布局，瀑布流，无缝拼图布局等，这些都不局限于传统的布局方式；传统电子商务、信息类的大多采用单栏、两栏或者三栏布局，还有更多栏布局；分辨率相关的宽屏布局和窄屏布局，感应式布局。太多的选择了，要学习的东西也比较多，要慢慢了解啦。还有更多的布局需要慢慢摸索和体验。我把我知道的说了。
至于手机端，例举一些：竖排列表、横排方块、九宫格、TAB切换式、手风琴布局(有多个分类及其内容同时展示)、抽屉/侧边栏、标签场景式），因为屏幕小，要增加用户体验都可以根据具体情况用不同的布局方式。

5、BootStrap学习笔记，优缺点总结

优点：

BT的优势之一就是可以根据用户屏幕尺寸调整页面，使其在各个尺寸上都表现良好。
BT预先定义了很多CSS类，使用的时候直接给class赋予对应的类名即可，如text-left，