React Note(1) – JSX

ReactJS is a JavaScript library for building UI.

 

before continue, you should have some basic knowledge about component and JavaScript.

Component

In React, everything based on component.

Put different components  together to build a complex UI.

Usually use JSX to make component. (This is optional because JSX will become JavaScript after compiler. )

繼續閱讀

廣告

Avoid conflicts when loading multiple versions of jQuery

「jQuery」的圖片搜尋結果

These days I face a problem is about jQuery version conflict issue.

Our code is based on old jQuery version.
If today we want to use a plugin but it needs other jQuery version, what can we do?

Here is jQuery.noConflict() document.

This document has very detail explaination and useful sample code.
Teach you how to use noConflict() method.

Here is my sample:

 

 

please let me know If  have any better solution 🙂

歷史影集片單

Netflix

我的影集人生大概是從大學進入一個巔峰期哈哈,來列一下影集的清單做個紀錄,大家多看影集英文聽力真的會變好哦~

吸血鬼


  1. 吸血鬼日記 (七,等第八季)
    女主角是我的愛,兩個吸血鬼兄弟爭同一個女朋友,中間雖然有點混亂,但整體劇情還不錯哈哈哈,第八季女主角好像會重新出場 。
  2. 始祖家族 (吸血鬼日記-前傳 沒追完)
    本人對古代劇情片比較沒什麼興趣,古老吸血鬼始祖也是XD,這主要在講吸血鬼的起源

英雄片


  1. 綠箭俠 (沒追完)
    劇情沒有那麼吸引我所以追不下去了..
  2. 閃電俠 (沒追完)
    那時候好像是更新很慢,所以追到後來忘記追了,考慮看完
  3. 漫威夜魔俠 (沒追完)
    整部影集我覺得都太暗了哈哈,看不太清楚的感覺,劇情也沒有很吸引我所以…
  4. 漫威潔西卡瓊斯 (一) 3/8 Netflix上第二季
    女主角我的愛,劇情比較刺激緊張,極度爽片,第二季即將上映非常的期待!!!!
  5. 漫威捍衛者聯盟
    動作爽片啊!雖然中間有點拖戲但是我覺得整體來說還是會想看完的

繼續閱讀

Xamarin Forms Note -1 (Pages/Layout/Views)

xamarin

Xamarin.Forms 小筆記 (1)  – Pages/Layout/Views

點選連結可以查看在各個平台中不同頁面展示的效果。

Pages :

Pages.png

TemplatePage:顯示全螢幕的畫面
ContentPage:可以裝不同單一頁面的容器(scroll view / stack layout)


Layout

IMG_0981.png

StackLayout:以堆疊的方式呈現畫面,預設垂直生成。
AbsoluteLayout:
兩種方式設定物件的位置,Point單純指定x,y,Rectangle指定x,y,寬,高。
RelativeLayout:
設定Constraints的方式來設定和Container相對位置。
GridLayout:
透過RowColumn的方式來展示畫面,和html table很像。
ScrollView:
ScrollViewContainer包住內容物當內容物高度大於螢幕高度,則顯示Scroll bar拖曳。

 


View

IMG_0979.png

【Review】12 Monkeys – we all in this endless cycle,aren’t we?

【HAnn score】:8.5 ★★★★½
【IMDB score】:7.6

12 Monkeys remind me this movie – “LOOPER", and starring Bruce Willis, Joseph Gordon-Levitt and Emily Blunt. In the film, time traveling is invented by the year 2074  and is used by criminal organizations to send those they want killed into the past where they are killed by “loopers" – assassins paid with silver bars strapped to the victims’ backs. Joe, a looper, encounters himself when his older self is sent back in time to be killed…

12 Monkeys has played an interesting game with us all season long,with Cole’s charming opening,we can’t help wondering what happen in this world and what story within  it

Where are you right now?

Somewhere warm? Safe?

Next to someone you love?

Now what if all that was gone, and the only thing you could do was survive?

You would, right? You’d try. You’d do things, horrible things.

Until you have that last thing you have left: yourself.

But what if you could take it back? All of it.

A reset switch. You’d hit it, right?

You’d have to. Even if you didn’t want to.

Because sometimes the choice isn’t even yours, it’s fate.

繼續閱讀

EXCEL 函數 – 逗號分隔

「Excel」的圖片搜尋結果

EXCEL 逗號分隔語法

最近收到Excel的檔案要把某直行的資料新增到SQL中
想直接用where column in ([excel 某行的所有資料])來組SQL

紀錄一下這個語法,方便兜字串哈,未來有新的常用函式也會新增在這~

  1. 開啟EXCLE並按下ALT+F11 開啟以下視窗

    未命名.png

  2. 程式碼

  3. 左上角 插入 > 模組 > 並把以下程式貼上去 如下圖

    *不用存檔,貼上後直接回EXCEL就能使用以下function了
    未命名.png

  4. 使用方法

    EXCEL的欄位值 = Combine(B5:B94) 
    *以上函式代表合併B5~B94的欄位,顯示結果為 ‘A’,’B’,’C’

 

參考連結 這裡還有很多教學大家可以看需求來找找哦