资讯专栏INFORMATION COLUMN

刷前端面经笔记(一)

刘德刚 / 398人阅读

摘要:协商缓存从缓存数据库中取出缓存的标识,然后向浏览器发送请求验证请求的数据是否已经更新,如果已更新则返回新的数据,若未更新则使用缓存数据库中的缓存数据。

1.CSS的盒子模型

包含元素内容content、内边距padding、边框border、外边距margin
box-sizing:border-box;content-box;inherit;
1) content-box:总宽度=margin+border+padding+width,即为标准模型;
2) border-box:总宽度=margin+width,即为IE模型;
3) inherit:继承父元素的border-sizing属性。

2.AJAX的readyState几种状态

0——初始化
1——载入
2——载入完成
3——解析
4——完成

3.常见的post提交数据方式对应的content-type取值

4
1)application/x-www-form-urlencoded:数据被编码为名称/值对,这是标准的编码格式。
2)multipart/form-data:数据被编码为一条消息,页上的每个控件对应消息中的一个部分。
3)application/json:告诉服务端消息主体是序列化后的 JSON 字符串.
4)text/xml

4.清除浮动的几种方法

1)父级div定义伪类:afterzoom
`.clearfloat::after {display:block; clear:both; content:" "; visibility:hidden; height:0;}
.clearfloat {zoom:1}`
2)在结尾处添加空div标签clear:both
3)父级div定义height
4)父级div定义display:table
5)父级div也一起浮动
6)父级div定义overflow:auto/hidden(必须定义widthzoom:1,同时不能定义height,浏览器会自动检查浮动区域的高度)

5.Webpack解析ES6用的插件

babel-loader

6.移动端上click事件在某些浏览器有没有遇到延迟的问题

1)静止缩放


2)引入`fastclick.js
window.addEventListener(function(){

FastClick.attach(document.body);

1},false)`

7.HTTP的缓存机制

1)强制缓存:当所请求的数据在缓存数据库中尚未过期时,不与服务器进行交互,直接使用缓存数据库中的数据。
Expire / Cache-Control
2)协商缓存:从缓存数据库中取出缓存的标识,然后向浏览器发送请求验证请求的数据是否已经更新,如果已更新则返回新的数据,若未更新则使用缓存数据库中的缓存数据。
etag / last-modifield

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/101547.html

相关文章

  • 前端面经笔记(十二)

    摘要:以下递归函数存在栈溢出的风险,请问如何优化解答请实现一个计算最大公约数的函数在这里编写代码解答数组去重如果数组中有排除用实现斐波那契数列函数返回第个斐波那契数。父类我的名字是我今年岁原型继承构造函数继承组合继承组合继承优化 1.以下递归函数存在栈溢出的风险,请问如何优化? function factorial(n){ return n*factorial(n-1) } 解答: ...

    Rocko 评论0 收藏0
  • 前端面经笔记(二)

    摘要:但这会带来高度塌陷的问题,所以要清除浮动。核心内置类,会尝试先于例外的是,利用的是转换。安全性请求可被缓存,请求保存在浏览器的历史记录中则不能被缓存。与相比,的安全性较差,因为发送的数据是的一部分。 1.实现三栏布局(左右两边固定宽度,中间自适应) 1)浮动布局左右两边固定宽度,并分别设置float:left和float:right。(但这会带来高度塌陷的问题,所以要清除浮动。清除浮动...

    rottengeek 评论0 收藏0
  • 到就是赚到!八月阿里 Android 高级岗面经(年薪百万)

    摘要:前段时间,前同事跳槽,机缘巧合下面了阿里,本来凭着试一试的态度,却不料好事成双,拿到了,而且薪资也了。面就没啥东西可聊的,基本上就是对此次面试的一个评价定薪等等一些之内的话题。如果是现场面试,记得关注当天的天气,提前查一下路线。 ...

    aisuhua 评论0 收藏0
  • 18年求职面经及总结

    摘要:年求职面经及总结我的求职之路差不多走到尽头了感觉真是精疲力尽了把这大半年的经历和面试总结写下来希望能给和我一样在求职路上煎熬的人一点帮助先说背景微电子科学与工程专业学过两门和相关的课程语言和单片机这个专业的唯一好处就是大部分人并不知道这个专 18年求职面经及总结 我的求职之路差不多走到尽头了,感觉真是精疲力尽了.把这大半年的经历和面试总结写下来,希望能给和我一样在求职路上煎熬的人一点帮...

    zhangwang 评论0 收藏0
  • 18年求职面经及总结

    摘要:年求职面经及总结我的求职之路差不多走到尽头了感觉真是精疲力尽了把这大半年的经历和面试总结写下来希望能给和我一样在求职路上煎熬的人一点帮助先说背景微电子科学与工程专业学过两门和相关的课程语言和单片机这个专业的唯一好处就是大部分人并不知道这个专 18年求职面经及总结 我的求职之路差不多走到尽头了,感觉真是精疲力尽了.把这大半年的经历和面试总结写下来,希望能给和我一样在求职路上煎熬的人一点帮...

    fjcgreat 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<