給初心者一個讚

2016年4月16日星期六

台北東區 MARGOT shopping earring

今天跟Ameko來買耳環。

但其實她是一個沒穿耳洞的女生
這家店蠻隱密的，位在住宅區內的2樓
一進門就很多人。

等等要吃什麼勒?

2015年2月11日星期三

My God grant me the serenity to accept the things I cannot change,
The courage to change the things I can,
And the wisdom to know the difference.

請賜我寧靜，去接受我不能改變的一切；
賜我勇氣，去改變我能改變的一切；
並賜我智慧，去分辨兩者的不同。
當我痛苦時請告訴我 去面對所有
請賜我寧靜去接受我不能改變的一切
賜我勇氣去改變我能改變的一切
賜我智慧去分辨兩者的不同.

2014年12月21日星期日

CSS

CSS Typegraphy

14 / 16 = 0.875em (14px equivalent)
16 / 16 = 1em (16px equivalent)
18 / 16 = 1.125em (18px equivalent)
21 / 16 = 1.3125em (21px equivalent)
24 / 16 = 1.5em (24px equivalent)
30 / 16 = 1.875em (30px equivalent)

About Web px transform to em acc.

2014年7月30日星期三

筆記: 利用SQL找出欄位值重複的紀錄

USE DB;

SELECT * FROM TABLE

GROUP BY T1

HAVING COUNT(*) > 1;

TIPS: 利用HAVING的限制規則找出所有欄位值大於1的T1.

2014年6月27日星期五

My Way

今天聽到一首歌

歌詞如下分享給大家

連結 :https://www.youtube.com/watch?v=6E2hYDIFDIU

My Way

And now, the end is near, 如今，終點已近，
And so I face the final curtain. 於是，我面對最後的一幕。
My friends, I'll say it clear; 朋友，讓我說清楚；
I'll state my case of which I'm certain. 我要明確的為自己下註腳。
I've lived a life that's full - 我已經活了充實的一生，
I've traveled each and every highway. 我走過所有的大道，
And more, much more than this, 但更重要，更重要的是，
I did it my way. 一切都照我自己的方式做。

Regrets? I've had a few, 懊悔？我曾有過一些，
But then again, too few to mention. 不過，值得一提的也不多，
I did what I had to do 我只是做我應該做的
And saw it through without exemption. 順其自然，不求倖免。
I planned each charted course - 我計畫每一次行程，
Each careful step along the byway, 沿著路線謹慎的踏出每一步，
And more, much more than this, 但更重要，更重要的是，
I did it my way. 一切都照我自己的方式做。

Yes, there were times, I'm sure you knew, 是的，曾經有那麼幾次，我相信你也知道，
When I bit off much more than I could chew 當我咬下我嚼不動的分量
But through it all, when there was doubt, 但在那一切過程之中，當我有所疑慮，
I ate it up and I spit it out. 我依然打落牙齒和血吞
I faced it all and I stood tall 我挺直腰面對一切，
And did it my way. 一切都照我自己的方式做。

I've loved, I've laughed and cried, 我曾愛過，也曾過笑過、哭過
I've had my fill - my share of losing. 我曾志得意滿，也曾嚐過失敗，
And now, as tears subside, 如今，淚痕已乾，
I find it all so amusing. 我發現一切都相當有趣。
To think I did all that, 回想我所做的一切，
And may I say, not in a shy way - 請容我大言不慚的說，
“Oh no. Oh no, not me “噢！不！我可不一樣，
I did it my way.” 一切都照我自己的方式做。”

For what is a man? What has he got? 因為，甚麼是男子漢? 他該擁有甚麼?
If not himself - Then he has not. 如果不能擁有他的自我，還能有些甚麼?
To say the things he truly feels 說出他真摯的感受，
And not the words of one who kneels. 而不是卑躬屈膝的語言,

The record shows I took the blows 紀錄顯示，我承受一切打擊，
And did it my way. 一切都照我自己的方式做。
I did it my way. 是的!那就是我的方式。

