每天一点前端面试题

每天一点前端面试题_第1张图片
周四,北京,晴

每日单词

security:安全性 network:网络
enterprise:企业 tunnel:通道
encrypted:加密 attack:攻击
distributiibuted:分布式的 mirroring:镜像
component:组件 DESC降序排列
info:信息 largest:最大的
invalid:无效的 indicate:表示
incorrect:不正确的 conventional:常规的

简述NAN、null、undefined的区别?

  • NaN:保留字(表示数据不是数字);
  • undefined:对象属性或方法不存在,或声明了变量但未赋值。
    既当你使用了对象未定义的方法时或当你声明一个变量,但你确从未对其赋值,便对其进行操作,会有‘undefined’提示
  • null:一个变量中没有包含有效的数据。或一个空对象
    产生null的原因:对一个对象显示的赋值为null

简述sessionStorage、localStorage、cookie的区别?

  1. cookie数据始终在同源的http请求中携带(即使不 需要),即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下。

  2. 存储大小限制也不同,cookie数据不能超过4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据,如会话标识。sessionStorage和
    localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。

  3. 数据有效期不同,sessionStorage:仅在当前浏览器窗口关闭前有效,自然也就不可能持久保持;localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据;cookie只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。

  4. 作用域不同,sessionStorage不在不同的浏览器窗口中共享,即使是同一个页面;localStorage 在所有同源窗口中都是共享的;cookie也是在所有同源窗口中都是共享的。

  5. Web Storage 支持事件通知机制,可以将数据更新的通知发送给监听者。

  6. Web Storage 的 api 接口使用更方便。


ajax请求时如何解释json数据?

使用eval() 或者JSON.parse() 鉴于安全性考虑,推荐使用JSON.parse()更靠谱,对数据的安全性更好。

简单介绍以下几种值得显示效果。block,none,inline-block,list-item。

  1. block:设置元素为块状元素,如果不指定宽高,默认会继承父元素的宽度,并且独占一行,即使宽度有剩余也会独占一行,高度一般以子元素撑开的高度为准,当然也可以自己设置宽度和高度。

  2. none:将元素设置为none的时候既不会占据空间,也无法显示,相当于该元素不存在

  3. inline-block: inline-block既具有block的宽高特性又具有inline的同行元素特性。

  4. list-item:此属性默认会把元素作为列表显示,要完全模仿列表的话还需要加上 list-style-position,list-style-type

你可能感兴趣的:(每天一点前端面试题)