目录
1. 文档头声明的意义和作用
2. CSS盒模型
3.HTML和XHTML的区别
4. 语义化的理解
5. 一个静态的HTML文件里边可能包含JS,CSS,它的一个加载顺序是怎样的?
6. window.onload和$(document).ready()区别
7. 什么是window对象,什么是document对象?
8. 如果将CSS放在后面会出现什么问题?
9. 哪些性能优化的方法
10. 三种减少页面加载时间的方法
11. Src和href的区别
12. 平时怎么管理你的团队
13. 网站重构的理解
14. 什么是响应式设计?基本原理是什么?如何兼容较低版本的IE?
HTML
1.文档头的声明意义和作用?
(1)声明位于文档中的最前面,处于标签之前。告诉浏览器的解析器,用什么文档类型规范来解析这个文档。
(2) 假如文档中的标记不遵循doctype声明所指定的文档定义类型(dtd),这个文档有可能无法在浏览器中正确显示。
标准模式:标准模式的排版和JS 运作模式是 以该浏览器支持的最高标准运行混杂模式。
混杂模式:页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。
2.CSS盒模型
CSS盒模型:网页设计中css技术所使用的一种思维模型。
CSS盒模型组成:外边距(margin),边框(border),内边距(paddimg),内容(content)
CSS盒模型分类:标准W3C盒子模型,IE盒子模型
区别:二者的区别在于height和width的计算。
标准W3C盒子模型:height=content , width=content
IE盒子模型:height=content+padding+border, width=content+padding+border
3.HTML和XHTML的区别
Xhtml必须被正确的关闭;
Xhtml必须被正确的嵌套;
Xhtml标签名必须小写;
Xhtml必须拥有根元素(必须嵌套于<html></html>根元素中);
4.语义化的理解
更直观的认识标签或属性;
去掉或者丢失样式的时候能让页面呈现清晰的结构;
有利于SEO:和搜索引擎建立良好的沟通,有助于爬虫爬取更多有效信息;
便于团队开发和维护,使网页更具可读性,减少差异化
5.一个静态HTML文件里包含JS, CSS,它的加载顺序是怎样的?
(1)解析HTML文件,创建DOM树
自上而下,遇到任何样式(link,style会阻塞),但css加载不会阻塞DOM树的解析,只会阻塞DOM树的渲染。
而js加载,需等到js加载完毕后才继续DOM树的解析和渲染。 如果外部脚本过大,加载时间比较长的话,就会造成网页失去响应。
也是为什么在js文件开头写window.onload或者$(document).ready(),或者将script放在body后面的原因。
(2)解析CSS。
优先级:浏览器默认设置<用户设置<外部样式<内联样式<内嵌样式
(3)将CSS规则与DOM树合并,构建渲染树(Render Tree)
(4)进行布局和绘制
6.window.onload和$(document).ready()区别
window.onload是DOM文档结构加载完毕和所有文件(包括图片)加载完后所执行的一个函数。
$(document).ready()则表示仅DOM文档加载完所执行的一个函数
7.什么是window对象,什么是document对象?
window对象它是一个顶层对象,表示一个浏览器窗口或一个框架。
document对象是window对象的一个对象属性,每个载入浏览器的HTML文档都会成为Document对象。可通过window.document属性对其进行访问
8.如果将CSS放在后面,会出现什么问题?
正常来讲css放在前面,这样就会先加载css的样式,在渲染dom的时候已经知道自己的样式,无需再次渲染。
如果放后面,那么先渲染DOM,再加载CSS后,又要重新渲染,这就意味这要进行两次渲染,影响性能。
9. 哪些性能优化的方法
减少http请求次数,将通过网络请求获取的数据保存到本地
用innerHTML代替DOM操作,优化js性能
设置样式时,应该设置className,而不是直接设置style
缓存DOM节点查找的结果,减少IO读取操作
避免使用Css表达式
图片预加载,将样式表放在顶部,将脚本放在底部
10. 三种减少页面加载时间的方法
优化图片
使用web格式的图片,如果对颜色要求不高,可以用gif
优化css即压缩合并css
标明图片的高度和宽度(如果浏览器没有找到这两个参数,就会一边下载一边计算大小,如果知道这两个参数,就会预先腾出位置,继续加载)
11. Src和href的区别
href 是指向网络资源所在的位置,建立和当前元素或文档之间的链接,用于超链接
src 是指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在的位置,在请求src资源时会将其指向的资源下载并应用到文档内,例如js脚本,img等
12. 平时怎么管理你的团队
1. 我会确定好全局样式(globe.css),编码模式(utf-8) 等
2. 并且告诉他们编写代码时的规范
3.各模块都及时编写人,以及各个模块内的功能标注注释,
4.如果是用vue框架,并且项目比较小时,我会写好大体框架,只需他们负责编写各个模块,最终由我来负责模块的整合
团队方面,
我会负责团队进度的把控,注重每名成员的感情情绪,调控团队的氛围和成员的激情,定时总结团队的问题和成果。
网友评论