歌詞摘取自:
http://blog.xuite.net/olin_chen/song/20188715-My+way-%E4%B8%AD%E8%8B%B1%E6%96%87%E6%AD%8C%E8%A9%9E%26%E6%AD%8C%E6%9B%B2%E6%AC%A3%E8%B3%9E

2014年3月8日星期六

台灣應用材料文藝季

今天去清華大學聽了一場演講。

由台灣應用材料舉辦，蔣勳先生主講的"紅樓夢與中國神話"。
http://www.amtcharity.com/01-1.html

該怎麼說，覺得真的還不錯，首先讓我印象最深刻的有

每個生命都有他在那個時刻的難度

寶玉本是女媧補天剩下的最後一顆石頭，黛玉原是絳珠草，絳是紅色，珠是眼淚的意思
石頭自我修煉成人並日日灌溉旁邊的那顆絳珠草。直到寶玉下凡後，黛玉為了還這段緣分，於是用眼淚來償還(黛玉在紅樓夢中常哭)。

神話最動人的是他口耳相傳的部份　在文字記載之後版本就一個了

元迎探惜是賈家的四個女兒分別為元春,迎春,探春,惜春，身世都落得不好的下場。所以有
原應嘆息這句來著。

太陽神大家想到的是阿波羅那是西方的我們東方的有一個太陽神叫做東君記著了！

蔣勳先生說其實西方的神話像是哈利波特或是魔戒有他正面的意義，像是小孩子若是開學到了其實不想去上學，可是哈利波特故事內的火車說可直達到魔法學校，這樣是不是就讓小朋友多了一點想像和上學的樂趣。中國這的思想是＂子不語怪力亂神＂，讓大人別讓小孩聽太說太多這類鬼怪的故事，但其實可以保留正面的意義，別讓神話都給埋掉了，所以童話和神話對小朋友來說都是很重要的。

裡頭還列舉了很多紅樓夢人物的小故事，蔣勳老師說故事的功力實在很厲害，聽完我立刻就想要把紅樓夢給好好讀一遍，這場演講是兩個小時，我到了一個小時又五十分才開始打哈欠～哈，很精彩。

我想這次演講最重要的是我們要把神話看做一個傳承或是流傳，若您是一位母親，你要怎麼像小孩子說故事，每個人的版本不同，說故事技巧也不一樣，但是在說故事的時候於小孩是很重要的，因為他代表一種對小孩的愛和關懷，也是母親和小孩之間的一種維繫，絕不是買了一本故事書就丟給小朋友自己看了。
再者，我們這一代的人大可把神話故事再重新塑造，做成電影也好動漫也好遊戲也好，應該在某種程度上發揮我們的中國文化，別輸給了西方。我們和西方不是硬要比個優劣，是因為我們文化傳統不同，在各方面我們的思想和做人已經有我們的一套，我們的神話和故事反映到社會種種，小說也是像紅樓夢三百年的書還是很多人在看，那代表著我們文化其實非常的優秀和經典，所以除了發揮自己的想像力和頭腦，更應該多關心自己文化上面的精華。

希望大家有空就去找一些演講來聽，其實觸類旁通喔！

2014年2月19日星期三

PHP BASIC 1.1

上節我們說到
1. PHP的語法要以 <?php ... ?> 來寫
2. echo 的用法

今天要說的是:

<?php
echo '這是一個php的網頁';
?>
同等於
<?php
$a = '這是一個php的網頁';
echo $a;
?>
-----------------------------------------------
php的變數是以$符號當作開頭然後再加上變數名稱組成的，而且我們不需要先指定php的變數型態像是整數,浮點數,字串或布林值，php會自動解析之.

像是
<?php
$a = '你好'; // 字串
$_afafdafaf = 100 ; //可以用$_ 底線來開頭
?>

特別注意的是
1. 變數名稱之前不可是數字 : $123x = 100;
2. $x 和 $X是不同的變數
--------------------------------------------------

