面试总结

flex布局的原理?

https://www.cnblogs.com/focusxxxxy/p/6395436.html


提取url键值对?

答:定义一个url地址,定义一个arr,使用split根据?分割url,定义arr2等于arr【1】截取分割后的url参数,arr2=arr[1].split("&"),根据&重新分割参数,定义一个json对象放url参数,循环将参数放到json中。

简述jsonp过程?

答:前端实现:第一步,动态创建script标签,并添加callback参数

                      第二步,创建callback函数

      后端实现:第一步,接受浏览器传递过来callback函数

                      第二步,返回函数函数调用形式,其内部参数就是json

px和em的区别?

答:px表示像素 (计算机屏幕上的一个点:1px = 1/96in),是绝对单位,不会因为其他元素            的尺寸变化而变化;

      em表示相对于父元素的字体大小。em是相对单位 ,没有一个固定的度量值,而是由其他元素尺寸来决定的相对值。

304和302?

答: 302重定向又称之为302代表暂时性转移,,一条对网站浏览器的指令来显示浏览器被要求显示的不同的URL,当一个网页经历过短期的URL的变化时使用。

        304重定向又称之为返回状态码,客户端有缓冲的文档并发出了一个条件性的请求服务器告诉客户,原来缓冲的文档还可以继续使用。

事件委托?

答:利用事件冒泡处理动态元素事件绑定的方法,给父元素绑定事件,用来监听子元素的冒泡事件,并找到是哪个子元素的事件

      事件委托的好处:

事件委托技术可以避免对每个字元素添加事件监听器,减少操作DOM节点的次数,从而减少浏览器的重绘和重排,提高代码的性能。

使用事件委托,只有父元素与DOM存在交互,其他的操作都是在JS虚拟内存中完成的,这样就大大提高了性能。

      什么时候用事件委托:

当子元素有很多,需要对子元素的时间进行监听的时候

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

推荐阅读更多精彩内容

  • $HTML, HTTP,web综合问题 1、前端需要注意哪些SEO 3、HTTP的几种请求方法用途 4、从浏览器地...
    peng凯阅读 787评论 0 1
  • 前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:...
    秀才JaneBook阅读 2,597评论 0 25
  • HTML5面试题总结1.基础问题 = 和 == 和 === 的区别?= : 用于赋值 == : 用于判断 === ...
    LorenaLu阅读 1,237评论 0 4
  • 看着针头扎进静脉开始采血,开始并无特别之感,第三管开始,血液依然在不断流入试管,感觉手指开始有点发麻,顿时感受到手...
    Tracyxu555阅读 271评论 0 0