前端可能问到的面试题(ts,js,css,es6)

第⼆次调⽤ Parent() = age; } ype = new Parent(); //

第⼀次调⽤ Parent()，apply，bind第⼀个参数都是this要指向的对象，call第⼆个参数是参数列表的⽅式传⼊，apply第⼆个参数是数组的⽅式传⼊call与apply是⽴即调⽤,bind是返回对应函数，需要时调⽤ function show(x){ (x); } let person={ name:"aa", }; (person,"男"); (person,["⼥"]); let ss=(person,"111"); ss()bind的实现39.深拷贝的实现(ity(obj))ePromise，就是⼀个对象，⽤来传递异步操作的消息，可以进⾏异步操作async await 解决回调地狱，语法糖async function test1(){ ("11") await test() ("22")}test1()new Promise(function (resolve) { ("33") resolve();}).then(function () { ("44")})function test() { ("test")}//11 test 33 22 44macro-task(宏任务)：包括整体代码script，setTimeout，setIntervalmicro-task(微任务)：，ck补充⼀个41.强缓存和协商缓存浏览器第⼀次向服务器发起请求时，服务器响应请求后，浏览器端会进⾏缓存。服务器会将最后⼀次修改时间last-modified发送给客户端进⾏记录，同时还会⽣成并发送Etag强缓存：浏览器请求资源时，会获取该资源缓存的header信息，根据cache-control判断是否从缓存中获取资源。cache-control:max-age=31536000,public,immutablemax-age:缓存时间(s)public：服务器和浏览器都可以缓存immutable：资源永远改变（⽤户刷新浏览器也不发送请求）协商缓存：浏览器每次请求资源时，向服务器发送请求并且携带header中的Etag和last-modified，服务器判断是否改变，如果改变就返回新的资源和新的etag，last-modified以及200状态码。如果没有改变，返回304状态码，浏览器就读取本地资源。注意服务器端header会改变// response headeretag: '5c20abbd-e2e8'last-modified: Mon, 24 Dec 2018 09:49:49 GMT// request header

变为if-none-matched: '5c20abbd-e2e8'if-modified-since: Mon, 24 Dec 2018 09:49:49 GMT已经有last-modified为什么要使⽤etag1.有些资源的改变在1s内改变多次，last-modified对这种操作⽆法精确2.某些请求是周期性的，没有修改内容，3.某些服务器⽆法精确到最后修改时间()和ity()():⼀个字符串中解析出ity()：从⼀个对象中解析出字符串

2023年6月21日发(作者：)

前端可能问到的⾯试题（ts,js,css,es6）,null,undefined，never,NaNvoid:⽆返回值，只能赋值undefined和nullnull:空值，表⽰不存在undefined：未定义，声明了但没有赋值，对象没有赋值的属性，对象没有返回值never：永不存在的值的类型，是抛出异常或根本没有返回值的函数表达式的返回值类型NaN:和任何值都不相等，包括⾃⾝和readonlyconst:修饰的常量是静态属性。声明时必须赋值，赋值后不能再改变，实际上是变量⾄指向的内存地址所保存的数据不改动，对于简单类型，值就保存在变量指向的内存地址。对于复合类型的数据(引⽤类型)，const只能保证这个指针是固定的，⾄于指针指向的数据结构是否可变就不能控制。readonly ：修饰的常量是动态属性(值在运⾏的时候获得)。可以在声明或构造函数中初始化3.接⼝和泛型接⼝：定义了要遵循的类的语法，实现接⼝的类必须实现它的所有成员。不同类之间公有的属性和⽅法可以抽象为⼀个接⼝泛型：解决类，接⼝，⽅法的复⽤性（传⼊什么类型就返回什么类型），以及对不特定数据类型的⽀持4.匿名函数和箭头函数匿名函数：声明是没有任何命名标识符的函数，在运⾏时动态声明的，可以接受输⼊和返回输出，在初始创建之后通常是不可访问的let fun=function(x:number,y:number):number{ return x+y;}箭头函数：相当于匿名函数并且简化了函数的定义。没有prototype原型，所有箭头函数本⾝没有this，this在箭头函数中已经按照词法作⽤域绑定了,this指向是固定的。没有构造函数箭头函数的this指向该函数所在的作⽤域指向的对象dex()，indexof()，forEach()findindex()对于空数组不执⾏，也不使适⽤于字符串。范围更⼴，可以根据不同条件进⾏查询。返回的是符合查询条件的第⼀个值的索引.let arr = [1, 1, 2, 2, 8, 8,5,4]function check(a) { return a>1}let result = dex(check)(result) //2indexof()返回某个指定的字符串值在字符串中⾸次出现的位置。空数组和字符串都会执⾏。forEach() 对于空数组不执⾏，⽤于调⽤数组的每个元素，并将元素传递给回调函数。6.浏览器重定向页⾯，浏览器打开新页⾯重定向页⾯="/"e("/")打开新页⾯，窗⼝("/")()与slice()splice(2,7) 表⽰从索引2开始的位置，截取7个长度，会返回截取后的数据slice(2,7) 表⽰从索引2开始的位置，截取到6索引的位置(不包含7)，不会改变原数组epromise:是⼀个构造函数，可以实例化promise实例。有两个函数resolve（成功时的回调函数）和reject（失败后的回调函数）。在promise的构造函数的prototype属性上有then()⽅法。,em,rempx：像素px是相对于显⽰器屏幕分辨率⽽⾔的。缺点没有弹性,IE可能不兼容em：参考物是⽗元素的font-size，具有继承的特点。相对于当前对象内⽂本的字体尺⼨。如当前对⾏内⽂本的字体尺⼨未被⼈为设置，则相对于浏览器的默认字体尺⼨。rem:rem是相对于根元素html, 不会被它的⽗元素影响选择器标签选择器div 类选择器. id选择器# ⼦类选择器> 兄弟选择器~ 全局选择器* 相邻选择器+ 包含选择器 伪类选择器(:hover nth-child(n)：)伪类(before,after)与伪类选择器根本区别：是否创建了新元素on有哪些属性relative：相对于原来位置移动，元素设置此属性之后仍然处在⽂档流中，不影响其他元素的布局absolute:元素会脱离⽂档流，如果设置偏移量，会影响其他元素的位置定位。绝对定位是相对于元素最近的已定位的祖先元素（即是设置了绝对定位或者相对定位的祖先元素）。如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（body）fixed：相对于浏览器窗⼝，⽣成固定定位inherit:继承⽗元素的position 属性的值static:默认值。没有定位，元素出现在正常的流中sticky:粘性定位，该定位基于⽤户滚动的位置。12.垂直⽔平居中