我們還可以使用var_dump函數來顯示變數的資訊
<?php
$x = 123;
$y = true;
$z = 'hi';
var_dump($x,$y,$z);
?>
上述回傳的結果會是
int(123) // 整數
bool(true) //布林值true
string(2) "hi" // 長度是2個字元,數值是"hi"

今天我們學到
1. 變數的基本規則
2. var_dump顯示變數的資訊

2014年2月18日星期二

PHP BASIC 1

PHP 的歷史大家可以上網去搜尋一下就好,在此不多贅述(若有問題歡三梔阳再幫忙:D),下面我們直接從基礎開始去了解PHP吧!

傳統HTML架構

<html>

<body>

這是一個html網頁

</body>

</html>

PHP在HTML內寫法:

<html>

<body>

<?php ... ?>

</body>

</html>

----------------------------------------------------------

echo : 用來印出字串在網頁上面. 可用單引號' '或雙引號" ".

<html>

<body>

<?php

echo '我是PHP顯示出來的文字';

</body>

</html>

今天我們學到了

1. 撰寫php code的時候我們要以 <?php ... ?> 來寫

2. echo的用法

2014年1月18日星期六

JavaScript-11 迴圈的控制-4

接續JavaScript-11 迴圈的控制-3

今天一起來學習
1. for ( ) { }
2. for / in
3. while
4. do while
---------------------------------------------------
4. do while

大家一起先看下面例子比較清楚

<script>
var i = 1;//宣告變數i
var sum =0;//宣告變數sum
do{
document.write(i);//顯示i的值
sum += i;//sum值為i的累加
i++; // 每次迴圈遞增1
}
while(i<=5);//條件i 不可大於6,若為True就進入程式執行區塊
document.write("<hr>"+"總合為:"+sum);
</script>

-----------------------------------------------------
以上Js顯示內容為:

12345

總合為:15

do 和 do...while 不同的地方就是do..while會先執行過do內區塊的程式再執行while內程式的判斷才決定執行與否.

2013年12月11日星期三

Sublime Text : Zen Coding

最近三梔阳要學著用Zen Coding 來寫Code，因為真的可以加快開發的速度~所以用了一陣子的Sublime Text決定安裝一下

Sublime Text 安裝
http://www.sublimetext.com/ 官方網站

啟用Package Control
https://sublime.wbond.net/installation

那我們就來看看怎麼安裝吧

1. 安裝好Sublime --> 都是一直按下一步--->啟動 Sublime Text 畫面如下

