React.js開發入門教學(5)-CheckBox
我們在前端常常要處理後端取來的值,這時候經常會用到判斷與顯示真偽,我看了看書,在JSX中也有
相當容易的寫法,判斷的寫法與原本javascript或是PHP幾乎是完全一樣,也就是用「?:」就可以
了。讓我們來寫看看~
我們在前端常常要處理後端取來的值,這時候經常會用到判斷與顯示真偽,我看了看書,在JSX中也有
相當容易的寫法,判斷的寫法與原本javascript或是PHP幾乎是完全一樣,也就是用「?:」就可以
了。讓我們來寫看看~
在React中,其實可以用JSX來寫,那JSX是什麼東西呢?似乎是一種JavaScript與XML的一種
結合,所以你寫出來瀏覽器是看不懂的啦~哈哈哈哈哈哈………..所以他還是得被轉換一次
才能夠用,既然這樣位什麼還要用JSX呢?據說是可以淺顯易懂,而且寫起來也比較漂亮的樣子?
我也不太清楚,所以我一邊作一邊學吧~大部分的React.js都是用JSX在寫,所以要說不想學
今天要來建立一個可以取到使用者輸入的值的表單!我們一樣先建立起一個處理傳值的方法
所以javascript的部份先寫成這樣
var form = React.createClass({
render:function(){
return React.DOM.div( //建立一個裡面有一個input跟h2的區塊
null,
React.DOM.input({type: 'text'}),
React.DOM.h2(null, 'TEST')
)
}
}
);
ReactDOM.render(
React.createElement(form),
document.getElementById('test')
);
現在JavaScript的函式庫琳瑯百目,其中很受到注目的就是由Facebook所推出的React.JS了。
我也是剛開始初學,所以就一邊練習一邊教學吧(笑),但我的最終目的是希望能夠透過ReactNative
來寫些小小的APP~。那就廢話不多說,讓我們先從不需要安裝任何環境的狀況下來學習React的
撰寫方式吧!
上一篇我們已經成功的將最基本的DOM的建立與hello world學會了,這一次我們
來學學怎麼改變傳入DOM的變數吧。我們延續上次所用的hello world的代碼,但
是這次我們不要讓他固定顯示hello world,所以我們應該把建立元素的部分把它
前一陣子開發的專案用在台灣很常被使用的Codeigniter來開發,開發起來果然夠快,簡單明瞭
的MVC架構,當然除了MVC以外還自己增加了Service層讓Controller不要這麼肥大!但是還
是很肥(翻白眼)。為了讓函數有效的被利用,上司當然會不斷的叫我把函數共通化,而共通化的
結果就是客人要我改個東西,忘記還有其他的機能也用到這個函數,一開其他地方就出錯了!這個
今天工作碰到客人原有的舊系統沒辦法支援PHP7,因為系統是用cakePHP1.3寫的,而新的網站我已經改用
PHP7.0來執行,所以這下就必須碰到在同一個domain裡面要共存兩個版本的PHP才行。網路上查了一下方法
大部分都是Nginx+php-fpm來達到。但其實apache本身也能夠做到一樣的事情。作法是這樣的
在原本的jQuery上提供的combo box範例上,使用了相當多的 .attr() 來進行元素上參數的變動
但很可惜的 IE8 並沒有辦法很好的支援 .attr() 的運作。因此我稍微修改了一下,改成使用 .data()
來達到一樣的效果。代碼可以參考我下方的連結 :)
在北海道的冬天才有辦法體驗的公魚垂釣(ワカサギ釣り),大家體驗過了嗎?
原本以為要到郊外還是比較遠的地方才能體驗,但其實意外的離札幌車站很近喔!從札幌車站出發只需要30分鐘就能到茨戸川(ばらとかわ)體驗公魚垂釣的樂趣喔!
話說回來什麼是公魚垂釣呢?其實大家應該都在電視上看過有人在冰天雪地下挖個洞釣魚吧?沒錯!就是那個啦!
不知道到底還有多少人在用IE8呢?最近做的系統客戶要求要對應IE8,很多現在能用的語法回到IE8就不能用了
今天碰到一個最傻眼的問題就是IE8本身有個BUG,就是當我們把CSS的margin-top屬性設定為某個值時,基本
上在IE8是根本不管用的!!