原创 源碼共讀-UMI-4 test help

接上一個博客源碼共讀-UMI-3,接下來,我們來繼續執行 umi test 從第一個博客中我們知道,執行umi test會執行lib/scripts/test.js lib/scripts/test.js import test fr

原创 源碼共讀-UMI-1

#!/usr/bin/env node 聲明文件執行環境 node const spawn = require('cross-spawn'); const chalk = require('chalk'); chalk是一個顏色的插件 c

原创 從零開始構建前端框架 第一步,設計文檔

Raid.js 設計文檔 github地址:https://github.com/xiaohuoni/Raidjs 求星星,求需求,求指導 本文檔暫時大量借鑑了小程序的文檔,因爲覺得小程序的組件使用起來最簡單。 後續實際開發再做修改

原创 ReactNative 最新教程

2018年8月 ReactNative 最新教程 第一次嘗試錄製視頻教程,希望大家會喜歡。 還是希望大家多多支持,給我多提提意見。 感謝感謝 視頻地址 優酷播單 https://i.youku.com/i/UNDQwODE3NTU3Ng=

原创 Angular最新教程-第十四節 指令 結構型指令 屬性型指令 自定義指令

在 Angular 中有三種類型的指令: 組件 — 擁有模板的指令 結構型指令 — 通過添加和移除 DOM 元素改變 DOM 佈局的指令 屬性型指令 — 改變元素、組件或其它指令的外觀和行爲的指令。 組件 組件就是擁有模板的指令,這

原创 Angular最新教程-第十一節 路由四 (嵌套路由)

今天我們繼續來看路由。 這是我們關於路由的最後一節課。 嵌套路由的使用還是蠻頻繁的, 使用場景 場景一: 商城類應用會有大分區裏面的小分區, 雖然也可以靠攜帶不同的路由參數來識別, 但是他們都在同一個視圖裏面,就會有一個很明顯的

原创 用JavaScript進行系統思考

用JavaScript進行系統思考 每次我需要修復一個bug,我都遵循相同的工作流程:當QA團隊中的某個人發現了一個bug,她/他就會給我發送一個bug報告,其中包含了重現問題的步驟。如果我不懂STR,我通常會去找她/他,這樣她/他就可以

原创 一個Angular的開發腳手架

Oniangular 一個Angular開發的腳手架,前端UI框架使用NG-ZORRO,服務端用koa2。 相關技術:Angular2、Koa2、NG-ZORRO等。 項目使用的是Angular5,這裏用Angular2代稱是便於關聯

原创 Angular最新教程-第十二節 管道Pipes 內置管道

管道就是將輸入的數據->通過某種轉換->輸出期望的值。 最常見的就是把服務端下發的時間戳轉化成前端需要的時間字符串。 比如服務器下發的時間是1507519139, 而我們需要展示的時間是2017/10/9 11:18:59, 或者

原创 Angular最新教程-第九節 路由二(路由策略、base標籤、路由參數)

路由策略 我們上一節課中提到了{provide:LocationStrategy,useClass:HashLocationStrategy} 上一節課中我們說明了html中傳統的錨標示路由。 這裏我們再看新的路由的另一種實現方式了。

原创 設計系統

Designing Systems 設計系統 在我的上一篇文章中,我解釋說,作爲一名開發人員,您並不創建應用程序,而是創建系統,即對其環境做出響應的活實體(瀏覽器、服務器、……)。在這篇文章中,我將描述一個爲了創建系統您可以遵循的過程。這

原创 Angular最新教程-第四節詳細說明初始化項目

首先打開新建的項目。 我們先來看一下新建項目的目錄結構。 查看項目目錄結構 src文件夾 你的應用代碼位於src文件夾中。 所有的Angular組件、模板、樣式、圖片以及你的應用所需的任何東西都在那裏。 這個文件夾之外的文件都是爲構建應

原创 Angular最新教程-第七節HTTP get post 設置頭部 跨域訪問

和angular1一樣angular4也有http庫,用來調用外包的API。 爲了不使發起的請求,導致當前進入等待而沒有響應,HTTP請求都是異步的。 這個之前我們聊過類似的,JavaScript中的異步處理方法。 1、callba

原创 Angular最新教程-第六節編寫響應式導航欄

這節課我們講解如何使用bootstrap 4 編寫響應式佈局。 參考圖我們還是參照Angular中文社區http://www.angularjs.cn/ 圖中標註紅色的部分,我自己不是很喜歡,所以做了一點小改動。 他這裏也沒有做

原创 Angular最新教程-第八節 路由一(路由配置)

Angular之所以被稱爲單頁面應用,就是因爲我們在改變瀏覽器URL的時候, 不觸發刷新當前頁面的行爲,我們看到的所有的界面,其實是在一個主URL中。 這個功能(功能?現象?表現?隨便吧!)就是通過路由實現的。 下面我們先簡單的看一