2. 安裝Package Control , 我們在sublime text畫面按下 Ctrl + `
就會出現Console如(圖1),之後我們再複製Package Control官網的文字(圖2)貼上按下Enter.

圖1

圖2

3. 或是您使用Package Control 提供的手動方式安裝

4. 之後我們在Sublime Text ---> Tools ---> Command Palette

5. 按下Command Palette後彈出視窗再打上 Install Package

6. 按下之後再打上 emmet 按下 Enter 就OK了!

7. 按下 Ctrl +Shift+Enter 就可以進行預覽的輸入(不打就不會預覽)

比如說
打這段div#wrapper後按下 Tab鍵就會出現<div id="wrapper"></div>

8. 詳細的教學和使用方使可以在下面兩個網站參考一下

http://docs.emmet.io/abbreviations/syntax/
https://code.google.com/p/zen-coding/

2013年12月9日星期一

JavaScript-11 迴圈的控制-3

接續JavaScript-11 迴圈的控制-2

今天一起來學習
1. for ( ) { }
2. for / in
3. while
4. do while
---------------------------------------------------

3. while (條件式 ) {程式執行區塊 }

while 和 if 不同的是它將增減的部份寫在執行程式區塊內,而迴圈的執行是在開頭條件式檢查若為True就進入程式執行區塊,若為False就離開迴圈。看以下範例:
---------------------------------------------------
<script>

var i=1; //宣告變數i
  var sum=0; //宣告變數sum

while(i<=6) //條件i 不可大於7,若為True就進入程式執行區塊
{
document.write("整數"+i+"<br/>"); //顯示所有的 i
sum += i; //總和 i
i++; // 每次迴圈遞增1
}
document.write("總和為:"+sum);

</script>

-----------------------------------------------------
以上Js顯示內容為:
整數1
整數2
整數3
整數4
整數5
整數6
總和為:21

2013年12月5日星期四

JavaScript-11 迴圈的控制-2

接續JavaScript-11 迴圈的控制

今天一起來學習
1. for ( ) { }
2. for / in
3. while
4. do while
---------------------------------------------------
2. for / in--主要是顯示物件所有的屬性

for(test in objExample)
{
document.write("屬性:" + test + "=" + objExample[test] );
}

以上為主要架構，for in 就是類似 for 的迴圈，objExample是一個物件，test是取得屬性名稱，所以此迴圈是一個取得所有物件的迴圈。
-----------------------------------------------------<script>
var test ;  //宣告變數test
var objExample = new Object(); //建立一個物件指定給objExample,所以此時可以將objExample當作一個物件!
  objExample.name = "三梔阳";
  objExample.age ="不小了~";
  objExample.sex = "男孩";
  objExample.email = "githyoung@gmail.com";

for(test in objExample) // 顯示所有物件的屬性
{
  document.write("屬性:" + test + "=" + objExample[test]+"<br/>" );
}

</script>
------------------------------------------------------

以上Js顯示內容為:

屬性:name=三梔阳
屬性:age=不小了~
屬性:sex=男孩
屬性:email=githyoung@gmail.com

函數和物件等之後再仔細說明吧！

2013年12月4日星期三

JavaScript-11 迴圈的控制

接下來讓我們進入Js的迴圈控制部份。

迴圈是一種流程的控制，我們可以指定值或是設定條件來讓程式碼執行的順序不同，執行的位置不同，甚至是滿足某種條件之後才去執行。

以下是我們常見的
1. for ( ) { }
2. for / in
3. while
4. do while

---------------------------------------------------
1. for ( ) { }

<script>
var i ; //宣告變數i
var sum = 0; //宣告變數sum初值為0
for(i = 1; i<=5; i++) // i 初值為 1 , i 不大於5 , i ++為遞增每次加1
{
document.write(i+<br/>); //顯示i 每次的值並且換行
sum = sum + i ; // sum的值都會加上i 的值並且累加
}
document.write("總和為"+sum); ////在迴圈之外並輸出sum 的值

</script>
------------------------------------------------------
以上Js顯示內容為
1
2
3
4
5
總和為15
----------------------------------------------
我們分開三段來看:

1. for ( ) 內部：使用三個分號 "；" 來區分

i = 1 就是迴圈的初始值
i <= 5 就是說我們迴圈 i 最多執行5次
i ++ 的語法之前有提過就是遞增每次會加1

2. for ( ) { } 大括號內部：裡頭執行的就是迴圈的內容，所以我們顯示了 i 每進行迴圈一次的值
還有將 i 做一個累加總和的動作給sum
3. 迴圈之外：輸出我們總和的值

大家可以把for迴圈內的值任意變換來看看結果，不過請注意的是條件別設成無窮迴圈了
也就是不要設成這樣(隨意給個例子)
for (var i = 1 ; i <=2 ; i--)
這樣大家依照邏輯來看就知道是無限的跑迴圈~所以請各位注意囉~

2013年12月3日星期二

JavaScript-10 流程控制-4

接續JavaScript-10 流程控制-3

5. ?: 　我們可以把？當作 if，：當作else。

架構:
變數 = (判斷條件) ? True : False ; 若是判斷條件是真的為True,反之為False.
--------------------------------------------------
<script>
var IamBoy = "女孩" ;
if (IamBoy == "男孩")
{
document.write("我是個男孩沒錯!");
}
else
{
document.write("不然你是誰?");

}
</script>

---------------------------------------------------

以上if/else的語法就可以改寫成以下語法

var Anwser=" "; //指定Answer當作我們輸出網頁的變數

var IamBoy = "女孩" ; //指定變數

Answer = (IamBoy =="男孩") ? " 我是個男孩沒錯" : "不然你是誰?";

document.write(Answer);//輸出Answer內容

</script>

以上Js語法進行執行就可以得到"不然你是誰?",

2013年12月1日星期日

Google Adsense 啟動小經驗分享!!

最近想要啟動一下Google Adsense來玩玩看,可申請明明都符合Google Adsense開的條件但卻不能申請,網路上看了各種經驗分享也沒效!後來想想是自己最近都沒寫文章,所以想說那我開始每天一篇試試看(其實應該要怎麼做很久了><").

OK,重點是我連續發了三天的文章之後就可以申請了!
所以結論就是若您都符合Google開的條件卻不能申請時,也許是您太久沒發文章了...!(我流量都不高喔..汗).

JavaScript-10 流程控制-3

接續JavaScript-10 流程控制-2

4.switch 多個選擇中選一個的條件下

語法為:
---------------------------
switch(判斷的條件) // swith (變數1 == 變數2)的話
{
case "變數1"：
運行的程式碼；
　 break;
case "變數2"：
運行的程式碼；
　 break;
case "變數3"：
運行的程式碼；
　 break;
default：
　運行的程式碼；
}

switch 的架構就是我們判斷的條件只有一個邏輯或是比較運算式,寫法使用case和switch(判斷的條件/變數)是否相同來運行,而break是跳出條件的敘述,若是沒有break就會繼續往下執行程式碼.
最後一段default並非必要的程式碼,代表著若是沒有符合條件case時才執行default內的程式.
---------------------------

我們來練習一下~

<script>
var apple = "fruit"; //指定變數
switch(apple) // 判斷apple和case是否相同
{
case "banana":
document.write("香蕉啦!");
break;
case "fruit":
document.write("蘋果!");
break;
case "orange":
document.write("橘子喔!");
break;
default:
document.write("什麼都沒有!");
}
</script>

以上Js程式碼會顯示出"蘋果!".
大家也可以拿掉break來試試看會發生什麼事情~!

2013年11月28日星期四

JavaScript-10 流程控制-2

我們接續上篇JavaScript-10 流程控制

條件結構：
1. if
2. if / else
3. if / else if
4. switch
5. ?:
以上五種是我們寫程式時使用的條件性的語法。

2. if / else 二選一的狀況下：

<script>
var IamBoy = "女孩" ; // 指定變數

if (IamBoy == "男孩") //如果IamBoy變數為男孩的話,就執行{ }內的語法
{
document.write("我是個男孩沒錯!"); // 輸出" 我是個男孩沒錯! "文字
}

else // 因為指定的變數和if { } 內要執行的語法不對,結果為false,所以我們執行else{ }內的語法
{
   document.write("不然你是誰?"); // 輸出" 不然你是誰 "文字
}
</script>

以上Js語法進行執行就可以得到"不然你是誰?".
更簡易的寫法為:

--------------------------------------------------
<script>
var IamBoy = "女孩" ;

if (IamBoy == "男孩")
   document.write("我是個男孩沒錯!");
else
   document.write("不然你是誰?");
</script>
-------------------------------------------------

3. if / else if 多選擇的狀況下：

<script>
var Aboy = "男" ;
var Agirl = "女" ;
var Aoldman = "老頭子" ;

if (Aboy=="老頭子")
document.write("你是男生");
else
if (Agirl=="女")
document.write("你是女生");
   else
   if(Aoldman=="老頭子")
document.write("你是?");
</script>

以上Js語法進行執行就可以得到"妳是女生",
很簡單吧,各位可以自己自訂變數來得到想要的結果喔!

2013年11月27日星期三

JavaScript-10 流程控制

今天介紹JavaScript的流程控制，先簡單提一下流程控制是什麼~

流程控制其實就是我們日常生活處理事情的過程和決策的方法~大致可分為三種

比如我今天要去買菜當作例子，

1. 買完青菜再買肉，接著再買飲料，按照順序一個一個的去買---循序結構
2. 因為肉今天搭配飲料比較便宜，所以我選擇先去買肉和飲料--選擇條件結構

3. 搭手扶梯去1,2,3F買東西，我們若是不離開手扶梯就會一直卡在手扶梯就像迴圈一樣~
而假設2F可以買肉所以我去了2F，所以我就結束了這個手扶梯重複迴圈。
若是我被騙了原來2F是賣菜的，那我會回到原點再去看1,3F哪層是買肉的，直到是真的我才會離開手扶梯--重複條件結構
以上三點就是簡單比喻一下有個概念，以下就進入我們主要的主題部份：

條件結構：
1. if
2. if / else
3. if / else if
4. switch
5. ?:
以上五種是我們寫程式時使用的條件性的語法。

1. if - 條件式的執行，屬於單選題，程式對了才執行我們要的結果：

<script>
var IamBoy = "男孩" ; // 指定變數

if (IamBoy = "男孩") //如果IamBoy變數為男孩的話,就執行{ }內的語法
{
document.write("我是個男孩沒錯!"); // 輸出我是個男孩沒錯文字
}
</script>

以上Js語法進行執行就可以得到"我是個男孩沒錯!".

2013年11月25日星期一

CSS Input type 選擇器(selector)

我們知道在寫網頁時有關文字方塊,選單,多重選單,選取方塊這些樣式是

<input type="text" >

<input type="password" >

or <input type="checkbox" >

那有沒有一種寫法可以針對所有的input type分別來做樣式的設計呢?

有的,那就是

input[type="text"] , input[type="password"] or input[type="checkbox"]

範例:

<style type="text/css" media="screen">
input[type="text"] {background-color:#000000;}
</style>

加上上面這段css再套用在您網頁中的

<p>
<input type="text" />
<input type="password" />
<input type="checkbox" />
</p>

就可以了。

總結:
1. input[type='text'] or input[type=text] 這兩種寫法也OK.
2. 具有type屬性的input元素皆適用此規則
3. Windows IE 6以下不對應，IE 7以上對應

2013年10月9日星期三

HTML5 圖片與選單中間空白問題

在HTML5中,圖片會對齊基線再顯示,所以圖片下方都會顯示一條空白~

範例:

<!DOCTYPE HTML>
<html>
<head></head>
<body>
<div id="img">
<img src="yourimg.jpg" alt="">
</div>
<div id="nav">
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
</ul>
</div>
</body>
</html>

#img img{vertical-align: bottom;} 這時候只要加上這條CSS語法就可以解決這問題喔~~!!

訂閱：文章 (Atom)

2016年4月16日 星期六

2015年2月11日 星期三

2014年12月21日 星期日

2014年7月30日 星期三

2014年6月27日 星期五

2014年3月8日 星期六

2014年2月19日 星期三

2014年2月18日 星期二

2014年1月18日 星期六

2013年12月11日 星期三

2013年12月9日 星期一

2013年12月5日 星期四

2013年12月4日 星期三

2013年12月3日 星期二

2013年12月1日 星期日

2013年11月28日 星期四

2013年11月27日 星期三

2013年11月25日 星期一

2013年10月9日 星期三

2016年4月16日星期六

2015年2月11日星期三

2014年12月21日星期日

2014年7月30日星期三

2014年6月27日星期五

2014年3月8日星期六

2014年2月19日星期三

2014年2月18日星期二

2014年1月18日星期六

2013年12月11日星期三

2013年12月9日星期一

2013年12月5日星期四

2013年12月4日星期三

2013年12月3日星期二

2013年12月1日星期日

2013年11月28日星期四

2013年11月27日星期三

2013年11月25日星期一

2013年10月9日星期三