- 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)椎组。在日常場合灵份,這兩個詞是可以互換的氛什。es是js的各個版本堡纬。
javascript與ECMAScript炮叶、DOM、BOM的關(guān)系 - 閉包主要解決什么問題叮喳?
答:凡是在閉包域內(nèi)聲明的變量或方法,外部無法直接訪問,閉包域可以訪問外部的變量或方法.隔離了作用域。
用9種辦法解決 JS 閉包經(jīng)典面試題之 for 循環(huán)取 i - 匹配一段由數(shù)字和大寫字母組成的字符串的正則表達(dá)式
答:/[A-Z0-9]/
參考學(xué)習(xí):
系統(tǒng)地學(xué)習(xí)正則表達(dá)式(一):基礎(chǔ)篇 - web storage 和cookie的區(qū)別
答:① cookie是客戶端用來存儲數(shù)據(jù)的,它既可以在客戶端設(shè)置也可以在服務(wù)器端設(shè)置绽左。cookie會跟隨任意HTTP請求一起發(fā)送.
② html5標(biāo)準(zhǔn)中的Web Storage包括了兩種存儲方式:sessionStorage和localStorage总棵。
???????sessionStorage用于本地存儲一個會話中的數(shù)據(jù),這些數(shù)據(jù)只有在同一個會話中的頁面才能訪問并且當(dāng)會話結(jié)束后數(shù)據(jù)也隨之銷毀帜慢。因此sessionStorage僅僅是會話級別的存儲抽减。
???????而localStorage用于持久化的本地存儲琼掠,除非主動刪除數(shù)據(jù),否則數(shù)據(jù)是永遠(yuǎn)不會過期的。
WebStorage 和 Cookie的區(qū)別 - JavaScript AMD規(guī)范主要解決什么問題培己?
答:主要解決web端模塊問題笤受。
JavaScript的AMD規(guī)范 - 樣式自動居中有哪幾種?
答:
{display:block,margin:0 auto}
{display:block,position,absolute,left:50%,right:50%,transform:translate(-50%,-50%)}
- 對數(shù)組[1咐蝇,2笔呀,1搭幻,6,7,-2旗笔,4的猛,0裙椭,6]按從大到小排序正驻。
答: 冒泡排序-----從小到大排序,存在10個不同大小的氣泡,由底至上地把較少的氣泡逐步地向上升卦洽,這樣經(jīng)過遍歷一次后,最小的氣泡就會被上升到頂(下標(biāo)為0)断医,然后再從底至上地這樣升,循環(huán)直至十個氣泡大小有序。在冒泡排序中氓涣,最重要的思想是兩兩比較晶渠,將兩者較少的升上去.冒泡排序最壞情況的時(shí)間復(fù)雜度是O(n2)
經(jīng)典排序算法 - 冒泡排序Bubble sort - 使用Jquery遍歷class等于lock的標(biāo)簽,并將標(biāo)簽內(nèi)容收集到一個數(shù)組中屿讽。
答:
var a=[]
$('.lock').each(function(){
var h=$(this).html();
a.push(h);
})
- 用SQL語句創(chuàng)建一張USER表
答:create table "tablename" (username string,password int)
- Nodejs操作文件需要加載哪個模塊
答:fs - h5的桌面應(yīng)用開發(fā),以及相應(yīng)的解決方案
答:nw.js
輕量級桌面應(yīng)用開發(fā)的捷徑——nw.js - 對于web前端適配多端的模式有什么解決方案
答:@meida多屏適配
移動端Web頁面適配方案 - 行內(nèi)元素奇昙,塊級元素晦攒,盒模型
答:
說說行內(nèi)元素與塊級元素以及之間的轉(zhuǎn)換栋操?
html塊級元素與行內(nèi)元素
前端面試之CSS總結(jié)(上)
你真的了解盒模型嗎矾芙?
CSS 布局經(jīng)典問題初步整理 - 怎樣對網(wǎng)站文件和資源進(jìn)行優(yōu)化
答:
1.盡可能減少http請求次數(shù)剔宪,將css, js, 圖片各自合并
2.使用CDN留瞳,降低通信距離
3.添加Expire/Cache-Control頭
4.啟用Gzip壓縮文件
5.將css放在頁面最上面
6.將script放在頁面最下面
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)容分批加載亥曹,局部更新
如何對網(wǎng)站進(jìn)行優(yōu)化提速? - 兩欄布局
答:使用負(fù)邊距 - 元素content添加父元素盏檐,設(shè)置左浮動歇式,寬度為100%;
- content 設(shè)置右邊距胡野,寬度為aside的寬度(留出aside浮上來的空間)材失;
- aside左浮動,并設(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>域浮動旨别,<aside>浮動后覆蓋綠色<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>
- 寫一段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)容改變是在生命周期的哪個階段洪碳?
答:vue生命周期