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)簽
檢查是否清除浮動
樣式