前端常见面试题（二十）@郝晨光

js的特性不包括：(C);

A、面向对象 B、基于对象
C、用于客户端 D、解释性

在javascript中，以下变量命名非法的是：(B)

A、numb_1 B、2numb
C、sum D、de2$f

下列正则表达式中，匹配首位是小写字母，其他位数是小写字母或者数字的最少两位字符串的是：(C);

A、/^\w{2,}/ B、/^[a-z][a-z0-9]*$/
C、/^[a-z][a-z0-9]+$/ D、/^[a-z]\d+$/

以下代码输出结果为：(C);

for (var i = 0; i < 5; i++) {
    setTimeout(function() {
        console.log(new Date, i);
    }, 1000)
}

A、0,1,2,3,4,5 B、5,0,1,2,3,4
C、5,5,5,5,5,5 D、1,2,3,4,5,0

在javascript中，以下代码的运行结果是：(D);

Math.ceil(27.5)

A、26 B、27.5 C、27 D、28

关于git和svn的说法正确的是？(B)

A、在很多情况下，git的速率往往比svn小；
B、git是分布式管理，svn是集中式管理；
C、git用分支比较麻烦；
D、git必须用网络并且服务器开启的情况下才可以使用

在JQuery中，对于以下代码：


    a
    b
    c
    d

e
f

使用如下JQuery的选择器：

var $x = $('.c :hidden');
var $y = $('.c:hidden');
var x_len = $x.length;
var y_len = $y.length;

执行以上代码后，x_len和y_len的值分别是什么？(D)
A、3, 7;
B、3, 4;
C、7, 3;
D、4, 3;

在javascript中，执行下面的代码后，结果是：(C)

var str = '[email protected]';
var num = str.indexOf('.');
console.log(num);

A、-1 B、0 C、4 D、13

axios指的是什么？如何使用？描述其实现注册功能流程。

axios是一个基于Promise封装的ajax类库，它可以在任何支持ajax和Promise的环境下使用。
使用方法：

axios({
    url: '', // 请求路径
    method: 'GET', // 请求方法
    params: {
        // get请求提交数据
        name: '张三'
    },
    data: {
        // post请求提交数据
    },
    headers: {
        // 设置请求头
        'Content-Type': 'application/json'
    }
})

用axios实现注册流程
首先获取input的值，用户名、密码等用户填写的信息
接着将用户的信息按照后台的要求组合成一个对象或者FormData的形式
如果是对象的话，直接在data中发送就可以
如果是FormData的话，需要先修改请求头，将请求头修改为form(application/x-www-form-urlencoded)的请求头
然后在data中发送
接着.then接收后端返回的数据，判断成功与否

通过npm run build打包部署到服务器上有时会出现页面空白的问题，一般是什么原因？请具体描述；如果打包后没有部署在服务器根目录，而是在H5-page中进行部署，需要做哪些操作。

通过npm run build打包部署到服务器上有时会出现页面空白的问题，一般是什么原因？请具体描述；
一般情况下是因为在npm run build之后，静态资源路径出现问题，找不到静态资源了，所以会出现页面空白问题，只需要给build指定生成的目录配置。vue.config.js中指定publicPath: './'即可。
如果打包后没有部署在服务器根目录，而是在H5-page中进行部署，需要做哪些操作。
解决方式是在router.js中指定base为'H5-page'；

实现下图的效果，获取今天的日期，以及随后六天的日期，并对应是周几。

Image 1.png

let weeks = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
let date = new Date();
let year = date.getFullYear();
let month = date.getMonth();
let day = date.getDate();
let week = date.getDay();
let daysArr = [];
for (let i = 0; i < 7; i++) {
    if(day + i > 30) {
        day = 0;
    }else if(week + i > 6) {
        week = -5;
    }
    let date = {
        day: day + i,
        week: weeks[week + i]
    };
    if(i === 0) {
        date.week = '今天';
    }else if(i === 1) {
        date.week = '明天';
    }else if(i === 2) {
        date.week = '后天';
    }
    daysArr.push(date)
}
let fragment = document.createDocumentFragment();
for(let i = 0; i < daysArr.length; i++) {
    let p1 = document.createElement('p');
    let p2 = document.createElement('p');
    let div = document.createElement('div');
    p1.innerHTML = daysArr[i].week;
    p2.innerHTML = daysArr[i].day;
    div.style   .margin = '0 20px';
    div.style.textAlign = 'center';
    if(i === 0) {
        p2.style.background = 'orange';
    }
    div.appendChild(p1);
    div.appendChild(p2);
    fragment.appendChild(div);
}
p.innerHTML = year + '年' + month + '月';
app.appendChild(fragment);

用YYYY-MM-DD hh:mm:ss 的方式输出当前的时间，比如当前时间是 2018年4月18日17时42分23秒，则输出2018-04-18 17:42:23

function getDate() {
    let nowDate = new Date();
    let year = nowDate.getFullYear();
    let month = String(nowDate.getMonth()).padStart(2, '0');
    let day = String(nowDate.getDate()).padStart(2, '0');
    let hours = String(nowDate.getHours()).padStart(2, '0');
    let minutes = String(nowDate.getMinutes()).padStart(2, '0');
    let seconds = String(nowDate.getSeconds()).padStart(2, '0');
    return year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds;
}
console.log(getDate());

定义一个字符串，并输出这个字符串中的逗号和数字的个数

let str = 'sad45s4d6qwed1x2z31czc,dm,wqe456xc,';
function getLength(str) {
    let newStr = str.replace(/(\,|\d)/g, '');
    return str.length - newStr.length;
}
console.log(getLength(str));

如果本文对您有帮助，可以看看本人的其他文章:
前端常见面试题（十九）@郝晨光
前端常见面试题（十八）@郝晨光
前端常见面试题（十七）@郝晨光