前端常遇的面试题(5)

什么是事件委托?为什么要用事件委托?

事件委托又称事件代理,就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件

为什么用事件委托:

在javascript进行事件处理的时候,每个添加到页面上的事件函数都将直接影响页面的整体性能,每一个函数就是一个对象,都会占内存,而内存中的对象越多,性能就越差。而为了解决这种问题,我们就需要使用事件委托



你如何优化自己的代码

模块化封装;

组件化开发;

尽量减少访问后台的次数;

压缩文件大小;

精简dom;


什么是盒模型

在HTML页面中,每一个元素都可以被看成一个盒子,而这个盒子由:内容(content)、内边距(padding)、边框(border)、外边距(margin) 四部分组成。

盒模型分为标准盒模型和怪异盒模型

标准盒模型:

标准盒模型的范围包括margin、border、padding、content,并且宽高只包含content,不包含其他部分

怪异盒模型:

怪异盒模型的范围包括margin、border、padding、content,和标准盒模型不同的是,怪异盒模型的宽高包含了padding和border。


行内,块元素,空元素分别举例

块级元素

div、p、ul、ol、dl、li、dt、dd、form、h1、h2、h3、h4、h5、h6、table、thead、tbody、tfoot

H5新增

header、main、footer、aside、article、address、audio、video、section···

行内元素

span、a、b、u、i、strong、del、sub、sup

行内块元素

img、input、button

空元素

br、meta、hr、link


src和href的区别


href标识超文本引用,用在linka等元素上,href是引用和页面关联,是在当前元素和引用资源之间建立联系

src表示引用资源,表示替换当前元素,用在imgscriptiframe上,src是页面内容不可缺少的一部分

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,865评论 1 92
  • 1.行内元素和块级元素?img算什么?行内元素怎么转化为块级元素? 行内元素:和有他元素都在一行上,高度、行高及外...
    极乐君阅读 2,527评论 0 20
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 2,241评论 0 8
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 1,277评论 0 1
  • 1985年6月14日,德国、法国、荷兰、比利时、卢森堡五国在卢森堡边境小镇申根(SCHENGEN)签定协议规定:其...
    18岁的日记阅读 199评论 0 4