面試常見問題2

React特點(diǎn)

? ? ? 1.聲明式設(shè)計(jì)?React采用聲明范式,可以輕松描述應(yīng)用桩撮。

? ? ? 2.高效?React通過對DOM的模擬愤惰,最大限度地減少與DOM的交互徽惋。

? ? ? 3.靈活?React可以與已知的庫或框架很好地配合。

? ? ? 4.JSX ? JSX是JavaScript語法的擴(kuò)展仓洼。React開發(fā)不一定使用JSX介陶,但我們建議使用它。

? ? ? ?5.組件?通過React構(gòu)建組件色建,使得代碼更加容易得到復(fù)用哺呜,能夠很好的應(yīng)用在大項(xiàng)目的開發(fā)中。

? ? ? ?6.單向響應(yīng)的數(shù)據(jù)流? React實(shí)現(xiàn)了單向響應(yīng)的數(shù)據(jù)流箕戳,從而減少了重復(fù)代碼某残,這也是它為什么比傳統(tǒng)數(shù)據(jù)綁定更簡單。

Node.js優(yōu)點(diǎn):

? ? ? ?1.它是一個(gè)Javascript運(yùn)行環(huán)境

? ? ? ? 2.依賴于Chrome V8引擎進(jìn)行代碼解釋

? ? ? ? 3.事件驅(qū)動

? ? ? ? 4.非阻塞I/O

? ? ? ? 5.輕量陵吸、可伸縮驾锰,適于實(shí)時(shí)數(shù)據(jù)交互應(yīng)用

? ? ? ? 6.單進(jìn)程,單線程

HTTP請求協(xié)議(三次握手)

? ? ? ?1走越、第一次握手:建立連接

? ? ? ? 2、第二次握手:服務(wù)器接受

? ? ? ? 3耻瑟、第三次握手:向服務(wù)器發(fā)送確認(rèn)

SVN與Git比較

? ?一. Subversion屬于集中式的版本控制系統(tǒng)

? ? 1旨指、集中式就是所有代碼庫都只保存在一個(gè)中心服務(wù)器并且為核心代碼庫,C端全部是其的離線拷貝喳整,所有提交最終都要匯總到 ? ? 中心服務(wù)器谆构,并且可以影響全部離線拷貝

? ? ?2、集中式版本控制系統(tǒng)最大的毛病就是必須聯(lián)網(wǎng)才能工作

二.Git分布式版本管理系統(tǒng)

? ? ?1框都、布式是所有代碼都可以隨意從一個(gè)P端分發(fā)到不同的P端上搬素,并且各自平行并互不干擾,本地提交只影響本地代碼庫

? ? ? AJAS數(shù)據(jù)請求

? ? ? GET:GET更簡單也更快魏保,并且在大部分情況下都能用熬尺。

? ? ? POST:無法使用緩存文件(更新服務(wù)器上的文件或數(shù)據(jù)庫)

? ? ?向服務(wù)器發(fā)送大量數(shù)據(jù)(POST沒有數(shù)據(jù)量限制)

? ? ?發(fā)送包含未知字符的用戶輸入時(shí),POST比GET更穩(wěn)定也更可靠

ECMAScript

5.1 (或僅ES5)

? ? 1谓罗、是ECMAScript(基于JavaScript的規(guī)范)標(biāo)準(zhǔn)最新修正粱哼。與HTML5規(guī)范進(jìn)程本質(zhì)類似,ES5通過對現(xiàn)有JavaScript方法添加語 ? ? ?句 ? 和原生ECMAScript對象做合并實(shí)現(xiàn)標(biāo)準(zhǔn)化檩咱。

優(yōu)化網(wǎng)頁

? ? ? 1優(yōu)化圖片資源的格式和大小

? ? ? 2使用瀏覽器緩存

? ? ? 3減少重定向請求

? ? ? 4圖片預(yù)加載

XMLHttpRequest對象提供了在網(wǎng)頁加載后與服務(wù)器進(jìn)行通信的方法揭措。

border-box

? ? 為元素設(shè)定的寬度和高度決定了元素的邊框盒。

? ? 就是說刻蚯,為元素指定的任何內(nèi)邊距和邊框都將在已設(shè)定的寬度和高度內(nèi)進(jìn)行繪制绊含。

