全棧工程師培訓(xùn)課程
歡迎來(lái)到培訓(xùn)無(wú)憂網(wǎng)！ 
歡迎來(lái)到培訓(xùn)無(wú)憂網(wǎng)！
石家莊頑石教育
咨詢熱線 400-001-5729
授課機(jī)構(gòu)：石家莊頑石教育
地址：石家莊市橋西區(qū)匯豐路18號(hào)
網(wǎng)報(bào)價(jià)格：￥電詢
課程原價(jià)：￥電詢
咨詢熱線：400-001-5729
課程詳情 學(xué)校簡(jiǎn)介 學(xué)校地址 申請(qǐng)?jiān)嚶?tīng)
關(guān)鍵詞：石家莊全棧工程師培訓(xùn)哪個(gè)機(jī)構(gòu)
全棧工程師培訓(xùn)課程
現(xiàn)代項(xiàng)目的開(kāi)發(fā)，需要掌握多種技術(shù)�；ヂ�(lián)網(wǎng)項(xiàng)目，需要用到后端開(kāi)發(fā)、前端開(kāi)發(fā)、界面設(shè)計(jì)、產(chǎn)品設(shè)計(jì)、數(shù)據(jù)庫(kù)、各種移動(dòng)客戶端、三屏兼容、restFul API設(shè)計(jì)和OAuth等等，比較前衛(wèi)的項(xiàng)目，還會(huì)用到Single Page Application、Web Socket、HTML5/CSS3這些技術(shù)以及像第三方開(kāi)發(fā)像微信公眾號(hào)微博應(yīng)用等等。所以說(shuō)一個(gè)現(xiàn)代化的項(xiàng)目，是一個(gè)非常復(fù)雜的構(gòu)成，我們需要一個(gè)人來(lái)掌控全局，他不需要是各種技術(shù)的專家，但他需要熟悉到各種技術(shù)。對(duì)于一個(gè)團(tuán)隊(duì)特別是互聯(lián)網(wǎng)企業(yè)來(lái)說(shuō)，有一個(gè)全局性思維的人非常非常重要。而這個(gè)人我們稱之為全棧工程師。
學(xué)生人群
如果你自制力強(qiáng)、有上進(jìn)心，想通過(guò)學(xué)習(xí)來(lái)改變現(xiàn)狀，那么我們讓你點(diǎn)亮高薪人生！
技術(shù)進(jìn)階
打造令人驚艷的前端用戶體驗(yàn)，成為職場(chǎng)中的搶手人才。
轉(zhuǎn)行需求
業(yè)余時(shí)間掌握前端開(kāi)發(fā)技能，輕松實(shí)現(xiàn)職業(yè)轉(zhuǎn)化。
興趣愛(ài)好
向往成為一個(gè)全棧工程師，跟隨專業(yè)工程師，親手實(shí)現(xiàn)你的創(chuàng)意。
| 階段名稱 | 技術(shù)名稱 | 技術(shù)內(nèi)容 | 學(xué)習(xí)目標(biāo) |
| WEB基礎(chǔ)階段 | HTML基礎(chǔ) | 1.安裝webstorm |
1.掌握WebStorm的使用 2.了解HTML對(duì)于網(wǎng)頁(yè)的意義 3.掌握HTML標(biāo)簽與屬性 4.掌握常用標(biāo)簽 5.掌握無(wú)序列表、有序列表和自定義列表 6.掌握表單的使用 7.掌握div與標(biāo)簽的嵌套規(guī)則 8.掌握行內(nèi)元素與塊元素的使用 9.掌握實(shí)體字符 10.掌握HTML5新增標(biāo)簽與屬性 |
| 2.設(shè)置webstorm | |||
| 3.HTML介紹 | |||
| 4.HTML屬性和值 | |||
| 5.HTML注釋 | |||
| 6.HTML基本結(jié)構(gòu) | |||
| 7.標(biāo)題標(biāo)簽h1-h6 | |||
| 8.段落標(biāo)記p | |||
| 9.強(qiáng)制換行br | |||
| 10.水平線hr及其屬性 | |||
| 11.圖片img | |||
| 12.超鏈接a | |||
| 13.address和pre標(biāo)簽 | |||
| 14.文本格式化標(biāo)簽b,i,u,em等 | |||
| 15.無(wú)序列表 | |||
| 16.有序列表 | |||
| 17.自定義列表 | |||
| 18.表格 | |||
| 19.實(shí)體字符 | |||
| 20.內(nèi)聯(lián)框架iframe | |||
| 21.form表單及其action、method、name屬性 | |||
| 22.input | |||
| 23.input常用屬性value，checked，readonly，disabled | |||
| 24.下拉列表 | |||
| 25.多行文本框textarea | |||
| 26.HTML5新增input類型 | |||
| 27.HTML5新增屬性 | |||
| 28.HTML5新增結(jié)構(gòu)標(biāo)簽 | |||
| 29.視頻和音頻 | |||
| CSS基礎(chǔ) | 1.css介紹和基礎(chǔ)語(yǔ)法 |
1.掌握CSS基礎(chǔ) 2.掌握CSS引入方式 3.掌握選擇器的使用 4.掌握CSS盒子模型 5.掌握CSS彈性盒子模型 6.掌握浮動(dòng)與定位 7.掌握字體常見(jiàn)屬性 8.掌握雪碧圖優(yōu)化站點(diǎn) 9.掌握滑動(dòng)門(mén)展示形式 10.掌握特殊圖形繪制 11.掌握CSS3過(guò)渡與動(dòng)畫(huà) 12.掌握CSS3的媒體查詢 |
|
| 2.引入css的方式 | |||
| 3.link和@import的區(qū)別 | |||
| 4.css基本選擇器 | |||
| 5.背景屬性 | |||
| 6.字體屬性 | |||
| 7.文本屬性 | |||
| 8.列表屬性 | |||
| 9.關(guān)系選擇器 | |||
| 10.屬性選擇器 | |||
| 11.偽類選擇器 | |||
| 12.偽對(duì)象選擇器 | |||
| 13.css hack | |||
| 14.標(biāo)準(zhǔn)盒子模型 border、margin、padding屬性 | |||
| 15.IE和模型 | |||
| 16.box-sizing屬性 | |||
| 17.彈性盒 | |||
| 18.瀏覽器內(nèi)核及廠商前綴 | |||
| 19.浮動(dòng)及其原理 | |||
| 20.清除浮動(dòng)的方法 | |||
| 21.display屬性 | |||
| 22.position定位 | |||
| 23.z-index屬性 | |||
| 24.圓角 | |||
| 25.陰影 | |||
| 26.漸變 | |||
| 27.轉(zhuǎn)換 | |||
| 28.過(guò)渡 | |||
| 29.動(dòng)畫(huà) | |||
| 30.繪制三角形、梯形、圓形 | |||
| 31.媒體查詢 | |||
| 32.多列 | |||
| 32.滑動(dòng)門(mén) | |||
| 34.雪碧圖 | |||
| 小米官網(wǎng)實(shí)戰(zhàn) | 首先選擇小米官網(wǎng)為第 一個(gè)實(shí)戰(zhàn)案例，是因?yàn)閯傞_(kāi)始入門(mén)，有個(gè)參考點(diǎn)，另外站點(diǎn)比較偏向目前的卡片式設(shè)計(jì)，實(shí)現(xiàn)常見(jiàn)效果。目的為學(xué)者練習(xí)編寫(xiě)小米官網(wǎng)，熟悉div+css布局。 | ||
| 迅雷官網(wǎng) | 此站點(diǎn)特效較多，所以通過(guò)練習(xí)編寫(xiě)次站點(diǎn)，學(xué)生可以更多練習(xí)CSS3的新特性過(guò)渡與動(dòng)畫(huà)的實(shí)現(xiàn)，并且可以很好的練習(xí)div+css布局。 | ||
| 課程類網(wǎng) | 此站點(diǎn)為響應(yīng)式站點(diǎn)，在目前常見(jiàn)站點(diǎn)中，響應(yīng)式設(shè)計(jì)類站點(diǎn)是非常多的，而且大部分公司的站點(diǎn)都需要支持響應(yīng)式，所以，通過(guò)練習(xí)次站點(diǎn)，學(xué)者可以熟悉響應(yīng)式這點(diǎn)的設(shè)計(jì)流程和實(shí)現(xiàn)方式。 | ||
| JavaScript階段 | JavaScript基礎(chǔ)語(yǔ)法 | 1.JavaScript簡(jiǎn)介 |
1.熟知JavaScript介紹 2.掌握J(rèn)avaScript變量聲明 3.掌握J(rèn)avaScript變量類型與轉(zhuǎn)換 4.掌握J(rèn)avaScript運(yùn)算符操作 5.掌握J(rèn)avaScript條件分支語(yǔ)句 6.掌握J(rèn)avaScript循環(huán)語(yǔ)句 |
| 2.JavaScript變量 | |||
| 3.JavaScript變量類型 | |||
| 4.JavaScript類型轉(zhuǎn)換 | |||
| 5.JavaScript運(yùn)算符 | |||
| 6.JavaScript條件分支語(yǔ)句 | |||
| 7.JavaScript循環(huán)語(yǔ)句 | |||
| 數(shù)組與對(duì)象 | 1.數(shù)組定義 |
1.掌握數(shù)組定義 2.掌握數(shù)字的應(yīng)用 3.掌握數(shù)組的屬性和方法 4.掌握對(duì)象的概念 5.掌握對(duì)象的屬性和方法 6.熟練應(yīng)用對(duì)象 |
|
| 2.數(shù)組的本質(zhì) | |||
| 3.數(shù)組屬性與運(yùn)算符 | |||
| 4.數(shù)組的循環(huán)遍歷 | |||
| 5.數(shù)組靜態(tài)方法 | |||
| 6.數(shù)組的實(shí)例方法 | |||
| 7.對(duì)象概述 | |||
| 8.對(duì)象屬性操作 | |||
| 9.對(duì)象的靜態(tài)方法 | |||
| 10.對(duì)象的實(shí)例方法 | |||
| 函數(shù)及相關(guān) | 1.函數(shù)的概念 |
1.了解函數(shù)概念 2.掌握函數(shù)的聲明 3.掌握函數(shù)的屬性和方法 4.掌握J(rèn)avaScript中的作用域 5.掌握函數(shù)的參數(shù)與返回值 6.掌握閉包的應(yīng)用場(chǎng)景 7.熟練使用閉包 |
|
| 2.函數(shù)的聲明 | |||
| 3.函數(shù)的屬性和方法 | |||
| 4.函數(shù)作用域 | |||
| 5.函數(shù)參數(shù) | |||
| 6.函數(shù)返回值 | |||
| 7.閉包基本概念 | |||
| 8.閉包實(shí)現(xiàn) | |||
| 9.閉包應(yīng)用場(chǎng)景 | |||
| 10.自執(zhí)行函數(shù) | |||
| JavaScript標(biāo)準(zhǔn)庫(kù) | 1.包裝對(duì)象 |
1.掌握包裝對(duì)象 2.掌握Number對(duì)象 3.掌握String對(duì)象 4.掌握Math對(duì)象 5.掌握Date對(duì)象 6.掌握J(rèn)SON對(duì)象 7.掌握正則對(duì)象 8.熟悉console對(duì)象 |
|
| 2.Number對(duì)象 | |||
| 3.String對(duì)象 | |||
| 4.Math對(duì)象 | |||
| 5.Date對(duì)象 | |||
| 6.JSON對(duì)象 | |||
| 7.RegExp對(duì)象 | |||
| 8.console對(duì)象 | |||
| 9.屬性描述對(duì)象 | |||
| DOM模型與事件 | 1.DOM概述 |
1.掌握J(rèn)avaScript DOM操作 2.掌握J(rèn)avaScript 節(jié)點(diǎn)操作 3.掌握事件模型 4.掌握事件操作 5.掌握this關(guān)鍵字 5.掌握Event對(duì)象 6.熟練編寫(xiě)自定義事件 7.理解三級(jí)聯(lián)動(dòng)邏輯 |
|
| 2.Doucment節(jié)點(diǎn) | |||
| 3.Element節(jié)點(diǎn) | |||
| 4.屬性的操作 | |||
| 5.Text節(jié)點(diǎn) | |||
| 6.DoucmentFragment節(jié)點(diǎn) | |||
| 7.事件模型 | |||
| 8.事件類型 | |||
| 9.事件代理 | |||
| 10.CSS操作 | |||
| 11.自定義事件 | |||
| 12.this關(guān)鍵字 | |||
| 13.Event對(duì)象 | |||
| 14.移動(dòng)端事件類型 | |||
| 15.事件實(shí)例操作 | |||
| 16.三級(jí)聯(lián)動(dòng) | |||
| 網(wǎng)絡(luò)請(qǐng)求與專題 | 1.定時(shí)器 |
1.掌握定時(shí)器使用 2.掌握BOM對(duì)象 3.掌握HTTP協(xié)議 4.掌握XHR對(duì)象 5.掌握Ajax 6.能夠獨(dú)立封裝Ajax網(wǎng)絡(luò)請(qǐng)求 7.了解錯(cuò)誤處理機(jī)制 8.建立良好的編程風(fēng)格 9.掌握本地存儲(chǔ) 10.了解Window對(duì)象 |
|
| 2.BOM對(duì)象 | |||
| 3.瀏覽器類型區(qū)分 | |||
| 4.網(wǎng)絡(luò)請(qǐng)求基礎(chǔ) | |||
| 5.HTTP協(xié)議 | |||
| 6.XHR對(duì)象 | |||
| 7.XHR實(shí)例屬性 | |||
| 8.XHR實(shí)例方法 | |||
| 9.XHR實(shí)例事件 | |||
| 10.文件上傳 | |||
| 11.封裝網(wǎng)絡(luò)請(qǐng)求 | |||
| 12.異步操作 | |||
| 13.錯(cuò)誤處理機(jī)制 | |||
| 14.編程風(fēng)格 | |||
| 15.跨域處理 | |||
| 16.本地存儲(chǔ)Cookie | |||
| 17.本地存儲(chǔ)WebStorage | |||
| 18.Window對(duì)象 | |||
| 19.History對(duì)象 | |||
| 面向?qū)ο?/span> | 1.對(duì)象簡(jiǎn)介 |
1.了解面向?qū)ο?/span> 2.熟悉構(gòu)造函數(shù) 3.掌握new關(guān)鍵字 4.掌握原型與原型鏈的使用 5.掌握對(duì)象和常見(jiàn)操作 6.掌握繼承與封裝 7.掌握基本設(shè)計(jì)模式原理 8.掌握觀察者模式 9.掌握MVC和MVVM |
|
| 2.構(gòu)造函數(shù) | |||
| 3.new 關(guān)鍵字 | |||
| 4.實(shí)例對(duì)象創(chuàng)建 | |||
| 5.Prototype對(duì)象 | |||
| 6.原型與原型鏈 | |||
| 7.instanceof運(yùn)算符 | |||
| 8.對(duì)象與繼承 | |||
| 9.對(duì)象操作與拷貝 | |||
| 10.多重繼承 | |||
| 11.模塊與封裝 | |||
| 12.設(shè)計(jì)模式簡(jiǎn)介 | |||
| 13.工廠模式 | |||
| 14.觀察者模式 | |||
| 15.單例模式 | |||
| 16.MVC與MVVM | |||
| jQuery階段 | jQuery | 1.jQuery簡(jiǎn)介 |
1.熟悉jQuery常見(jiàn)操作 2.熟悉jQuery DOM操作 3.掌握jQuery 核心API 4.掌握jQuery Ajax操作 5.掌握jQuery 選擇器 6.掌握jQuery特效 7.掌握jQuery實(shí)戰(zhàn)練習(xí) |
| 2.jQuery DOM操作 | |||
| 3.jQuery事件 | |||
| 4.jQuery表單 | |||
| 5.jQuery CSS操作 | |||
| 6.jQuery核心API | |||
| 7.jQuery特效 | |||
| 8.jQuery尺寸 | |||
| 9.jQuery內(nèi)部函數(shù) | |||
| 10.jQuery選擇器 | |||
| 11.jQuery遍歷操作 | |||
| 12.jQuery數(shù)據(jù)操作 | |||
| 13.jQuery Ajax | |||
| 14.jQuery雜項(xiàng) | |||
| 15.jQuery實(shí)戰(zhàn)練習(xí) | |||
| 第三方UI組件庫(kù) | 1.BootStrap介紹 |
1.掌握BootStrap使用 2.掌握BootStrap柵格系統(tǒng) 3.掌握BootStrap全局樣式 4.掌握BootStrap組件應(yīng)用 5.掌握BootStrap插件應(yīng)用 6.掌握BootStrap定制需求 7.掌握Swiper的應(yīng)用 8.掌握REM移動(dòng)端適配 9.掌握Echarts圖表 |
|
| 2.BootStrap引入 | |||
| 3.BootStrap柵格系統(tǒng) | |||
| 4.BootStrap全局CSS樣式 | |||
| 5.BootStrap組件應(yīng)用 | |||
| 6.BootStrap JavaScript插件 | |||
| 7.BootStrap定制需求 | |||
| 9.BootStrap實(shí)例操作 | |||
| 10.Swiper3.x應(yīng)用 | |||
| 11.Swiper4.x應(yīng)用 | |||
| 12.Echarts圖表應(yīng)用 | |||
| 13.REM移動(dòng)端適配 | |||
| 14.BootStrap 柵格系統(tǒng)原理響應(yīng)式設(shè)計(jì) | |||
| PHP與數(shù)據(jù)庫(kù) | 1.PHP基礎(chǔ)語(yǔ)法 |
1.掌握PHP基礎(chǔ)語(yǔ)法 2.掌握PHP類與繼承 3.掌握MySQL操作 4.掌握PHP鏈接MySQL 5.熟悉PDO鏈接數(shù)據(jù)庫(kù) 6.熟悉前后端交互 7.掌握get和post請(qǐng)求 8.理解前后端交互過(guò)程 |
|
| 2.PHP類與繼承 | |||
| 3.PHP中理解面向?qū)ο?/span> | |||
| 4.MySQL基礎(chǔ) | |||
| 5.MySQL數(shù)據(jù)庫(kù)操作 | |||
| 6.MySQL Form表單 | |||
| 7.PDO鏈接數(shù)據(jù)庫(kù) | |||
| 8.事務(wù)處理與時(shí)間戳 | |||
| 9.PHP+MySQL創(chuàng)建接口 | |||
| 10.前后端交互處理 | |||
| 11.Get與POST請(qǐng)求 | |||
| 12.前后端實(shí)戰(zhàn)練習(xí) | |||
| Ajax實(shí)戰(zhàn)項(xiàng)目-藍(lán)莓派 | 1.藍(lán)莓派項(xiàng)目設(shè)計(jì) | 本項(xiàng)目名稱為藍(lán)莓派，主要為音樂(lè)社區(qū)類型。包含較多的交互功能，例如滑動(dòng)門(mén)，雪碧圖使用，模態(tài)框，瀑布流和焦點(diǎn)輪播圖等效果。當(dāng)然，前后端交互也是不可少的，主要理解前后端交互流程與練習(xí)各種交互實(shí)現(xiàn)。 | |
| 2.藍(lán)莓派環(huán)境構(gòu)建 | |||
| 3.藍(lán)莓派頁(yè)面登錄Ajax | |||
| 4.藍(lán)莓派頁(yè)面登錄與PHP與MySQL | |||
| 5.藍(lán)莓派網(wǎng)絡(luò)請(qǐng)求封裝 | |||
| 6.藍(lán)莓派頁(yè)面加載 | |||
| 7.藍(lán)莓派模態(tài)框處理 | |||
| 8.藍(lán)莓派分頁(yè)器實(shí)現(xiàn) | |||
| 9.藍(lán)莓派瀑布流效果實(shí)現(xiàn) | |||
| 10.藍(lán)莓派動(dòng)態(tài)加載數(shù)據(jù) | |||
| 11.藍(lán)莓派音頻控制 | |||
| 12.藍(lán)莓派業(yè)務(wù)邏輯實(shí)現(xiàn) | |||
| 13.藍(lán)莓派進(jìn)度條實(shí)現(xiàn) | |||
| 14.藍(lán)莓派第三方UI庫(kù)引入 | |||
| 15.藍(lán)莓派項(xiàng)目?jī)?yōu)化 | |||
| HTML5新特性 | HTML5新特性 | 1.HTML5語(yǔ)義化標(biāo)簽 |
1.掌握HTML5新特性有哪些 2.掌握HTML5的語(yǔ)義化標(biāo)簽實(shí)現(xiàn)方式 3.掌握HTML5的本地存儲(chǔ)方式 4.掌握HTML5提供的多媒體使用 5.掌握HTML5 Canvas標(biāo)簽應(yīng)用 |
| 2.HTML5本地存儲(chǔ) | |||
| 3.HTML5離線Web應(yīng)用 | |||
| 4.HTML5連貫性 | |||
| 5.HTML5多媒體 | |||
| 6.HTML5性能提升 | |||
| 7.HTML5調(diào)用原生API | |||
| 8.HTML5 Canvas | |||
| 9.HTML5 Canvas應(yīng)用 | |||
| 10.HTML5 Canvas游戲-連連看 | |||
| 11.HTML5 Canvas游戲-消消樂(lè) | |||
| 高級(jí)框架階段 | 模塊化 | 1.作用域回顧 |
1.掌握作用域 2.掌握模塊的定義規(guī)范與使用 3.了解私有與公有概念 4.掌握Commonjs規(guī)范 5.掌握Requirejs的應(yīng)用 |
| 2.模塊 | |||
| 3.私有屬性與公有屬性 | |||
| 4.模塊擴(kuò)展 | |||
| 5.Commonjs規(guī)范 | |||
| 6.Requirejs引入 | |||
| 7.Requirejs的使用 | |||
| 8.Requirejs的shim模塊 | |||
| 9.Requirejs應(yīng)用-音樂(lè)列表播放 | |||
| Nodejs與Express | 1.安裝Node于CMD命令 |
1.了解Nodejs 2.獨(dú)立安裝Nodejs環(huán)境 3.熟悉CMD命令行操作 4.掌握Express安裝 5.掌握Express路由的應(yīng)用 6.掌握請(qǐng)求方式POST與GET 7.掌握J(rèn)SONP的使用 8.掌握數(shù)據(jù)過(guò)濾 9.掌握數(shù)據(jù)庫(kù)基本操作 10.掌握鏈接數(shù)據(jù) 11.掌握服務(wù)器端搭建 |
|
| 2.Node創(chuàng)建服務(wù)器 | |||
| 3.Node相關(guān)操作 | |||
| 4.Commonjs規(guī)范 | |||
| 5.Express安裝 | |||
| 6.Server基本操作 | |||
| 7.Express路由基礎(chǔ) | |||
| 8.Express路由配置 | |||
| 9.Express路由應(yīng)用 | |||
| 10.實(shí)現(xiàn)前后端交互 | |||
| 11.Post參數(shù)請(qǐng)求 | |||
| 12.Get參數(shù)請(qǐng)求 | |||
| 13.JSONP跨域處理 | |||
| 14.過(guò)濾數(shù)據(jù) | |||
| 15.Nodejs鏈接數(shù)據(jù)庫(kù) | |||
| 16.Server增刪改查 | |||
| ECMAScript6 | 1.babel轉(zhuǎn)換器 |
1.掌握ES6與ES5的區(qū)別 2.掌握babel轉(zhuǎn)換器的使用 3.掌握ES6聲明新特性 5.掌握數(shù)組，對(duì)象，字符串函數(shù)的擴(kuò)展 6.掌握箭頭函數(shù)的應(yīng)用 7.掌握Class類的聲明 8.掌握繼承的實(shí)現(xiàn) 9.掌握Promise的使用 10.掌握Module模塊的使用 |
|
| 2.Let和Const命令 | |||
| 3.字符串?dāng)U展 | |||
| 4.解構(gòu)賦值 | |||
| 5.Object擴(kuò)展 | |||
| 6.Array擴(kuò)展 | |||
| 7.Function擴(kuò)展 | |||
| 8.Class類 | |||
| 9.類的繼承Extends | |||
| 10.Promise | |||
| 11.Module模塊 | |||
| 12.Proxy | |||
| 13.Generator | |||
| 14.Generator | |||
| CSS預(yù)處理語(yǔ)言Less | 1.Less環(huán)境搭建與編譯 |
1.了解CSS預(yù)處理語(yǔ)言的優(yōu)勢(shì) 2.掌握Less環(huán)境搭建 3.了解Less的服務(wù)器端渲染 4.掌握Less的使用語(yǔ)法 5.掌握Sass的基本使用 |
|
| 2.Less服務(wù)器端渲染 | |||
| 3.Sublime Text安裝插件 | |||
| 4.Less語(yǔ)法-變量、混合、嵌套 | |||
| 5.Less語(yǔ)法-計(jì)算、函數(shù) | |||
| 6.Less語(yǔ)法-繼承、引導(dǎo)判斷 | |||
| 7.Sass使用 | |||
