- Javascript數(shù)據(jù)類型
答:null,number,boolean,string,undefined
JavaScript 數(shù)據(jù)類型 - ECMAscript和Javascript的關(guān)系
答:ECMAscript是Javascript的規(guī)格,Javascript是ECMAscript的一種實(shí)現(xiàn)(另外的ECMAScript方言還有Jscript和ActionScript)。在日常場(chǎng)合,這兩個(gè)詞是可以互換的。es是js的各個(gè)版本。
javascript與ECMAScript、DOM、BOM的關(guān)系 - 閉包主要解決什么問(wèn)題?
答:凡是在閉包域內(nèi)聲明的變量或方法,外部無(wú)法直接訪問(wèn),閉包域可以訪問(wèn)外部的變量或方法.隔離了作用域。
用9種辦法解決 JS 閉包經(jīng)典面試題之 for 循環(huán)取 i - 匹配一段由數(shù)字和大寫(xiě)字母組成的字符串的正則表達(dá)式
答:/[A-Z0-9]/
參考學(xué)習(xí):
系統(tǒng)地學(xué)習(xí)正則表達(dá)式(一):基礎(chǔ)篇 - web storage 和cookie的區(qū)別
答:① cookie是客戶端用來(lái)存儲(chǔ)數(shù)據(jù)的,它既可以在客戶端設(shè)置也可以在服務(wù)器端設(shè)置。cookie會(huì)跟隨任意HTTP請(qǐng)求一起發(fā)送.
② html5標(biāo)準(zhǔn)中的Web Storage包括了兩種存儲(chǔ)方式:sessionStorage和localStorage。
???????sessionStorage用于本地存儲(chǔ)一個(gè)會(huì)話中的數(shù)據(jù),這些數(shù)據(jù)只有在同一個(gè)會(huì)話中的頁(yè)面才能訪問(wèn)并且當(dāng)會(huì)話結(jié)束后數(shù)據(jù)也隨之銷毀。因此sessionStorage僅僅是會(huì)話級(jí)別的存儲(chǔ)。
???????而localStorage用于持久化的本地存儲(chǔ),除非主動(dòng)刪除數(shù)據(jù),否則數(shù)據(jù)是永遠(yuǎn)不會(huì)過(guò)期的。
WebStorage 和 Cookie的區(qū)別 - JavaScript AMD規(guī)范主要解決什么問(wèn)題?
答:主要解決web端模塊問(wèn)題。
JavaScript的AMD規(guī)范 - 樣式自動(dòng)居中有哪幾種?
答:
{display:block,margin:0 auto}
{display:block,position,absolute,left:50%,right:50%,transform:translate(-50%,-50%)}
- 對(duì)數(shù)組[1,2,1,6,7,-2,4,0,6]按從大到小排序。
答: 冒泡排序-----從小到大排序,存在10個(gè)不同大小的氣泡,由底至上地把較少的氣泡逐步地向上升,這樣經(jīng)過(guò)遍歷一次后,最小的氣泡就會(huì)被上升到頂(下標(biāo)為0),然后再?gòu)牡字辽系剡@樣升,循環(huán)直至十個(gè)氣泡大小有序。在冒泡排序中,最重要的思想是兩兩比較,將兩者較少的升上去.冒泡排序最壞情況的時(shí)間復(fù)雜度是O(n2)
經(jīng)典排序算法 - 冒泡排序Bubble sort - 使用Jquery遍歷class等于lock的標(biāo)簽,并將標(biāo)簽內(nèi)容收集到一個(gè)數(shù)組中。
答:
var a=[]
$('.lock').each(function(){
var h=$(this).html();
a.push(h);
})
- 用SQL語(yǔ)句創(chuàng)建一張USER表
答:create table "tablename" (username string,password int) - Nodejs操作文件需要加載哪個(gè)模塊
答:fs - h5的桌面應(yīng)用開(kāi)發(fā),以及相應(yīng)的解決方案
答:nw.js
輕量級(jí)桌面應(yīng)用開(kāi)發(fā)的捷徑——nw.js - 對(duì)于web前端適配多端的模式有什么解決方案
答:@meida多屏適配
移動(dòng)端Web頁(yè)面適配方案 - 行內(nèi)元素,塊級(jí)元素,盒模型
答:
說(shuō)說(shuō)行內(nèi)元素與塊級(jí)元素以及之間的轉(zhuǎn)換?
html塊級(jí)元素與行內(nèi)元素
前端面試之CSS總結(jié)(上)
你真的了解盒模型嗎?
CSS 布局經(jīng)典問(wèn)題初步整理 - 怎樣對(duì)網(wǎng)站文件和資源進(jìn)行優(yōu)化
答:
1.盡可能減少http請(qǐng)求次數(shù),將css, js, 圖片各自合并
2.使用CDN,降低通信距離
3.添加Expire/Cache-Control頭
4.啟用Gzip壓縮文件
5.將css放在頁(yè)面最上面
6.將script放在頁(yè)面最下面
7.避免在css中使用表達(dá)式
8.將css, js都放在外部文件中
9.減少DNS查詢
10.最小化css, js,減小文件體積
11.避免重定向
12.移除重復(fù)腳本
13.配置實(shí)體標(biāo)簽ETag
14.使用AJAX緩存,讓網(wǎng)站內(nèi)容分批加載,局部更新
如何對(duì)網(wǎng)站進(jìn)行優(yōu)化提速? - 兩欄布局
答:使用負(fù)邊距 - 元素content添加父元素,設(shè)置左浮動(dòng),寬度為100%;
- content 設(shè)置右邊距,寬度為aside的寬度(留出aside浮上來(lái)的空間);
- aside左浮動(dòng),并設(shè)置負(fù)邊距,等于自身寬度。
<style type="text/css">
html,body{
padding: 0;
margin: 0;
}
#header, #footer{
height: 100px;
background: red;
overflow: hidden;
}
#main{
overflow: auto;
}
#main .center{
height: 200px;
width: 100%;
float: left;
}
.center .content{
height: 200px;
background: green;
margin-right: 100px;
}
#main .aside{
height: 200px;
width: 100px;
background: blue;
float: left;
margin-left: -100px;
}
</style>
</head>
<body>
<div id="header">header</div>
<div id="main">
<div class="center">
<div class="content">
我是主區(qū)塊 我是主區(qū)塊 main main main
</div>
</div>
<div class="aside"></div>
</div>
<div id="footer">footer</div>
兩欄布局是主內(nèi)容區(qū)為主,左(右)側(cè)有一欄,(將側(cè)邊區(qū)塊<aside>域浮動(dòng),<aside>浮動(dòng)后覆蓋綠色<main>, 再將<main> overflow:auto,形成BFC,形成獨(dú)立區(qū)域,達(dá)到效果。)代碼如下:
<style>
#header, #footer{
height: 100px;
background: red;
}
#content .main{
height: 200px;
background: green;
overflow: auto;
}
#content .aside{
height: 200px;
width: 100px;
background: blue;
float: left;
}
</style>
<body>
<div id="header"></div>
<div id="content">
<div class="aside"></div>
<div class="main">
main main main main main main
</div>
</div>
<div id="footer"></div>
</body>
- 寫(xiě)一段sass的@include的@extend的mixin
答:Sass:@mixin和@extend該如何選擇 - 如何實(shí)現(xiàn)0.5px
答:webapp中的CSS3實(shí)現(xiàn) 0.5px的細(xì)線
純CSS實(shí)現(xiàn)border的0.5px設(shè)置 - 箭頭函數(shù)
答:箭頭函數(shù) - 數(shù)組去重
答:js數(shù)組去重的三種常用方法總結(jié) - vue相關(guān)
- v-model的內(nèi)容改變是在生命周期的哪個(gè)階段?
答:vue生命周期