? ? 通過從已設(shè)定的寬度和高度分別減去邊框和內(nèi)邊距才能得到內(nèi)容的寬度和高度。

? ? ?設(shè)置了box-sizing為border-box后炊汹,容器的高寬就是實(shí)際容器的高寬

? ? ?cookie是存儲在瀏覽器端躬充,并且隨瀏覽器的請求一起發(fā)送到服務(wù)器端的,它有一定的過期時(shí)間,到了過期時(shí)間自動會消失麻裳。

? ? ?essionStorage和localeStorage也是存儲在客戶端的口蝠,同屬于web

Storage,比cookie的存儲大小要大有8m津坑,cookie只有4kb妙蔗,localeStorage是持久化的存儲在客戶端,如果用戶不手動清除的話疆瑰,不會自動消失眉反,會一直存在,sessionStorage也是存儲在客戶端穆役,但是它的存活時(shí)間是在一個(gè)回話期間寸五,只要瀏覽器的回話關(guān)閉了就會自動消失。

JavaScript的數(shù)據(jù)類型

? ? ?基本數(shù)據(jù)類型:Number耿币,String梳杏,Boolean,Undefined淹接,Null

? ? ?復(fù)雜數(shù)據(jù)類型:Object十性,Array,F(xiàn)unction塑悼,RegExp劲适,Date,Error

? ? ? 全局?jǐn)?shù)據(jù)類型:Math

CDN的通俗理解就是網(wǎng)站加速

使用CSS預(yù)處理器嗎厢蒜?喜歡那個(gè)霞势?

? ? ? ? 有編程的變量、繼承斑鸦、運(yùn)算愕贡、函數(shù)的特性,它可以讓你的CSS更加簡潔巷屿、適應(yīng)性更強(qiáng)颂鸿、可讀性更佳,更易于代碼的維護(hù)等諸 ? ? ? ? ?多好處攒庵,常用的有l(wèi)ess嘴纺、sass

html5:

? ? ? 用于繪畫的canvas元素

? ? ? 用于媒介回放的video和audio元素

? ? ? 對本地離線存儲的更好的支持

? ? ? 新的特殊內(nèi)容元素,比如article浓冒、footer栽渴、header、nav稳懒、section

? ? ? 新的表單控件闲擦,比如calendar慢味、date、time墅冷、email纯路、url、search

css3:

? ? ? ?1.CSS3實(shí)現(xiàn)圓角(border-radius)寞忿,陰影(box-shadow)驰唬,

? ? ? ? 2.對文字加特效(text-shadow、)腔彰,線性漸變(gradient)叫编,旋轉(zhuǎn)(transform)

? ? ? ? 3.transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px)skew(-9deg,0deg);//旋轉(zhuǎn),縮放,定位,傾斜

? ? ? ? ?4.增加了更多的CSS選擇器多背景rgba

? ? ? ? ?5.在CSS3中唯一引入的偽元素是::selection.

? ? ? ? ?6.媒體查詢,多欄布局

? ? ? ? ? 7.border-image

MVC/MVVM模式

? ? ? ? ?M:Module模型V:View視圖C:Controller控制器

AJAX實(shí)現(xiàn)異步請求霹抛、接受響應(yīng)及執(zhí)行回調(diào)搓逾。

? ? ?$.get()和$.post()

? ? ?1. url:'',鏈接路徑

? ? ? type:'post/get'提交方式

? ? ? data:{鍵:值},傳入數(shù)據(jù)用鍵值對方式傳入

? ? ? callback函數(shù)

JavaScript的作用域和作用域鏈

JavaScript的繼承

JavaScript事件模型

? ? 原始事件模型,捕獲型事件模型杯拐,冒泡事件模型霞篡,

AngularJS路由

? ? ? AngularJS路由允許我們通過不同的URL訪問不同的內(nèi)容。

? ? ? 通過AngularJS可以實(shí)現(xiàn)多視圖的單頁Web應(yīng)用

? ? ? ?jquery.superslide

? ? ? ?SuperSlide2.1滑動門jQuery插件是一款包含網(wǎng)站上常用的“焦點(diǎn)圖幻燈片”“Tab標(biāo)簽切換”“圖片滾動”“無縫滾動”等效果端逼。

