Time of Update: 2015-05-29
標籤:對事件作出反應\ <!-- alert() 函數在 JavaScript 中並不常用,但它對於代碼測試非常方便。onclick 事件只是您即將在本教程中學到的眾多事件之一。--><!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"
Time of Update: 2015-04-09
標籤: 前不久,Facebook 在F8開發人員大會上正式開源了 React Native 項目。不過目前只有 iOS 版,Android 版還需要再等一段時間,這是最新的用 JavaScript 語言開發原生 App 的嘗試,其範例程式碼相當簡潔,內建控制項也不少。Facebook 同時還為 React Native 開發了一款基於 Atom 的IDE——Nuclide,也已開源。 線上示範
Time of Update: 2015-09-23
標籤: 簡單看了下React的解決思路,及由此引申的組件化思路,突然想到JDF好像有這個趕腳~React,虛擬DOM樹,整體Render。單個組件完成UI+事件。小工具組合成大組件。區別整體的MVC。讓使用者不用關注局部的變化,即可高效的搞定。聽起來很不錯。這種思想怎麼應用於我們的現有項目呢~值得想一想。連結:http://www.infoq.com/cn/articles/subversion-front-end-ui-development-framework-react React的一些。
Time of Update: 2015-09-22
標籤:本文轉載至 http://blog.cnbang.net/tech/2698/?from=groupmessage&isappinstalled=1 React Native是facebook剛開源的架構,可以用javascript直接開發原生APP,先不說這個架構後續是否能得到福士認可,單從源碼來說,這個架構源碼裡有非常多的設計思想和實現方式值得學習,本篇先來看看它最基礎的JavaScript-ObjectC通訊機制(以下簡稱JS/OC)。概覽React
Time of Update: 2015-09-18
標籤:Origin1、React並不會通過String類型的Html片段產生DOM2、在componentWillReceiveProps中調用setState()不會觸發re-render3、componentWillUpdate中不能調用this.setState()4、在通過Ajax擷取到資料,調用this.setState()之前,應該通過this.isMounted()確定當前的component已經處在渲染完成的階段5、父組件到子組件通過props傳遞資料,子組件向父組件傳遞資料通過
Time of Update: 2015-09-06
標籤:知道這個架構有一段時間了,可是項目中沒有用到,也懶得整理,最近兩天比較清閑,又想起了它。好了,廢話不多說了,都是乾貨。react是個什麼架構?為什麼用react?react 的原理react有什麼特點? 文法 & 幾個小例子react的一些總結react是個什麼架構?React 是一個 Facebook 和 Instagram 用來建立使用者介面的 JavaScript 庫。很多人認為 React 是 mvc 中的 V(視圖),它可以與其他的架構共存;
Time of Update: 2015-08-31
標籤:React是最好的前端庫,因為其發源於世界上最好的後端語言架構。 ---信仰4.0 will likely be the last major release. Use Redux instead. It‘s really great. —Flummox架構作者 acdliteAndrew
Time of Update: 2015-08-15
標籤:react引入React可以使用Bower下載Reactbower install react引入react(.min).js和JSXTransformer.js。在React組件中可以不使用JSX,但建議使用 JSX。引入 JSXTransformer.js 庫是來實現在瀏覽器裡的代碼轉換,上線之後最好把JSX代碼轉換成正常的js代碼,然後去掉JSXTransformer.js的引用。JSX代碼寫在<script
Time of Update: 2015-08-15
標籤:reactReact是什麼React是現在(2015年)最熱門的前端技術。在React中,一切皆組件。 A JavaScript library for building user interfacesReact僅僅是用於構建使用者介面的js庫(MVC中的V),不是完整的MV*架構,所以和Angular、Backbone和Ember沒有可比性。使用jQuery操作DOM的日子也許會成為過去。React的特點(1) 僅僅是UIReact僅僅是MVC中的V。(2)
Time of Update: 2015-08-09
標籤:react-mapReact中render函數中變數map中事件無法關聯的解決辦法如下所示的代碼,Input的checkbox可以正常顯示3個,但是都無法和 handleChange關聯上。 由於代碼無法正常顯示,我用圖片 var Input = ReactBootstrap.Input; var TestCom = React.createClass({
Time of Update: 2015-07-27
標籤: Scala並發編程react、loop代碼實戰解析,內容介紹和視頻連結:http://pan.baidu.com/s/1bnlpuVH,歡迎下載視頻 內容介紹:Scala並發編程中共用線程的使用(1)在Actor類的act方法中,可以使用react方法來替代receive方法進行訊息的處理,使用react方法的好處是可以在一個線程中執行多個Actor的訊息處理函數,需要注意的是當react方法接受到的訊息匹配到它方法體中的一個偏函數時並進行訊息的處理後會導致該react方法的退出,這
Time of Update: 2015-07-26
標籤:系列學習react 翻譯地址 https://scotch.io/tutorials/learning-react-getting-started-and-concepts我是初學者,英語也不是很好,不過一直強迫自己看英文文檔。這是理解翻譯,翻譯的不好,請見諒!()中的是我翻譯過程中理解,參考下,有什麼說的不對的歡迎指點下!第一節:如何開始react和瞭解react的概念1.React是什麼 react是Facebook
Time of Update: 2015-06-10
標籤:接前一篇,把前面的ListView改成Reflux的形式 var BookActions=Reflux.createActions([ ‘fetchList‘ ]); var BookStore = Reflux.createStore({ listenables: [BookActions], bookList:[‘item1‘,‘item2‘,‘item3‘], init:function (
Time of Update: 2015-06-08
標籤:React-Native入門指南github:https://github.com/vczero/react-native-lessionReact-Native:用JavaScript開發你的原生應用,釋放Native的UI體驗,體驗 Hybird開發效率。最近一個星期寫的文章如下:第1篇hello
Time of Update: 2015-04-08
標籤:demo地址http://www.oschina.net/p/reactnativehttp://my.oschina.net/luyongfugx/blog/394427#OSC_h1_1 翻譯得很好安裝react native:按照官網 http://facebook.github.io/react-native/docs/getting-started.htmlbrew install node#安裝node watchman flowbrew install
Time of Update: 2015-04-06
標籤:ios react native UITableView表格的建立(React Native)by 伍雪穎'use strict';var React = require('react-native');var { Image, ListView, StyleSheet, Text, View,} = React;var SampleApp =
Time of Update: 2015-04-04
標籤:ios react native UITableViewCell組合建立(React Native)by 伍雪穎'use strict';var React = require('react-native');var { AppRegistry, StyleSheet, View, Image, Text,} = React;class UIImageView extends
Time of Update: 2015-04-04
標籤:ios react native 搜尋方塊和導覽列(React Native)by 伍雪穎'use strict';var React = require('react-native');var { AppRegistry, StyleSheet, View, TextInput,} = React;class SearchBar extends React.Component {
Time of Update: 2015-03-27
標籤:var React = require(‘react-native‘);var { TabBarIOS, NavigatorIOS } = React;var App = React.createClass({ render: function() { return ( <TabBarIOS> <TabBarIOS.Item title="React Native" selected={true}>
Time of Update: 2015-02-22
標籤:本文是在閱讀學習了官方的React Tutorial之後的整理,執行個體連結。 開始使用React 首先從官方擷取React.js的最新版本(v0.12.2),或者下載官方的Starter Kit,並在我們的html中引入它們: <head> <meta charset="UTF-8"> <title>React Test Page</title> <script src="../build/react.js">