前端常見(jiàn)面試題(二十)@郝晨光


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

A、面向?qū)ο???????B灸异、基于對(duì)象
C府适、用于客戶端???D、解釋性



在javascript中肺樟,以下變量命名非法的是:(B)

A檐春、numb_1????B、2numb
C么伯、sum??????????D喇聊、de2$f



下列正則表達(dá)式中,匹配首位是小寫(xiě)字母蹦狂,其他位數(shù)是小寫(xiě)字母或者數(shù)字的最少兩位字符串的是:(C);

A誓篱、/^\w{2,}/????????????????B、/^[a-z][a-z0-9]*$/
C凯楔、/^[a-z][a-z0-9]+$/??D窜骄、/^[a-z]\d+$/



以下代碼輸出結(jié)果為:(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中虐骑,以下代碼的運(yùn)行結(jié)果是:(D);

Math.ceil(27.5)

A准验、26?????B、27.5?????C廷没、27?????D糊饱、28



關(guān)于git和svn的說(shuō)法正確的是?(B)

A颠黎、在很多情況下另锋,git的速率往往比svn小狭归;
B夭坪、git是分布式管理,svn是集中式管理过椎;
C室梅、git用分支比較麻煩;
D、git必須用網(wǎng)絡(luò)并且服務(wù)器開(kāi)啟的情況下才可以使用



在JQuery中亡鼠,對(duì)于以下代碼:

<div class="c">
    <div style="display: none;">a</div>
    <div style="display: none;">b</div>
    <div style="display: none;">c</div>
    <div class="c" style="display: none;">d</div>
</div>
<div class="c" style="display: none;">e</div>
<div class="c" style="display: none;">f</div>

使用如下JQuery的選擇器:

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

執(zhí)行以上代碼后赏殃,x_len和y_len的值分別是什么?(D)
A拆宛、3, 7;
B嗓奢、3, 4;
C讼撒、7, 3;
D浑厚、4, 3;



在javascript中,執(zhí)行下面的代碼后根盒,結(jié)果是:(C)

var str = 'ming.li@smail.com';
var num = str.indexOf('.');
console.log(num); 

A钳幅、-1?????B、0?????C炎滞、4?????D敢艰、13



axios指的是什么?如何使用册赛?描述其實(shí)現(xiàn)注冊(cè)功能流程钠导。

axios是一個(gè)基于Promise封裝的ajax類(lèi)庫(kù),它可以在任何支持ajax和Promise的環(huán)境下使用森瘪。
使用方法:

axios({
    url: '', // 請(qǐng)求路徑
    method: 'GET', // 請(qǐng)求方法
    params: {
        // get請(qǐng)求提交數(shù)據(jù)
        name: '張三'
    },
    data: {
        // post請(qǐng)求提交數(shù)據(jù)
    },
    headers: {
        // 設(shè)置請(qǐng)求頭
        'Content-Type': 'application/json'
    }
})

用axios實(shí)現(xiàn)注冊(cè)流程
首先獲取input的值牡属,用戶名、密碼等用戶填寫(xiě)的信息
接著將用戶的信息按照后臺(tái)的要求組合成一個(gè)對(duì)象或者FormData的形式
如果是對(duì)象的話扼睬,直接在data中發(fā)送就可以
如果是FormData的話逮栅,需要先修改請(qǐng)求頭,將請(qǐng)求頭修改為form(application/x-www-form-urlencoded)的請(qǐng)求頭
然后在data中發(fā)送
接著.then接收后端返回的數(shù)據(jù)窗宇,判斷成功與否



通過(guò)npm run build打包部署到服務(wù)器上有時(shí)會(huì)出現(xiàn)頁(yè)面空白的問(wèn)題措伐,一般是什么原因?請(qǐng)具體描述军俊;如果打包后沒(méi)有部署在服務(wù)器根目錄侥加,而是在H5-page中進(jìn)行部署,需要做哪些操作粪躬。

  1. 通過(guò)npm run build打包部署到服務(wù)器上有時(shí)會(huì)出現(xiàn)頁(yè)面空白的問(wèn)題官硝,一般是什么原因?請(qǐng)具體描述短蜕;
    一般情況下是因?yàn)樵趎pm run build之后氢架,靜態(tài)資源路徑出現(xiàn)問(wèn)題,找不到靜態(tài)資源了朋魔,所以會(huì)出現(xiàn)頁(yè)面空白問(wèn)題岖研,只需要給build指定生成的目錄配置。vue.config.js中指定publicPath: './'即可。
  2. 如果打包后沒(méi)有部署在服務(wù)器根目錄孙援,而是在H5-page中進(jìn)行部署害淤,需要做哪些操作。
    解決方式是在router.js中指定base為'H5-page'拓售;



