挖财 / 有赞电话口试 问题分享

2024年3月11日 212次阅读 来源: xu455255849

动画相干

//html
<div class="btn">
  <div class="change"></div>
</div>

//css

 .btn  {
      width: 100px;
      height: 20px;
      background: coral;
      border: 1px solid #5e6d82;
    }
    .change {
      width: 0;
      height: 20px;
      background: #2D93CA;
      transition: all 2s;
    }
    .btn:hover .change {
      width: 100px;
    }

参考：https://codepen.io/JulianLava…

案例可能会变，重要考核 transition / animation 动画相干的知识点

浏览器内核相干

trident / IE浏览器

gecko / firefox浏览器

webkit 内核 / safari & Chorome

差别：衬着机制差别

参考：https://juejin.im/entry/5a05a…

搜索引擎找了一波，分享内容不多，特别是针对差别的文章。。。

JS言语特征

1、 诠释型言语 – 不需要编译，直接诠释运转

2、弱范例 – 对变量没有严厉数据范例要求

3、跨平台 – 只需有js诠释器 支撑，能在任何地方运转

4、 基于对象 – 不仅能建立对象，也能基于对象建立对象 （原型链）

http 协定 / 缓存机制

强缓存 / 优先级最高，假如存在且未逾期则直接返回缓存内容

Expires / http1.0 缺点：受限于当地时候，假如修正当地时候则会失效

Cache-Control / http1.1 作为对1.0的一个补强

协商缓存 / 缓存逾期则会举行协商缓存

Last-Modified 和 If-Modified-Since / http1.0

Last-Modified 示意当地文件末了修正日期，If-Modified-Since 会将 Last-Modified 的值发送给服务器，讯问服务器在该日期后资本是不是有更新，有更新的话就会将新的资本发送返来。

然则假如在当地翻开缓存文件，就会形成 Last-Modified 被修正，所以在 HTTP / 1.1 涌现了 ETag

ETag 和 If-None-Match / http1.1

ETag 类似于文件指纹，If-None-Match 会将当前 ETag 发送给服务器，讯问该资本 ETag 是不是更改，有更改的话就将新的资本发送返来

参考： https://mp.weixin.qq.com/s/y-…

假造dom 算法

参阅： https://segmentfault.com/a/11…

浏览器衬着机制

衬着机制重要和浏览器内核有关，差别浏览器衬着流程差别

参考：https://juejin.im/entry/59e1d…

什么是骨架屏

参考：https://segmentfault.com/a/11…

lazyload 完成道理

中心观点： 转动监听 / 元素位置 / 可视地区

深切进修：看 GitHub 懒加载的库源码 -lazy load

箭头函数和 一般函数的区分

因为this在词法层面完成绑定，this指针没法被修正

没有原型对象
var foo = () => {};
console.log(foo.prototype) //undefined

没法运用new操作符
var Foo = () => {};
var foo = new Foo();  //Foo is not a constructor

箭头函数不绑定arguments,取而代之用rest参数…处理
function foo(...args) {
  return args;
}
foo(1, 2, 3);  // [1,2,3]

js遍历对象

1、 for in 轮回 / 轮回遍历本身的和继续的可罗列属性

2、Object.keys(obj) / 返回一个数组，包括对象本身的（不含继续）一切可罗列属性

3、getOwnPropertyNames() / 用于返回对象一切属性，包括可罗列属性和不可罗列属性，不包括Symbol属性

4、 Object.getOwnPropertySymbols() / 用于返回对象一切属性，包括可罗列属性和不可罗列属性，只包括Symbol属性

computed 相干

1、盘算属性具有缓存上风 / 缓存内部完成道理

2、默许只要getter，能够手动设置setter，没有设置情况下赋值会报错

CORS 相干

简朴要求：

1、运用 get 、 head 、 post

2、content-type 必需为text/plain、multipart/form-data、application/x-www-form-urlencoded之一

3、没有工资设置范例外header字段

不满足以上要求均为庞杂要求，发送要求之前会先举行预检要求

cors 照顾 cookie 相干

cors中要求默许不照顾cookie，除非满足以下前提：

1、要求设置了 withCredentials = true;

2、后端设置了 Access-Control-Allow-Credentials: true

3、Access-Control-Allow-Origin 设置不为 *

参考：https://developer.mozilla.org…

跋文

难度偏中，前端手艺踏实，想拿到offer应当不难

假如以为本文对你有所协助，就star一下吧～大传送之术！ 我的博客Github

    原文作者：xu455255849
    原文地址: https://segmentfault.com/a/1190000018962647
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