真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

Angular4學習筆記之準備和環(huán)境搭建項目-創(chuàng)新互聯(lián)

寫在前面的廢話1

潮州網(wǎng)站制作公司哪家好,找創(chuàng)新互聯(lián)!從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項目制作,到程序開發(fā),運營維護。創(chuàng)新互聯(lián)于2013年創(chuàng)立到現(xiàn)在10年的時間,我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗,來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

我用angular的時候還是1.x,屬于代碼寫的很反人類但是angular2還沒出的蠻荒年代。我本身是從j2ee轉(zhuǎn)到Android的工程師,也是就是說,我的日常開發(fā)語言是Java。突然切換到JavaScript那真是難受的像北極熊同企鵝講話,更何況后來嫌webstorm太卡而用起了沒有提示的sublime(嗯,終于治好了多年頑疾的“從不記函數(shù)名癥候群”)。經(jīng)過了一段痛苦不堪的撞墻經(jīng)歷后,總算是開始習慣了。

但我還是想大吼一聲,JavaScriptWCNM。

發(fā)泄完了說正事。

現(xiàn)在前端的主要框架比較火的是React,Angular雖然背后是谷歌但還是差了那么一點。兩者我都用過,說一下我感覺的Angular的特點,以及和React的不同。

首先直接拿Angular和React比較是不公平的。因為Angular是一個什么都有的全家桶,React只是MVC里的V,經(jīng)常需要搭配一些別的東西使用比如redux(我用的標配是react+redux+router)。.

其次,Angular的特點是綁定,從寫代碼的角度上說比較符合MVC的概念。4.0里的component就相當于C和V的合體,template或者templateUrl就是view,而class就是所謂的controller。通過在Controller里聲明唯一的Model在對應(yīng)的View里使用,達到解耦的目的。而且Angular還支持注入service,進一步分離業(yè)務(wù)邏輯。

React的特點其實是虛擬dom,是提速性質(zhì)的東西。Redux才是邏輯相關(guān),通過唯一的state來解耦,你換state我換值。兩者的思路都是很相似的,個人感覺Redux里的Reducer就是Angular里的service。

第三,哪個更好一點?我個人還是喜歡React更多,當然這個主觀因素占了很大的層面。寫Angular的時候我還是一副怨天尤人的Android程序員,寫React的時候就是已經(jīng)入門的前端開發(fā)者了。

寫在前面的廢話2

一些準備工作,是必須的。

node,一切的基礎(chǔ)。

sublime,這個是我個人使用的ide。之前用過webstorm,但是要注冊而且多少有點慢。但是用sublime小缺點就是需要自己下插件,webstorm確實功能全一點….subime對React的支持還是蠻好的,但是對Angular的支持還是有點坑。當然,也可能是我插件沒裝對。

git,本項目已經(jīng)提交到github。當然,更新程度和我的懶惰程度成反比。其實這個項目我已經(jīng)完成了,但是因為某種來自東方的神秘力量(直說了吧,就是手賤)又給刪掉了…

英文好,非必須。但是英文好可以直接去看angular的官方網(wǎng)站就,傳送門,翻墻的話速度快一些。Angular的中文版還停留在2.0,寫法和4.0略有不同。

當然4.0和2.0其實也沒差多少,至少比2.0和1.x之間的差距要小的多(滾蛋吧scope)

廢話說完了,之所以有1有2沒有3,是因為我覺得很多時候我只要犯二就可以了。

先說需求-任何沒有需求的項目都是耍!流!氓!

需求很簡單,也基本上是在模仿超級機器人大戰(zhàn)的整備頁面(沒錯我是個鋼彈迷而且最近剛好正在玩機戰(zhàn)z)。

首先本項目包含3個頁面:

1 主頁

Angular4學習筆記之準備和環(huán)境搭建項目

上半部展示的是項目說明,下半部篩選出3個機體并進行簡單的說明。

2 機體列表頁

Angular4學習筆記之準備和環(huán)境搭建項目

機體展示,展示所有擁有的機體,包括名稱和狀態(tài)(為了防止圖片侵權(quán),用的都是我自己做的高達模型)。

3 機體詳情頁

Angular4學習筆記之準備和環(huán)境搭建項目

從主頁和詳情頁面點擊任意一部機體都可以跳轉(zhuǎn)到這個頁面,主要介紹機體的各項參數(shù),基本情況以及狀態(tài)。

環(huán)境搭建

首先要有node以及sublime,然后需要用sublime的package manager安裝插件typescript。

關(guān)于如何安裝node、sublime的包管理器并下載插件請參見之前文章里的方法。

其次,可以用sourceTree或者命令行克隆地址:

1)angular給的官方quickstart

https://github.com/angular/quickstart.git

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。


當前名稱:Angular4學習筆記之準備和環(huán)境搭建項目-創(chuàng)新互聯(lián)
當前路徑:http://weahome.cn/article/deejod.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部