實(shí)現(xiàn)下圖的效果窥摄,獲取今天的日期,以及隨后六天的日期础淤,并對(duì)應(yīng)是周幾崭放。

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 的方式輸出當(dāng)前的時(shí)間,比如當(dāng)前時(shí)間是 2018年4月18日17時(shí)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());



定義一個(gè)字符串币砂,并輸出這個(gè)字符串中的逗號(hào)和數(shù)字的個(gè)數(shù)

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



如果本文對(duì)您有幫助,可以看看本人的其他文章:
前端常見(jiàn)面試題(十九)@郝晨光
前端常見(jiàn)面試題(十八)@郝晨光
前端常見(jiàn)面試題(十七)@郝晨光

結(jié)言
感謝您的查閱玻侥,本文由郝晨光整理并總結(jié)决摧,代碼冗余或者有錯(cuò)誤的地方望不吝賜教;菜鳥(niǎo)一枚凑兰,請(qǐng)多關(guān)照
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末掌桩,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子姑食,更是在濱河造成了極大的恐慌波岛,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,348評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件矢门,死亡現(xiàn)場(chǎng)離奇詭異盆色,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)祟剔,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,122評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門(mén)隔躲,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人物延,你說(shuō)我怎么就攤上這事宣旱。” “怎么了叛薯?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,936評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵浑吟,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我耗溜,道長(zhǎng)组力,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,427評(píng)論 1 283
  • 正文 為了忘掉前任抖拴,我火速辦了婚禮燎字,結(jié)果婚禮上腥椒,老公的妹妹穿的比我還像新娘。我一直安慰自己候衍,他們只是感情好笼蛛,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,467評(píng)論 6 385
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著蛉鹿,像睡著了一般滨砍。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上妖异,一...
    開(kāi)封第一講書(shū)人閱讀 49,785評(píng)論 1 290
  • 那天惋戏,我揣著相機(jī)與錄音,去河邊找鬼随闺。 笑死日川,一個(gè)胖子當(dāng)著我的面吹牛蔓腐,可吹牛的內(nèi)容都是我干的矩乐。 我是一名探鬼主播,決...
    沈念sama閱讀 38,931評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼回论,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼散罕!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起傀蓉,我...
    開(kāi)封第一講書(shū)人閱讀 37,696評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤欧漱,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后葬燎,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體误甚,經(jīng)...
    沈念sama閱讀 44,141評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,483評(píng)論 2 327
  • 正文 我和宋清朗相戀三年谱净,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了窑邦。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,625評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡壕探,死狀恐怖冈钦,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情李请,我是刑警寧澤瞧筛,帶...
    沈念sama閱讀 34,291評(píng)論 4 329
  • 正文 年R本政府宣布,位于F島的核電站导盅,受9級(jí)特大地震影響较幌,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜白翻,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,892評(píng)論 3 312
  • 文/蒙蒙 一乍炉、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦恩急、人聲如沸杉畜。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,741評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)此叠。三九已至,卻和暖如春随珠,著一層夾襖步出監(jiān)牢的瞬間灭袁,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,977評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工窗看, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留茸歧,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,324評(píng)論 2 360
  • 正文 我出身青樓显沈,卻偏偏與公主長(zhǎng)得像软瞎,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子拉讯,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,492評(píng)論 2 348