前端面试题汇总

[yangsirgo]

vue 相关：

1.v-if 与v-show的区别 答案： v-show 给Dom元素增加display:none; v-if 是动态删除添加Dom元素。

2.$nextTick的作用 答案: DOM 更新之后执行延迟回调。

ES6相关：

3.let 与var，const的区别 答案： var允许在同一作用域中声明同名的变量，而let不可以 const 声明常量，不可更改。

4. flex布局 上机题 flex 如何实现垂直居中： 代码：

   flexflexflexflexflexflexflexflexflexflexflexflexflex

flex --- 左右布局，一侧定宽，一侧自适应撑满 代码： html, body { height: 100%; margin: 0 }

    .main {
        display: flex;
        height: 100%;
    }

    .left,
    .right {
        height: 100%;
        border: 1px solid red;
        box-sizing: border-box;
    }

    .left {
        width: 300px;
    }

.right { flex:1 }

固定宽度300px

自适应宽度

flex 实现内容等分:

1

2

3

     .box {
        display: flex;
    }

    .box div {
        flex: 1;
        border: 1px solid red;
    }

计算机基础： http 状态码 401，404， 302， 200， 500 什么意思？ 401 需要认证 404 找不到资源 500 服务端错误 302 重定向

HTTP 默认端口号是 80 HTTPS 默认端口号是 443

C/S架构与B/S架构 答案： B/S架构，中文名：浏览器/服务器 C/S架构，中文名：客户端/服务器

聊天题： 有遇到过解决不了的问题吗？ 讲下如何解决的。

如何做到代码好维护，如何处理的？ 答案： 1. 使用设计模型： 面向对象程序设计。

2. 做好前后端的接口格式管理设计。
3. 组件化，模块化开发。

拔高题：

1、1、2、3、5、8、13、21、……

斐波那契数列,使用程序表现出来： function fibonacci(n){

    if(n < 0) throw new Error('输入的数字不能小于0');

    if(n==1 || n==2){

        return 1;

    }else{

        return fibonacci1(n-1) + fibonacci1(n-2);

    }

}