前端面试知识点--1

冷不防 2022-07-16 01:51 252阅读 0赞

来自牛客网的经验分享

1.css 盒模型  
2.css 布局，左边定宽右边自适应。两种方法，NEC上的用负边距消除宽度，用弹性布局。然后问我有没有第三种。。。  
3.冒泡和捕获，事件流哪三个阶段？除了冒泡和捕获，还有目标阶段。他们的先后顺序，先捕获，到了目标，再冒泡。（不要只记概念，要了解是干么用的）  
4.实现事件代理。用jquery写了。要求写原生。子元素传递上来的应该是event.target或者e.srcElement。这个强调下IE和W3C的区别，建议写一个封装。  
5.原型链。继承的两种方法。原型链继承和类继承。然后类继承只继承了实例属性，没有原型属性。原型链继承可以继承所有。然后用apply和call怎么继承原型链上的共享属性？通过空函数传值。新建一个空函数C。C实例化后C的实例属性就是空，然后用B的apply/call去继承C，相当于继承了C的实例属性。  
6. ajax。原生ajax的四个过程。实例化，open，send,onreadystatechange，然后是req,readyState和status。那么问题是通过哪个属性得到data？jquery里是success回调里面的形参。  
responseText和responseXML。后者是XML解析了的。  
7，闭包。简单说一个闭包的应用。然后闭包的主要作用是什么：封装！

1.css:两个块状元素上下的margin-top和margin-bottom会重叠。啥原因？怎么解决？（应该给父类元素添加BFC）  
2.js：写一个递归。就是每隔5秒调用一个自身，一共100次。  
3.cookie和session有什么区别。  
4.网络分层结构。4层，应用层，传输层，网络层和数据链路层。依次是http等应用，TCP/UDP，IP和物理连接。然后又追问了一下ssl在哪一层。ssl是socket，是单独的一层。如果要算应该算传输层。

Cookie 是否会被覆盖，localStorage是否会被覆盖。  
事件代理js实现  
Css实现动画效果  
Animation还有哪些其他属性。  
Css实现三列布局  
Css实现保持长宽比1:1  
Css实现两个自适应等宽元素中间空10个像素。  
requireJS的原理是什么  
如何保持登录状态  
浮动的原理以及如何清除浮动  
Html的语义化  
原生js添加class怎么添加，如果本身已经有class了，会不会覆盖，怎么保留？  
Ajax原生  
Jsonp的原理。怎么去读取一个script里面的数据。  
如果页面初始载入的时候把ajax请求返回的数据存在localStorage里面，然后每次调用的时候去localStorage里面取数，是否可行。（直接说了不能保证数据的实时性，请求和实时性必然会有一方有所牺牲）  
平时代码写的多不多。  
Nodejs会不会。（demo跑过express，然后做过聊天室）  
304是什么意思？有没有方法不请求不经过服务器直接使用缓存。（强缓存和协商缓存的命中和管理）

http请求头有哪些字段  
数组去除一个函数。用arr.splice。又问splice返回了什么？应该返回的是去除的元素。  
js异步的方法（promise，generator，async）  
Cookie跨域请求能不能带上  
最近看什么开源项目。  
commonJS和AMD。  
平时是怎么学习的。  
为什么要用translate3d（我回答为了视觉需要，但是会影响css性能）  
对象中key-value的value怎么再放一个对象。（直接放也可以，转成json字符串存数，读取再解析）  
Get和post的区别  
Post一个file的时候file放在哪的？

你对组件的理解  
组件的html怎么进行管理  
less和sass用过么  
nodejs用过么  
js的异步加载，promise的三种状态，ES7中的async用过么  
js原型链的继承  
静态属性怎么继承  
jquery和zepto有什么区别  
angular的双向绑定原理  
angular和react的认识（挖财用这个两个框架，后来问了）

1.怎么得到一个页面的a标签（就说了getElementByTagName和选择器）  
2.怎么在页面里放置一个很简单的图标，不能用img和background-img  
（说了canvas，或者一些库有icon库，data-icon).  
3.正则表达式判断url（只写了判断是否是http或者https开头）  
4.怎么去除字符串前后的空格（正则匹配^\\s和\\s并且替代，Jquery的.trim，string.trim()）  
5.实现页面的局部刷新