頁面導(dǎo)入樣式時(shí)寇损,使用link和@import有什么區(qū)別?

? ? ? ? link引用的CSS會同時(shí)被加載裳食,而@import引用的CSS會等到頁面全部被下載完再被加載。所以有時(shí)候?yàn)g覽@import加載CSS ? ? ? ? 的頁面時(shí)開始會沒有樣式

如何處理HTML5新標(biāo)簽的瀏覽器兼容問題芙沥?

? ? ? ? IE8/IE7/IE6支持通過document.createElement方法產(chǎn)生的標(biāo)簽诲祸,

? ? ? ? ?可以利用這一特性讓這些瀏覽器支持HTML5新標(biāo)簽,

盒子模型

? ? ? (1)有兩種而昨,IE盒子模型救氯、W3C盒子模型;

? ? ? ?(2)盒模型:內(nèi)容(content)歌憨、填充(padding)着憨、邊界(margin)、邊框(border)务嫡;

? ? ? ? (3)區(qū)別:IE的content部分把border和padding計(jì)算了進(jìn)去;

visibility屬性有個(gè)collapse屬性值

? ? ? ? ?超出表格部分隱藏類似display:none

? ? ? ? ::before和:after中雙冒號和單冒號有什么區(qū)別甲抖?

? ? ? ? ?單冒號(:)用于CSS3偽類,雙冒號(::)用于CSS3偽元素心铃。

JavaScript原型准谚,原型鏈?有什么特點(diǎn)?

? ? ? ? 每個(gè)對象都會在其內(nèi)部初始化一個(gè)屬性去扣,就是prototype(原型)

? ? ? ? ?這個(gè)prototype又會有自己的prototype柱衔,一直找下去,也就是原型鏈的概念。

JavaScript有幾種類型的值

? ? ? ? ? 棧:原始數(shù)據(jù)類型(Undefined唆铐,Null哲戚,Boolean,Number艾岂、String)

? ? ? ? ? 堆:引用數(shù)據(jù)類型(對象顺少、數(shù)組和函數(shù))

Javascript如何實(shí)現(xiàn)繼承?

? ? ? ? ?原型鏈構(gòu)造函數(shù)

Javascript創(chuàng)建對象的幾種方式澳盐?

? ? ? ? ?function Person(name, age) {

? ? ? ? ? ? ?this.name = name;

? ? ? ? ? ? ?this.age = age;

? ? ? ? ? ? ?this.sing = function() { alert(this.name) }

? ? ? ? ?}

Javascript作用鏈域?

談?wù)凾his對象的理解祈纯。

? ? ? this是js的一個(gè)關(guān)鍵字,隨著函數(shù)使用場合不同叼耙,this的值會發(fā)生變化腕窥。

? ? ? 但是有一個(gè)總原則,那就是this指的是調(diào)用函數(shù)的那個(gè)對象筛婉。

什么是window對象?什么是document對象?

new操作符具體干了什么呢?

1簇爆、創(chuàng)建一個(gè)空對象,并且this變量引用該對象爽撒,同時(shí)還繼承了該函數(shù)的原型入蛆。

2、屬性和方法被加入到this引用的對象中硕勿。

3哨毁、新創(chuàng)建的對象由this所引用,并且最后隱式的返回this源武。

JSON的了解扼褪?

是一種輕量級的數(shù)據(jù)交換格式。

它是基于JavaScript的一個(gè)子集粱栖。數(shù)據(jù)格式簡單,易于讀寫,占用帶寬小

AJAX是什么话浇?創(chuàng)建一個(gè)ajax

AJAX是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術(shù)。

1闹究、創(chuàng)建Ajax核心對象XMLHttpRequest

1.varxmlhttp;

2.if(window.XMLHttpRequest)

3.{//兼容IE7+,?Firefox,?Chrome,?Opera,?Safari

4.xmlhttp=newXMLHttpRequest();

5.}

6.else

7.{//兼容IE6,?IE5

8.xmlhttp=newActiveXObject("Microsoft.XMLHTTP");

9.}

默認(rèn)的內(nèi)外邊距不同

*{margin:0;padding:0;}

