更新時(shí)間:2017-11-20 來(lái)源:黑馬程序員 瀏覽量:
Web前端和全棧的定義:
A、什么是傳統(tǒng)web前端:需要把設(shè)計(jì)師的設(shè)計(jì)稿,切完圖,寫標(biāo)簽和樣式,實(shí)現(xiàn)JS的效果,簡(jiǎn)而言之即只需要掌握HTML的頁(yè)面結(jié)構(gòu),CSS的頁(yè)面樣式,javaScript頁(yè)面的行為(包括頁(yè)面的效果和整合);
B、HTML5時(shí)代的大前端:要處理各種端的兼容開(kāi)發(fā)(PC,移動(dòng)端,各種瀏覽器)、移動(dòng)APP開(kāi)發(fā)和移動(dòng)站點(diǎn)開(kāi)發(fā),Ajax+服務(wù)器端技術(shù)開(kāi)發(fā),異步開(kāi)發(fā)和后臺(tái)的交互、高級(jí)設(shè)計(jì)模式和框架(MVC,AngularJS...)、運(yùn)用自動(dòng)化工作流(Grunt)、網(wǎng)站安全、SEO、測(cè)試、源代碼管理、團(tuán)隊(duì)合作、制作HTML5游戲等。
C、全棧時(shí)代:集前端和后端一體的大牛,會(huì)前端的語(yǔ)言和后臺(tái)的語(yǔ)言,前后臺(tái)通吃,能夠快速的找到問(wèn)題和解決問(wèn)題的能力。
D、NodeJS:就是用JS為基礎(chǔ)的一門后臺(tái)的語(yǔ)言,讓前端無(wú)所不能,現(xiàn)在的前端已經(jīng)是突破所有邊界。
web前端開(kāi)發(fā)環(huán)境的搭配:
A、Sublime3安裝配置:Sublime跨平臺(tái)的前端開(kāi)發(fā)神器,是一個(gè)共享軟件,免費(fèi)使用;下載最新Sublime3安裝包;
-官網(wǎng)地址:http://www.sublimetext.com/
-網(wǎng)盤地址:http://pan.baidu.com/s/1ntszCgT
-安裝包管理器
打開(kāi)Sublime3控制臺(tái),ctrl+~
輸入安裝包管理器命令代碼,注意需要聯(lián)網(wǎng)才能安裝,因?yàn)槭窃诰€下載包
包管理器的官網(wǎng)地址:https://packagecontrol.io
-安裝第三方插件(包)
打開(kāi)命令面板:ctrl+shift+p;
輸入install,然后回車,然后可以搜索想要的插件,回車安裝;Atom工具使用
B、Atom工具使用:由github發(fā)布的前端開(kāi)發(fā)工具,集成了chrome的調(diào)試工具,是一款非常強(qiáng)大和開(kāi)發(fā)的開(kāi)發(fā)工具平臺(tái)。在file里面的setting里面進(jìn)行設(shè)置,包括字體的大小,快捷鍵,背景顏色主題等;
官網(wǎng)地址:https://atom.io/
百度網(wǎng)盤下載地址:http://pan.baidu.com/s/1ntszCgT
C、WebStorm10的安裝與使用:WebStrom是最專業(yè)的前端IDE開(kāi)發(fā)工具,是一個(gè)非常重量級(jí)的開(kāi)發(fā)工具,是專業(yè)為我們前端設(shè)計(jì)的IDE,用他來(lái)開(kāi)發(fā)是效率非常高;
D、總結(jié)三款開(kāi)發(fā)工具的優(yōu)劣:Sublime3:需要安裝第三方的包,一般。Atom:集成度非常好,也很輕,需要自己安裝第三方的包。Webstrom:大項(xiàng)目,建議使用webstrom,非常強(qiáng)大,但是也很重。
操作系統(tǒng)常用快捷鍵:快捷鍵是讓你成為高級(jí)的,專業(yè)的前端工程師必經(jīng)的途徑,是大家必須要掌握的。
Win+數(shù)字鍵:打開(kāi)/顯示超級(jí)任務(wù)欄第N個(gè)圖標(biāo)代表的程序
Win+D:快速顯示桌面
Win+R:快速運(yùn)行,打開(kāi)軟件,cmd命令行等
Win+E:快速打開(kāi)資源管理器
Win+方向鍵:最大化,還原/最小化窗口
Win+L:快速鎖定計(jì)算機(jī)
Ctrl+Alt+Del:顯示以下選項(xiàng):鎖定計(jì)算機(jī),切換用戶,注銷,更改密碼,和啟動(dòng)任務(wù)管理器
CTRL+SHIFT+ESC:打開(kāi)任務(wù)管理器
Alt+F4:關(guān)閉當(dāng)前活動(dòng)項(xiàng)目或退出活動(dòng)程序
Alt+Tab:在打開(kāi)的項(xiàng)目中進(jìn)行切換
Alt+向上方向鍵:在Windows Explorer 中查看當(dāng)前文件夾的上一級(jí)目錄
Ctrl+A:在文檔或窗口中全選Ctrl+C:復(fù)制選中的項(xiàng)目
Ctrl+向下方向鍵:將光標(biāo)移到下一段的段首
Ctrl+Esc:打開(kāi)開(kāi)始菜單
Ctrl+F4:關(guān)閉活動(dòng)文檔(在程序中能夠讓你同時(shí)打開(kāi)多個(gè)文檔)
Ctrl+上方向鍵:將光標(biāo)移動(dòng)到之前一段的開(kāi)頭
Ctrl+V:粘貼選定項(xiàng)目
Ctrl+X:剪切選定項(xiàng)目
Ctrl+Y:還原一個(gè)操作
Ctrl+Z:撤銷一個(gè)操作
DELETE:刪除選定項(xiàng)目并移動(dòng)到回收站
ESC:取消當(dāng)前任務(wù)
F2:重命名選定的項(xiàng)目
F4:在Windows Explorer 中顯示地址欄列表
F5:刷新活動(dòng)窗口
本文版權(quán)歸黑馬程序員前端與移動(dòng)開(kāi)發(fā)學(xué)院所有,歡迎轉(zhuǎn)載,轉(zhuǎn)載請(qǐng)注明作者出處。謝謝!
作者:黑馬程序員前端與移動(dòng)開(kāi)發(fā)學(xué)院
首發(fā):http://web.itheima.com/