原创 React & Create-React-App & DVA 的後臺管理UI

dva-boot-admin 是一個用React開發的一個企業級中後臺管理UI,包含常用的業務,組件,及數據流轉方案,前後端分離的開發方式,按業務劃分的目錄結構,可以大大提高我們的開發效率 下面是整體的介紹,感興趣的同學可以去

原创 一步一步學習TypeScript(05.Duck Typing)

關於Duck Typing在維基上的說明 使用ts的實現 class Duck{ quack(){ console.log('呱呱呱'); } feathers(){ c

原创 一步一步學習TypeScript(07.Any類型)

學習前先看一下 04章(嚴格的對象賦值檢查),與之相對的只要爲元素指定了any類型,則可以對其任意賦值: // 代碼回顧 var x: { foo: number }; x = { foo: 3 } x = { foo: 1, b

原创 一步一步學習Angular2(01.快速入門)

今天跟隨官網中的快速入門,開始我的第一個Angular2程序. 目錄結構是這樣的 angular2-quickstart |__app | |__app.component.ts | |__boot.ts |__index

原创 一步一步學習TypeScript(12.Union Types_聯合類型)

union types (聯合類型) 考慮如下情況,如果一個變量在聲明時可以有幾個不同的類型,需要跟據運行時所傳入的參數不同而改變相應類型,這種情況在typescript裏應該怎麼寫. 先看一下怎麼使用union type var

原创 一步一步學習TypeScript(15.Abstract Classes_抽象類)

面向對象的主要特點是 1. 封裝 2. 繼承 3. 抽象 4. 多態 在class之前加上abstract關鍵字表名這個類是一個抽象類, 在方法前加上abstract表名這個方法是抽象方法,抽象方法只需要寫出方法的定義,由

原创 一步一步學習Angular2(02.示例 Hero Editor)

今天學習跟隨官網學習我的下一個Angular2示例. 工程的目錄結構與快速入門中的示例完全相同,所以我們複製上一個示例並改名爲 angular2-tour-of-heroes, 讓我們先把這個應用跑起來. npm start 啓

原创 一步一步學習TypeScript(13.Tuples_元組)

tuple (元組) 我理解元組是一個strict array(嚴格的數組),因爲他不只聲明瞭一個數組,並且同時還規定數組中每個索引處的元素類型. 回顧一下,如何聲明一個數組 var arr = [1,2,3,'a','b','c

原创 一步一步學習TypeScript(14.Classes & inheritance_類與繼承)

有過面向對象開發的同學應該對類,繼承,接口的概念不會陌生,現在我們同樣可以在TypeScript中使用這些概念,來清晰我們的代碼結構. classes 使用class關鍵字定義一個類, constructor定義這個類的構造函數.

原创 一步一步學習TypeScript(09.enums_枚舉)

之前在,一步一步學習TypeScript(02.基本類型)這篇中,初步學習了enum類型.這篇是對enum類型的一些補充. 看一些例子: Enums enum Color { Red, Green, Bl

原创 一步一步學習TypeScript(10.Functions_函數)

函數(function)分爲署名函數(named function)和匿名函數(anonymous function)看代碼 // named function function sub(x,y){

原创 一步一步學習TypeScript(08.隱式/顯示類型轉換)

implicit/explicit cast (隱式/顯示類型轉換) TypeScript中可以顯示錶明對象的類型 . 轉換一個類型到其它類型時可以使用<>符號, 如 <T>value . any類型可以轉換成任意對象類型,反

原创 一步一步學習TypeScript(18.Interfaces_接口)

Interfaces 嚴格的類型檢查是TypeScript的一個核心原則,而接口正是對它這一原則的體現,接口的功能是爲類型命名,或約束實現了同一個接口的不同實現類外型的一致。 使用接口描述屬性 function readBook(

原创 dva-boot[-X] React相關工程自動配置工具

首先廣告一下,我覺得最好用的後臺管理腳手架dva-boot-admin,現在升級到2.0了,功能更多了,更易用了。 隨着做過的項目越來越多,發現時間多是耽誤在: 找適合的架子,整理目錄; 找相關組件; 熟悉組件的用法及示例; 模擬數

原创 Webpack&React (九) 構建Kanban

渣翻譯,原文鏈接 構建Kanban 到目前爲至,我們已經有了一個運行良好的Kanban應用, 本章的目地是在此基礎上設置不錯的產品級的版本.使用各種技術來控制打包後的大小並加入瀏覽器端緩存. 優化構建大小 我們運行npm run bu