web前端笔试面试题整理

最新推荐文章于 2019-02-13 15:41:35 发布

原创最新推荐文章于 2019-02-13 15:41:35 发布 · 2.4k 阅读

10 ·

CC 4.0 BY-SA版权

1.position的属性值： relative absolut fixed static (sticky page center浏览器暂时不支持)

3.常见的设计模式：单利模式，简单的工厂模式，观察者模式适配器模式代理模式桥接模式外观模式访问者模式中介者模式

4.nodejs 的核心模块：http url queryString file system path global

5.react组件的主要方法（react 的生命周期）

组件的生命周期可分为三个状态：

Mounting：已插入真实 DOM

Updating：正在被重新渲染

Unmounting：已移出真实 DOM

生命周期的方法有：

componentWillMount 在渲染前调用,在客户端也在服务端。

componentDidMount : 在第一次渲染后调用，只在客户端。

componentWillReceiveProps 在组件接收到一个新的prop时被调用。

shouldComponentUpdate 返回一个布尔值。在组件接收到新的props或者state时被调用。

componentWillUpdate在组件接收到新的props或者state但还没有render时被调用。

componentDidUpdate 在组件完成更新后立即调用。

componentWillUnmount在组件从 DOM 中移除的时候立刻被调用。

var App = React.createClass({
  displayName: 'App',
  componentWillMount: function(){
    // 初始化期，组件加载前调用
  },
  componentWillUpdate: function(){
    // 存在期，组件状态改变后重新渲染前调用
  },
  render: function () {
    // 初始化期或存在期调用
    return (
      <h1>itbilu.com</h1>
    )
  },
  componentWillUnmount: function (){
    // 销毁&清理期调用
  }
});

6.http协议中设置前端缓存的属性列举3个

Cache-Control、Expires、Last-Modified、If-Modified-Since

7.简叙事件委托：事件委托是不需要给每个子元素都绑定监听器只需要给父元素绑定一个监听器，当触发子元素时事件会冒泡到父元素上，监听器就会被激发。事件委托的好处是：减少内存的占用，只需要一个父元素的处理程序即可。无需从删除的元素中解绑处理程序。

8.简述javaScript中的this;

this的指向受其所在函数被调用的方式所决定。

1).当函数是使用new关键字被创建是，this 指向的是这个全新对象；

2).当函数作为一个对象方法被调用时，这时this指向的是这个对象例如 obj.method();this 指向 obj;

3).当使用 apply,call,bind 时 this 指向的是所传递进来的参数；

4).在箭头函数中this 指向的是函数被创建时的上下文。

5).不符合以上情况的 this 指向的是全局对象 window。

eg:

 var name="perter";
 var persion={
  name:"jack",
  getName:function(){
      return this.name();
 }
};
var name1=persion.getName; name1();//'perter'
var name2=persion.getName();//'jack'