html+css+js 常见面试题

跨域问题

只要协议，域名，端口有任何一个的不同，就被当作是跨域。并不会根据IP去判断是否跨域。

语言化标签

常见语义问题：

• <title> 和 <h1> , 前者用于网页标题，后者用于文章标题

• <b> 和 <strong> ,前者用于文字加粗，后者用于强调语气

• <i> 和 <em> 前者用于倾斜字体，后者用于强调内容

• img的 alt和title, 前者是加载失败时的提示信息，后者是鼠标悬停时的显示文本

语义化标签有何作用：

• 搜索引擎的爬虫也根据语义化的结构进行搜索
• 便于团队开发和维护

CSS盒子模型

从里到外：margin, border, padding, content

CSS盒子形状

box-sizing: border-box | content-box

其中content-box是默认值。margin-box, padding-box至今没有支持。

CSS Sprite

将页面中的图片整合到一张图片中，利用background-position,background- repeat进行定位，从而实现优化页面的加载响应时间。

JS arguments

function a(arg1, arg2){
	console.log(arguments);
}

a(1, 2,3)   // [Arguments] { '0': 1, '1': 2, '2': 3 }

但 arguments是一个类似数组的对象，而非真正的数组，因此常常需要把它转换成数组使用：

function a(){
	args = [].slice.call(arguments, 0)
	console.log(args)
}
a(1, 2, 3)  // [ 1, 2, 3 ]

渲染优化

略

---

SEO、兼容性、…