1.你做的⻚⾯在哪些流览器测试过?这些浏览器的内核分别是什么?
IE
:trident
内核Firefox
:gecko
内核Safari
:webkit
内核Opera
:以前是presto
内核,Opera
现已改⽤Google - Chrome
的Blink
内核Chrome
:Blink
(基于webkit ,Google
与Opera Software
共同开发)
2.div+css的布局较table布局有什么优点?
- 改版的时候更⽅便 只要改
css
⽂件。 - ⻚⾯加载速度更快、结构化清晰、⻚⾯显示简洁。
- 表现与结构相分离。
- 易于优化(
seo
)搜索引擎更友好,排名更容易靠前。
3.a:img的alt与title有何异同?b:strong与em的异同?
alt(alt text)
:为不能显示图像、窗体或applets
的⽤户代理( UA ),alt
属性⽤ 来指定替换⽂字。替换⽂字的语⾔由lang
属性指定。(在IE浏览器下会在没有title
时 把alt
当成tool tip
显示)title(tool tip)
:该属性为设置该属性的元素提供建议性的信息strong
:粗体强调标签,强调,表示内容的重要性em
:斜体强调标签,更强烈强调,表示内容的强调点
4.渐进增强和优雅降级之间的不同
- 渐进增强:针对低版本浏览器进⾏构建⻚⾯,保证最基本的功能,然后再针对⾼级浏览器 进⾏效果、交互等改进和追加功能达到更好的⽤户体验。
- 优雅降级:⼀开始就构建完整的功能,然后再针对低版本浏览器进⾏兼容。
区别:优雅降级是从复杂的现状开始,并试图减少⽤户体验的供给,⽽渐进增 强则是从⼀个⾮常础的,能够起作⽤的版本开始,并不断扩充,以适应未来环境的需要。降级(功能衰减)意味着往回看;⽽渐进增强则意味着朝前看, 同时保证其根基处于安全地带
5.为什么利⽤多个域名来存储⽹站资源会更有效
CDN
缓存更⽅便- 突破浏览器并发限制
- 节约
cookie
带宽 - 节约主域名的连接数,优化⻚⾯响应速度
- 防⽌不必要的安全问题
6.src与href的区别
src
⽤于替换当前元素,href
⽤于在当前⽂档和引⽤资源之间确⽴联系。src
是source
的缩写,指向外部资源的位置,指向的内容将会嵌⼊到⽂档中当前标签所 在位置;在请求src
资源时会将其指向的资源下载并应⽤到⽂档内,例如js
脚本,img
图⽚和frame
等元素
<script src ="js.js"></script>
当浏览器解析到该元素时,会暂停其他 资源的下载和处理,直到将该资源加载、编译、执⾏完毕,图⽚和框架等元素 也如此,类似于将所指向资源嵌⼊当前标签内。这也是为什么将js脚本放在底 部⽽不是头部
href
是Hypertext Reference
的缩写,指向⽹络资源所在位置,建⽴和当前元素(锚 点)或当前⽂档(链接)之间的链接,如果我们在⽂档中添加<link href="common.css" rel="stylesheet"/>
那么浏览器会识别该⽂档为css
⽂ 件,就会并⾏下载资源并且不会停⽌对当前⽂档的处理。这也是为什么建议使⽤link
⽅ 式来加载css
,⽽不是使⽤@import
⽅式
7.知道的⽹⻚制作会⽤到的图⽚格式有哪些?
png-8 、 png-24 、 jpeg 、 gif 、 svg
- Webp:
WebP
格式,⾕歌(google
)开发的⼀种旨在加快图⽚加载速度的图⽚格式。图 ⽚压缩体积⼤约只有 JPEG 的 2/3 ,并能节省⼤量的服务器带宽资源和数据空间。Facebook Ebay
等知名⽹站已经开始测试并使⽤WebP
格式。 - 在质量相同的情况下,
WebP
格式图像的体积要⽐JPEG
格式图像⼩ 40% 。 - Apng:全称是 “
Animated Portable Network Graphics
” , 是PNG
的位图动画扩展,可 以实现png
格式的动态图⽚效果。04年诞⽣,但⼀直得不到各⼤浏览器⼚商的⽀持,直到 ⽇前得到iOS safari 8
的⽀持,有望代替 GIF 成为下⼀代动态图标准
8.⼀次js请求⼀般情况下有哪些地⽅会有缓存处理
dns 缓存,
cdn` 缓存,浏览器缓存,服务器缓存
9. 常⻅排序算法的时间复杂度,空间复杂度
10.web开发中会话跟踪的⽅法有哪些
cookie
session
url
重写- 隐藏
input
ip
地址