亚洲欧美日韩综合系列在线_91精品人妻一区二区_欧美大肥婆一级特大AA片_九色91视频免费观看_亚洲综合国产精品_av中文字幕在线不卡_久久精品色综合网_看黄色视频的软件_无卡无码高清中文字幕码2024_亚洲欧美日韩天堂网

前端學(xué)習(xí)路線

來(lái)源:fate_xuhaidong 發(fā)布時(shí)間:2018-08-13 13:58:29 閱讀量:1284

第一步


安裝開發(fā)工具:sublime(文本編輯器)、webstorm(JS IDE)、Visual Studio Code(web代碼編輯器),Hbuilder(我比較喜歡用的國(guó)產(chǎn)IDE)。


HTML:理解如何瀏覽和創(chuàng)建網(wǎng)頁(yè)、基本的語(yǔ)法規(guī)范、常用的標(biāo)簽及屬性(包括HTML5新增的標(biāo)簽及屬性,如塊級(jí)標(biāo)簽等)、網(wǎng)頁(yè)之間的鏈接和跳轉(zhuǎn)(三種方式:a標(biāo)簽、link標(biāo)簽、form表單)、標(biāo)簽節(jié)點(diǎn)和層級(jí)節(jié)點(diǎn)。


CSS:基本語(yǔ)法和三種書寫位置(行內(nèi)CSS、內(nèi)部CSS、外部CSS)、選擇器(標(biāo)簽選擇器、id選擇器、類選擇器)和格式化排版(利用塊級(jí)元素以及定位屬性進(jìn)行排版)、盒模型的高級(jí)用法(padding、margin以及元素大?。⒊S貌季帜P停鲃?dòng)模型、浮動(dòng)模型、層模型)。


JS:基礎(chǔ)語(yǔ)法以及變量(所有變量都用var定義)、數(shù)據(jù)類型和數(shù)據(jù)類型轉(zhuǎn)換、條件判斷(if、switch)、循環(huán)語(yǔ)句(while、for)、函數(shù)(函數(shù)的定義方式、js的內(nèi)置函數(shù))、數(shù)組和集合等js的內(nèi)置對(duì)象。


第二步


DOM(文檔對(duì)象模型)+BOM(瀏覽器對(duì)象模型):DOM的基本結(jié)構(gòu)(父子關(guān)系、兄弟關(guān)系)、節(jié)點(diǎn)對(duì)象操作(getElementByName、getElementById等)、事件的特性及使用(change、click、blur等)、常見的DOM內(nèi)置對(duì)象(alert、confirm等)、常見的BOM功能(open、close等)。


網(wǎng)頁(yè)特效與進(jìn)階:在網(wǎng)頁(yè)特效中常用的編程接口(onFocus、onSelect等)、動(dòng)畫編程(onload、hover等)、事件對(duì)象和冒泡(useCapture)、緩動(dòng)框架封裝(參考:https://www.cnblogs.com/yongshaoye/p/7102644.html)和旋轉(zhuǎn)木馬案例(參考:https://www.cnblogs.com/forlina/p/4313065.html)、正則表達(dá)式及其應(yīng)用。


Jquery:選擇器、基本操作API(中文API網(wǎng)址:https://www.jquery123.com/)、插件機(jī)制(jQuery.extend():擴(kuò)展對(duì)象方法)、原理分析(參考:https://blog.csdn.net/liupc123123/article/details/2661


4337)。


第三步


HTML5+CSS3:語(yǔ)義化結(jié)構(gòu)、多媒體、本地存儲(chǔ)(HTML5連接本地?cái)?shù)據(jù)庫(kù))、常見API(HTML5:http://www.dcloud.io/docs/api/index.html、CSS3:http://phpstudy.php.cn/css3/)、CSS3選擇器(參考:http://www.w3school.com.cn/cssref/css_selectors.asp)、CSS3邊框、背景、陰影、CSS3過(guò)渡和動(dòng)畫(參考:https://blog.csdn.net/XIAOZHUXMEN/article/details/52003135)、CSS3伸縮布局(參考:https://www.cnblogs.com/fxycm/p/4649648.html)、Canvas(畫布元素)。


服務(wù)端編程:端的概念、web服務(wù)器的概念、服務(wù)器搭建(參考:https://www.cnblogs.com/W-Kr/p/5455862.html)、XML與json。


PHP:PHP基礎(chǔ)語(yǔ)法(參考:http://www.w3school.com.cn/php/php_syntax.asp)、PHP服務(wù)端編程基礎(chǔ)(參考:https://www.cnblogs.com/hope666/p/6919487.html)。


AJAX:基本編程接口(參考:https://blog.csdn.net/u013279840/article/details/52786348)、

異步數(shù)據(jù)交互(參考:https://blog.csdn.net/bug_money/article/details/54645396)、

模板引擎的使用(參考:https://www.cnblogs.com/sw1990/p/5851377.html)。


借鑒:https://www.cnblogs.com/chengjian-physique/p/8076356.html


標(biāo)簽: PHP
分享:
評(píng)論:
你還沒(méi)有登錄,請(qǐng)先