原创 玩轉React樣式

很久很久以前,就有人用CSS來時給HTML內容添加樣式。CSS可以最大限度的分離樣式和內容,選擇器也可以很方便的給某些元素添加樣式。你根本找不到任何不用CSS的理由。 但是在React這裏就是另外一回事了,雖然React不是不用C

原创 React與ES6(一)開篇介紹

React與ES6系列: 1. React與ES6(一)開篇介紹 2. React和ES6(二)ES6的類和ES7的property initializer 3. React與ES6(三)ES6類和方法綁定 4. Reac

原创 React Native填坑之旅--LayoutAnimation篇

比較精細的動畫可以用Animated來控制。但是,在一些簡單的界面切換、更新的時候所做的動畫裏再去計算開始值、結束值和插值器如何運作絕對是浪費時間。 RN正好給我們提供了LayoutAnimation來解決這個問題。按照官方的說法

原创 老樹新芽,在ES6下使用Express

要讓Express在ES6下跑起來就不得不用轉碼器Babel了。首先新建一個在某目錄下新建一個項目。然後跳轉到這個目錄下開始下面的操作。 簡單走起 安裝babel-cli $ npm install --save-dev babe

原创 React和ES6(二)ES6的類和ES7的property initializer

React與ES6系列: 1. React與ES6(一)開篇介紹 2. React和ES6(二)ES6的類和ES7的property initializer 3. React與ES6(三)ES6類和方法綁定 4. Reac

原创 用Promise讓Node的異步任務順序執行

Node的機制導很多的任務執行是異步的,一般用回調處理任務的結果。多任務就會導致多層嵌套。 於是Promise就被用來處理這個事情。尤其是bluebird的Promise實現功能豐富。 如果需要一大串的任務全部執行完成之後繼續後面

原创 NodeJs回調操作Promise化

mongoose是一個NodeJs下MongoDB的ORM庫。使用這個庫,您從DB到表(collection)都不用創建了。只需要在項目中定義好Model。 下面就是用上一篇的代碼來演示如何把mongoose的數據庫操作裏的回調地

原创 React Native填坑之旅--Navigation篇

React Native的導航有兩種,一種是iOS和Android通用的叫做Navigator,一種是支持iOS的叫做NavigatorIOS。我們這裏只討論通用的Navigator。會了Navigator,NavigatorIO

原创 React Native填坑之旅--動畫篇

React Native填坑之旅–Button篇 React Native填坑之旅–動畫 React Native填坑之旅–HTTP請求篇 動畫是提高用戶體驗不可缺少的一個元素。恰如其分的動畫可以讓用戶更明確的感知當前的操作是

原创 React Native填坑之旅--Flow篇(番外)

flow不是React Native必會的技能,但是作爲正式的產品開發優勢很有必要掌握的技能之一。所以,算是RN填坑之旅系列的番外篇。 Flow是一個靜態的檢查類型檢查工具,設計之初的目的就是爲了可以發現JavaScript腳本里

原创 React Native填坑之旅--HTTP請求篇

React Native填坑之旅–Button篇 React Native填坑之旅–動畫 React Native填坑之旅–HTTP請求篇 如果不能從頭到尾的建立一個RN應用,那麼RN將失色不少。本以爲HTTP請求部分需要使用

原创 React面試必會--React的Diff算法

使用React或者RN開發APP如果不知道Diff算法的話簡直是說不過去啊。畢竟“知其然,知其所以然”這句老話從遠古喊到現代了。 以下內容基本是官網文章的一個總結、壓縮。這次要謙虛一下,畢竟深入研究RN的時間不多,如果有什麼理解的

原创 Swift3翻天覆地的改變

經歷了從swift 1.0 到2.0,一個版本之後代碼居然就不兼容了。這如何在團隊推廣呢?沒有想到3.0居然變化更加的大。有多大,來體會一下: UIFont.preferredFontForTextStyle(UIFontText

原创 異步javascript,callback、Promise?我們用Generator!

ES6提供了兩個處理異步Js的特性:Promise和Generator。我們這裏會介紹這兩個新特性,並在最後講解如何使用Generator。爲了使本文更加貼近實際,我們使用一個網絡請求庫request來作爲異步任務的實例使用。 r

原创 React Native填坑之旅--ListView篇

列表顯示數據,基本什麼應用都是必須。今天就來從淺到深的看看React Native的ListView怎麼使用。筆者寫作的時候RN版本是0.34。 最簡單的 //@flow import React from 'react'; i