水平居中的問題

置text-align: center

1幔崖、margin-left:auto;margin-right:auto

2、margin:0 auto;

IE6-7圖片下面有空隙的問題

1渣淤、將圖片轉(zhuǎn)換為塊級對象display:block;

2赏寇、對父元素設(shè)置:overflow:hidden;

3、設(shè)置圖片的浮動屬性float:left;

IE6雙倍邊距的問題

設(shè)置display:inline;

IE6兩個(gè)層之間3px的問題

1价认、右邊層也采用浮動float

2蹋订、左邊層添加屬性margin-right:-3px

IE6背景閃爍的問題

cument.execCommand("BackgroundImageCache",false,true);

zoom的作用

檢查有沒有閉合標(biāo)簽

檢查是否清除浮動

樣式

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市刻伊,隨后出現(xiàn)的幾起案子露戒,更是在濱河造成了極大的恐慌椒功,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,525評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件智什,死亡現(xiàn)場離奇詭異动漾,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)荠锭,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,203評論 3 395
  • 文/潘曉璐 我一進(jìn)店門旱眯,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人证九,你說我怎么就攤上這事删豺。” “怎么了愧怜?”我有些...
    開封第一講書人閱讀 164,862評論 0 354
  • 文/不壞的土叔 我叫張陵呀页,是天一觀的道長。 經(jīng)常有香客問我拥坛,道長蓬蝶,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,728評論 1 294
  • 正文 為了忘掉前任猜惋,我火速辦了婚禮丸氛,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘著摔。我一直安慰自己缓窜,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,743評論 6 392
  • 文/花漫 我一把揭開白布谍咆。 她就那樣靜靜地躺著禾锤,像睡著了一般。 火紅的嫁衣襯著肌膚如雪卧波。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,590評論 1 305
  • 那天庇茫,我揣著相機(jī)與錄音港粱,去河邊找鬼。 笑死旦签,一個(gè)胖子當(dāng)著我的面吹牛查坪,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播宁炫,決...
    沈念sama閱讀 40,330評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼偿曙,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了羔巢?” 一聲冷哼從身側(cè)響起望忆,我...
    開封第一講書人閱讀 39,244評論 0 276
  • 序言:老撾萬榮一對情侶失蹤罩阵,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后启摄,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體稿壁,經(jīng)...
    沈念sama閱讀 45,693評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,885評論 3 336
  • 正文 我和宋清朗相戀三年歉备,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了傅是。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,001評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡蕾羊,死狀恐怖喧笔,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情龟再,我是刑警寧澤书闸,帶...
    沈念sama閱讀 35,723評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站吸申,受9級特大地震影響梗劫,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜截碴,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,343評論 3 330
  • 文/蒙蒙 一梳侨、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧日丹,春花似錦走哺、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,919評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至束凑,卻和暖如春晒旅,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背汪诉。 一陣腳步聲響...
    開封第一講書人閱讀 33,042評論 1 270
  • 我被黑心中介騙來泰國打工废恋, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人扒寄。 一個(gè)月前我還...
    沈念sama閱讀 48,191評論 3 370
  • 正文 我出身青樓鱼鼓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親该编。 傳聞我的和親對象是個(gè)殘疾皇子迄本,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,955評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,754評論 1 92
  • <a name='html'>HTML</a> Doctype作用课竣?標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別? (1)嘉赎、<...
    clark124閱讀 3,481評論 1 19
  • 前端開發(fā)面試知識點(diǎn)大綱: HTML&CSS: 對Web標(biāo)準(zhǔn)的理解置媳、瀏覽器內(nèi)核差異、兼容性曹阔、hack半开、CSS基本功:...
    秀才JaneBook閱讀 2,366評論 0 25
  • 請參看我github中的wiki,不定期更新赃份。https://github.com/ivonzhang/Front...
    zhangivon閱讀 7,127評論 2 19
  • 周末和大家說的行情的高潮就在一步之遙抓韩,而且說了很多資金會被動加入主流戰(zhàn)團(tuán)纠永,因?yàn)榻衲甑闹髁骶褪菢I(yè)績?yōu)橥酰砷L為王谒拴!所...
    宣繼游閱讀 297評論 0 0