tag:blogger.com,1999:blog-16583877088433778392024-02-19T16:14:38.622+08:00給初心者一個讚一個半路出家,自學網頁設計的人.
期待文章可以帶給跟我一樣的初心者更多的幫助!三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.comBlogger69125tag:blogger.com,1999:blog-1658387708843377839.post-24048139863860381612016-04-16T14:42:00.001+08:002016-04-16T15:04:46.535+08:00台北東區 MARGOT shopping earring<p dir="ltr">今天跟Ameko來買耳環。</p>
<p dir="ltr">但其實她是一個沒穿耳洞的女生<br>
這家店蠻隱密的,位在住宅區內的2樓<br>
一進門就很多人。</p>
<p dir="ltr">等等要吃什麼勒?<br>
</p>
<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxZNFCb21HVnktfQeZH1EgXbXXFN1iFssesEHQB1M5o6VhgPrtQwtkry_IxbtVMc_1zC8IyFIyfTcW9WACGCxfHnL1TpyveZ8CeJPsNQglSoDaKnGygTkGnkN2NBQWy1tBbrCV3hKRGhyy/s1600/P_20160416_143709.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxZNFCb21HVnktfQeZH1EgXbXXFN1iFssesEHQB1M5o6VhgPrtQwtkry_IxbtVMc_1zC8IyFIyfTcW9WACGCxfHnL1TpyveZ8CeJPsNQglSoDaKnGygTkGnkN2NBQWy1tBbrCV3hKRGhyy/s640/P_20160416_143709.jpg"> </a> </div>三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.com0tag:blogger.com,1999:blog-1658387708843377839.post-34541723372501918282015-02-11T00:33:00.004+08:002020-09-09T01:47:46.687+08:00寧靜禱文<b style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 14px;"><span face="" style="color: #333333; font-size: 15px; line-height: 20px;">My God grant me the serenity to accept the things I cannot change,</span><br style="color: #333333; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: 15px; line-height: 20px;" /><span face="" style="color: #333333; font-size: 15px; line-height: 20px;">The courage to change the things I can, </span><br style="color: #333333; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: 15px; line-height: 20px;" /><span face="" style="color: #333333; font-size: 15px; line-height: 20px;">And the wisdom to know the difference.</span><br style="color: #333333; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: 15px; line-height: 20px;" /><br style="color: #333333; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: 15px; line-height: 20px;" /><span face="" style="color: #333333; font-size: 15px; line-height: 20px;">請賜我寧靜,去接受我不能改變的一切;<br />賜我勇氣,去改變我能改變的一切;<br />並賜我智慧,去分辨兩者的不同。</span></b><br />
<span face="" style="color: #333333;"><span style="background-color: white; font-size: 15px; line-height: 20px;"><b>當我痛苦時 請告訴我</b></span></span><b style="color: #333333; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: 15px; line-height: 20px;"> 去面對所有</b><br /><span face="" style="color: #333333;"><span style="background-color: white; font-size: 15px; line-height: 20px;"><b>請賜我寧靜 去接受我不能改變的一切</b></span></span><br />
<span face="" style="color: #333333;"><span style="background-color: white; font-size: 15px; line-height: 20px;"><b>賜我勇氣 去改變我能改變的一切</b></span></span><br />
<span face="" style="color: #333333;"><span style="background-color: white; font-size: 15px; line-height: 20px;"><b>賜我智慧 去分辨兩者的不同.</b></span></span>三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.com0tag:blogger.com,1999:blog-1658387708843377839.post-50659538065445108942014-12-21T20:24:00.000+08:002014-12-21T20:24:21.310+08:00CSS <blockquote class="tr_bq">
CSS Typegraphy</blockquote>
<b>14 / 16<span class="Apple-tab-span" style="white-space: pre;"> </span>= <span class="Apple-tab-span" style="white-space: pre;"> </span>0.875em <span class="Apple-tab-span" style="white-space: pre;"> </span>(14px equivalent)</b><br />
<b>16 / 16<span class="Apple-tab-span" style="white-space: pre;"> </span>= <span class="Apple-tab-span" style="white-space: pre;"> </span>1em <span class="Apple-tab-span" style="white-space: pre;"> </span>(16px equivalent)</b><br />
<b>18 / 16 = <span class="Apple-tab-span" style="white-space: pre;"> </span>1.125em <span class="Apple-tab-span" style="white-space: pre;"> </span>(18px equivalent)</b><br />
<b>21 / 16 = <span class="Apple-tab-span" style="white-space: pre;"> </span>1.3125em <span class="Apple-tab-span" style="white-space: pre;"> </span>(21px equivalent)</b><br />
<b>24 / 16 = <span class="Apple-tab-span" style="white-space: pre;"> </span>1.5em <span class="Apple-tab-span" style="white-space: pre;"> </span>(24px equivalent)</b><br />
<b>30 / 16 = <span class="Apple-tab-span" style="white-space: pre;"> </span>1.875em <span class="Apple-tab-span" style="white-space: pre;"> </span>(30px equivalent)</b><br />
<br />
About Web px transform to em acc.三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.com0tag:blogger.com,1999:blog-1658387708843377839.post-65861536739549843112014-07-30T00:55:00.000+08:002014-07-30T00:55:19.864+08:00筆記: 利用SQL找出欄位值重複的紀錄<br />
USE DB;<br />
<br />
SELECT * FROM TABLE<br />
<br />
GROUP BY T1<br />
<br />
HAVING COUNT(*) > 1;<br />
<br />
TIPS: 利用<span style="color: red;">HAVING</span>的限制規則找出<span style="color: red;">所有</span>欄位值<span style="color: red;">大於1</span>的T1.三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.com0tag:blogger.com,1999:blog-1658387708843377839.post-77271209492317570632014-06-27T02:36:00.006+08:002014-06-27T02:36:58.375+08:00My Way<blockquote class="tr_bq">
<span style="background-color: yellow;">今天聽到一首歌</span></blockquote>
歌詞如下分享給大家<br />
<br />
連結 :<a href="https://www.youtube.com/watch?v=6E2hYDIFDIU">https://www.youtube.com/watch?v=6E2hYDIFDIU</a><br />
<br />
My Way<br />
<br />
And now, the end is near, 如今,終點已近,<br />
And so I face the final curtain. 於是,我面對最後的一幕。<br />
My friends, I'll say it clear; 朋友,讓我說清楚;<br />
I'll state my case of which I'm certain. 我要明確的為自己下註腳。<br />
I've lived a life that's full - 我已經活了充實的一生,<br />
I've traveled each and every highway. 我走過所有的大道,<br />
And more, much more than this, 但更重要,更重要的是,<br />
I did it my way. 一切都照我自己的方式做。<br />
<br />
Regrets? I've had a few, 懊悔?我曾有過一些, <br />
But then again, too few to mention. 不過,值得一提的也不多,<br />
I did what I had to do 我只是做我應該做的<br />
And saw it through without exemption. 順其自然,不求倖免。<br />
I planned each charted course - 我計畫每一次行程,<br />
Each careful step along the byway, 沿著路線謹慎的踏出每一步,<br />
And more, much more than this, 但更重要,更重要的是,<br />
I did it my way. 一切都照我自己的方式做。<br />
<br />
Yes, there were times, I'm sure you knew, 是的,曾經有那麼幾次,我相信你也知道,<br />
When I bit off much more than I could chew 當我咬下我嚼不動的分量<br />
But through it all, when there was doubt, 但在那一切過程之中,當我有所疑慮,<br />
I ate it up and I spit it out. 我依然打落牙齒和血吞<br />
I faced it all and I stood tall 我挺直腰面對一切,<br />
And did it my way. 一切都照我自己的方式做。<br />
<br />
I've loved, I've laughed and cried, 我曾愛過,也曾過笑過、哭過<br />
I've had my fill - my share of losing. 我曾志得意滿,也曾嚐過失敗,<br />
And now, as tears subside, 如今,淚痕已乾,<br />
I find it all so amusing. 我發現一切都相當有趣。<br />
To think I did all that, 回想我所做的一切,<br />
And may I say, not in a shy way - 請容我大言不慚的說,<br />
“Oh no. Oh no, not me “噢!不!我可不一樣,<br />
I did it my way.” 一切都照我自己的方式做。”<br />
<br />
For what is a man? What has he got? 因為,甚麼是男子漢? 他該擁有甚麼?<br />
If not himself - Then he has not. 如果不能擁有他的自我,還能有些甚麼?<br />
To say the things he truly feels 說出他真摯的感受,<br />
And not the words of one who kneels. 而不是卑躬屈膝的語言, <br />
<br />
The record shows I took the blows 紀錄顯示,我承受一切打擊, <br />
And did it my way. 一切都照我自己的方式做。<br />
I did it my way. 是的!那就是我的方式。<br />
<br />
<br />
歌詞摘取自:<br />
<a href="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">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</a>三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.com0tag:blogger.com,1999:blog-1658387708843377839.post-36696801257280124392014-03-08T21:42:00.006+08:002014-03-08T22:21:13.730+08:00台灣應用材料文藝季<blockquote class="tr_bq">
今天去清華大學聽了一場演講。</blockquote>
由 台灣應用材料舉辦,蔣勳先生主講的<b>"紅樓夢與中國神話"</b>。<br />
<a href="http://www.amtcharity.com/01-1.html"><i>http://www.amtcharity.com/01-1.html</i></a><br />
<br />
<span style="font-family: inherit;">該怎麼說,覺得真的還不錯,首先讓我印象最深刻的</span><span style="font-family: Arial, Helvetica, sans-serif;">有</span><br />
<br />
<b>每個生命都有他在那個時刻的難度</b><br />
<br />
寶玉本是女媧補天剩下的最後一顆石頭,黛玉原是絳珠草,絳是紅色,珠是眼淚的意思<br />
石頭自我修煉成人並日日灌溉旁邊的那顆絳珠草。直到寶玉下凡後,黛玉為了還這段緣分,於是用眼淚來償還(黛玉在紅樓夢中常哭)。<br />
<br />
<span style="font-family: Times, Times New Roman, serif;"><b>神話最動人的是他口耳相傳的部份 在文字記載之後 版本就一個了</b></span><br />
<br />
元 迎 探 惜 是賈家的四個女兒分別為元春,迎春,探春,惜春,身世都落得不好的下場。所以有<br />
原 應 嘆 息 這句來著。<br />
<br />
太陽神大家想到的是阿波羅 那是西方的 我們東方的有一個太陽神 叫做 <b>東君</b> 記著了!<br />
<br />
蔣勳先生說其實西方的神話像是哈利波特或是魔戒有他正面的意義,像是小孩子若是開學到了其實不想去上學,可是哈利波特故事內的火車說可直達到魔法學校,這樣是不是就讓小朋友多了一點想像和上學的樂趣。中國這的思想是"子不語怪力亂神",讓大人別讓小孩聽太說太多這類鬼怪的故事,但其實可以保留正面的意義,別讓神話都給埋掉了,所以童話和神話對小朋友來說都是很重要的。<br />
<br />
裡頭還列舉了很多紅樓夢人物的小故事,蔣勳老師說故事的功力實在很厲害,聽完我立刻就想要把紅樓夢給好好讀一遍,這場演講是兩個小時,我到了一個小時又五十分才開始打哈欠~哈,很精彩。<br />
<br />
我想這次演講最重要的是我們要把神話看做一個傳承或是流傳,若您是一位母親,你要怎麼像小孩子說故事,每個人的版本不同,說故事技巧也不一樣,但是在說故事的時候於小孩是很重要的,因為他代表一種對小孩的愛和關懷,也是母親和小孩之間的一種維繫,絕不是買了一本故事書就丟給小朋友自己看了。<br />
再者,我們這一代的人大可把神話故事再重新塑造,做成電影也好動漫也好遊戲也好,應該在某種程度上發揮我們的中國文化,別輸給了西方。我們和西方不是硬要比個優劣,是因為我們文化傳統不同,在各方面我們的思想和做人已經有我們的一套,我們的神話和故事反映到社會種種,小說也是像紅樓夢三百年的書還是很多人在看,那代表著我們文化其實非常的優秀和經典,所以除了發揮自己的想像力和頭腦,更應該多關心自己文化上面的精華。<br />
<br />
希望大家有空就去找一些演講來聽,其實觸類旁通喔!三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.com0tag:blogger.com,1999:blog-1658387708843377839.post-35989849185512742932014-02-19T00:46:00.002+08:002014-02-20T12:21:23.738+08:00PHP BASIC 1.1<blockquote class="tr_bq">
上節我們說到<br>
1. PHP的語法要以 <?php ... ?> 來寫<br>
2. echo 的用法</blockquote>
<br>
<b>今天要說的是:</b><br>
<br>
<?php<br>
echo '這是一個php的網頁';<br>
?><br>
<i>同等於</i><br>
<?php<br>
$a = '這是一個php的網頁';<br>
echo $a;<br>
?><br>
-----------------------------------------------<br>
php的變數是以$符號當作開頭然後再加上變數名稱組成的,而且我們不需要先指定php的變數型態像是整數,浮點數,字串或布林值,php會自動解析之.<br>
<br>
像是<br>
<?php<br>
$a = '你好'; // 字串<br>
$_afafdafaf = 100 ; //可以用$_ 底線來開頭<br>
?><br>
<br>
<i>特別注意的是</i><br>
<i>1. <span style="color: red;">變數名稱之前不可是數字</span> : $123x = 100;</i><br>
<i>2. <span style="color: red;">$x 和 $X是不同的變數</span></i><br>
--------------------------------------------------<br>
<br>
我們還可以使用<span style="color: red;">var_dump</span>函數來顯示變數的資訊<br>
<?php<br>
$x = 123;<br>
$y = true;<br>
$z = 'hi';<br>
<span style="color: red;">var_dump</span>($x,$y,$z);<br>
?><br>
上述回傳的結果會是<br>
int(123) // 整數<br>
bool(true) //布林值true<br>
string(2) "hi" // 長度是2個字元,數值是"hi"<br>
<br>
<br>
<i>今天我們學到</i><br>
<i>1. 變數的基本規則</i><br>
<i>2. var_dump顯示變數的資訊</i>三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.com0tag:blogger.com,1999:blog-1658387708843377839.post-53094500586580022702014-02-18T00:12:00.003+08:002014-02-18T21:53:28.597+08:00PHP BASIC 1<blockquote class="tr_bq">
PHP 的歷史大家可以上網去搜尋一下就好,在此不多贅述(若有問題歡三梔阳再幫忙:D),下面我們直接從基礎開始去了解PHP吧!</blockquote>
<div>
<i><b>傳統HTML架構</b></i></div>
<div>
<html></div>
<div>
<body></div>
<div>
這是一個html網頁</div>
<div>
</body></div>
<div>
</html></div>
<div>
<br /></div>
<div>
<i><b>PHP在HTML內寫法:</b></i></div>
<div>
<div>
<html></div>
<div>
<body></div>
<div>
<br /></div>
<div>
<span style="color: red;"><?php ... ?></span></div>
<div>
<br /></div>
<div>
</body></div>
<div>
</html></div>
</div>
<div>
<br /></div>
<div>
----------------------------------------------------------</div>
<div>
<br /></div>
<div>
<i>echo</i> : 用來印出字串在網頁上面. 可用單引號' '或雙引號" ".</div>
<div>
<br /></div>
<div>
<div>
<html></div>
<div>
<body></div>
<div>
<br /></div>
<div>
<?php </div>
<div>
<span style="color: red;">echo</span> <span style="color: red;">'</span>我是PHP顯示出來的文字<span style="color: red;">'</span><b><span style="color: red;">;</span></b></div>
<div>
?></div>
<div>
<br /></div>
<div>
</body></div>
<div>
</html></div>
</div>
<div>
<br /></div>
<div>
<b>今天我們學到了</b></div>
<div>
<i>1. 撰寫php code的時候我們要以 <?php ... ?> 來寫</i></div>
<div>
<i>2. echo的用法</i></div>
三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.com0tag:blogger.com,1999:blog-1658387708843377839.post-4219076501835433462014-01-18T23:38:00.001+08:002014-01-18T23:40:42.627+08:00JavaScript-11 迴圈的控制-4<blockquote class="tr_bq">
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18.479999542236328px;">接續<a href="http://bestnewfresh.blogspot.tw/2013/12/javascript-11-3.html" target="_blank">JavaScript-11 迴圈的控制-3</a></span></blockquote>
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18.479999542236328px;">今天一起來學習</span><br />
<b style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: #cccccc;">1. for ( ) { }</span></b><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: #cccccc;"><b>2. for / in</b></span></span><br />
<b style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: #cccccc;">3. while</span></b><br />
<b style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: red;">4. do while</span></b><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: xx-small; line-height: 18px;">---------------------------------------------------</span><br />
<b style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: red;">4. do while</span></b><br />
<b style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: red;"><br /></span></b>
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="background-color: white; line-height: 18px;">大家一起先看下面例子比較清楚</span></span><br />
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="background-color: white; line-height: 18px;"><br /></span></span>
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"><script></span></span><br />
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var i = 1;</span></span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: xx-small; line-height: 18px;">//宣告變數i </span><br />
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"> <span class="Apple-tab-span" style="white-space: pre;"> </span>var sum =0;</span></span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: xx-small; line-height: 18px;">//宣告變數sum </span><br />
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>do{</span></span><br />
<span style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: x-small; line-height: 18px;"> document.write(i);</span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: xx-small; line-height: 18px;">//顯示i的值</span><br />
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> sum += i;</span></span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: xx-small; line-height: 18px;">//sum值為i的累加 </span><br />
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> i++; </span></span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: xx-small; line-height: 18px;">/</span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: xx-small; line-height: 18px;">/ 每次迴圈遞增1</span><br />
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> }</span></span><br />
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> while(i<=5);</span></span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: xx-small; line-height: 18px;">//條件i 不可大於6,若為True就進入程式執行區塊</span><br />
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> document.write("<hr>"+"總合為:"+sum);</span></span><br />
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"></script></span></span><br />
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"><br /></span></span>
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 18px;">-----------------------------------------------------</span></span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><span style="font-family: 'Trebuchet MS', sans-serif;">以上Js顯示內容為:</span></span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><span style="font-family: 'Trebuchet MS', sans-serif;"><br /></span></span>
12345<br />
<hr />
總合為:15 <br />
<br />
do 和 do...while 不同的地方就是do..while會先執行過do內區塊的程式再執行while內程式的判斷才決定執行與否.三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.com0tag:blogger.com,1999:blog-1658387708843377839.post-59331539798030036462013-12-11T01:08:00.001+08:002013-12-11T01:08:33.024+08:00Sublime Text : Zen Coding<blockquote class="tr_bq">
最近三梔阳要學著用Zen Coding 來寫Code,因為真的可以加快開發的速度~所以用了一陣子的Sublime Text決定安裝一下</blockquote>
Sublime Text 安裝<br />
<a href="http://www.sublimetext.com/">http://www.sublimetext.com/</a> 官方網站<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl4sDxJyusSzvXeXDeuryOqekH6B-2KoYwFTRRXxvluf9bcE8BG2ThGy5srnvzKr2NlB9sCTCx3Gv38LYGR1OZUCppMoL3I9F6GddEfD8pnVmG5ne8fbw4OonmFJRIa-2oeW4J3du_sQya/s1600/sublime1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl4sDxJyusSzvXeXDeuryOqekH6B-2KoYwFTRRXxvluf9bcE8BG2ThGy5srnvzKr2NlB9sCTCx3Gv38LYGR1OZUCppMoL3I9F6GddEfD8pnVmG5ne8fbw4OonmFJRIa-2oeW4J3du_sQya/s320/sublime1.jpg" width="320" /></a></div>
<br />
<br />
啟用Package Control<br />
<a href="https://sublime.wbond.net/installation">https://sublime.wbond.net/installation</a> <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitkl6zgFeCGD60R3XJJZmbYnE58cvPQYpp-lg66VbWUoxQvFeb4PO8hnNNYu-wfcsJHhDQvy_HPvUL3O90yVVPYFS4iwe-PVwyx0c60OBGOHO4Z1gO5aZYgnWIBkE9PClT-WAEf9R98RRq/s1600/package+control.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitkl6zgFeCGD60R3XJJZmbYnE58cvPQYpp-lg66VbWUoxQvFeb4PO8hnNNYu-wfcsJHhDQvy_HPvUL3O90yVVPYFS4iwe-PVwyx0c60OBGOHO4Z1gO5aZYgnWIBkE9PClT-WAEf9R98RRq/s320/package+control.jpg" width="320" /></a></div>
<br />
<br />
那我們就來看看怎麼安裝吧<br />
<br />
1. 安裝好Sublime --> 都是一直按下一步--->啟動 Sublime Text 畫面如下<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCcgmvUxR2MieaI0UGACszn3gQSJR8sAZ2HqlUhu8EnNb2HaOx0jJDrtDt5xGOhjw7ORVs-_JVNFaIas8xebRKAdXR2k4cDBI6RP0zvfsFPRZf_lo_gSi3iyT6wmhqD4dP6com0UvlzoY_/s1600/sublime.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCcgmvUxR2MieaI0UGACszn3gQSJR8sAZ2HqlUhu8EnNb2HaOx0jJDrtDt5xGOhjw7ORVs-_JVNFaIas8xebRKAdXR2k4cDBI6RP0zvfsFPRZf_lo_gSi3iyT6wmhqD4dP6com0UvlzoY_/s320/sublime.jpg" width="320" /></a></div>
<br />
2. 安裝Package Control , 我們在sublime text畫面 按下 <span style="background-color: #ea9999;">Ctrl + ` </span><br />
就會出現Console如(圖1),之後我們再複製Package Control官網的文字(圖2)貼上按下Enter.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvVBLZnj5NbLuEY8ka31zkVA4soGbYn4i4sbrk7nGg7ifA7A4Xn5Vo6z0FxPfJbjTdBF-r_0KKN9gs5NBOzzabSvqYOCflrqXVcefmJaiUwLucn1eeOC4qrewP5VmWu1WmtkLYvDoAlnIR/s1600/sublime2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvVBLZnj5NbLuEY8ka31zkVA4soGbYn4i4sbrk7nGg7ifA7A4Xn5Vo6z0FxPfJbjTdBF-r_0KKN9gs5NBOzzabSvqYOCflrqXVcefmJaiUwLucn1eeOC4qrewP5VmWu1WmtkLYvDoAlnIR/s320/sublime2.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
圖1</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_FyV_c9rfI0QBaaLLoA9UjMKMMW2TzJUNkRxWuKyPcdFEmTub7Xh6hKSJ9TZ6IVDXw_oqsJbMBuNWlMMjpWZKGsiyyOztvNNdvUwuwXcl8yFyEQSAzTrpPtBcHxs8XOvQ7J-DJsiH6lIK/s1600/package+control2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_FyV_c9rfI0QBaaLLoA9UjMKMMW2TzJUNkRxWuKyPcdFEmTub7Xh6hKSJ9TZ6IVDXw_oqsJbMBuNWlMMjpWZKGsiyyOztvNNdvUwuwXcl8yFyEQSAzTrpPtBcHxs8XOvQ7J-DJsiH6lIK/s320/package+control2.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
圖2</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
3. 或是您使用Package Control 提供的手動方式安裝<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRf0UVL2QpbYyOdzEK89lCoiDsN3hEftDl6Fh-vi5ACsJICdhOdxQwW7fGc3VpWeqU4c6Cz6tkmQP2w983FuAoeUOUijcCsThTstpSoV5vhs3hNl1lYKnzj5z6B3qgna3afGVzAO8IAKru/s1600/package+control3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRf0UVL2QpbYyOdzEK89lCoiDsN3hEftDl6Fh-vi5ACsJICdhOdxQwW7fGc3VpWeqU4c6Cz6tkmQP2w983FuAoeUOUijcCsThTstpSoV5vhs3hNl1lYKnzj5z6B3qgna3afGVzAO8IAKru/s320/package+control3.jpg" width="320" /></a></div>
<br />
4. 之後我們在Sublime Text ---> Tools ---> Command Palette<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgClsS3qL8ql3t9bX4mCcjLKJ38RdLaVWo9FdAZjqxeWGmbIeYoy6vNRfdG-GUnUgFR3TinaWfRjhmOqya2_c0eIK0OUkFcExrnyLNURJB_xKFoOhLoRUl5kI5n770FcgOG3T56GWtsifSx/s1600/sublime3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgClsS3qL8ql3t9bX4mCcjLKJ38RdLaVWo9FdAZjqxeWGmbIeYoy6vNRfdG-GUnUgFR3TinaWfRjhmOqya2_c0eIK0OUkFcExrnyLNURJB_xKFoOhLoRUl5kI5n770FcgOG3T56GWtsifSx/s320/sublime3.jpg" width="320" /></a></div>
<br />
5. 按下Command Palette後彈出視窗再打上 Install Package<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4sq2NpWGF6J1KnDf0m6_Gxxcf8Y2x0jCn-v8IxTygRmCYfvyDNEXMXvE-835xNSctQ3rlHocB9aZdu66zJejC76roTX1Lqewr_q9_z2Rz8hZuMWp36jI_OLzlnyJLDyKQjt9WnVzbB0S7/s1600/sublime4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4sq2NpWGF6J1KnDf0m6_Gxxcf8Y2x0jCn-v8IxTygRmCYfvyDNEXMXvE-835xNSctQ3rlHocB9aZdu66zJejC76roTX1Lqewr_q9_z2Rz8hZuMWp36jI_OLzlnyJLDyKQjt9WnVzbB0S7/s320/sublime4.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
6. 按下之後再打上 <span style="color: red;"><b>emmet</b></span> 按下 Enter 就OK了!<br />
<br />
7. 按下 Ctrl +Shift+Enter 就可以進行預覽的輸入(不打就不會預覽)<br />
<br />
比如說<br />
打這段<b><span style="color: red;">div#wrapper</span></b>後按下 <span style="background-color: #ea9999;">Tab</span>鍵 就會出現<b><span style="color: red;"><div id="wrapper"></div></span></b><br />
<br />
8. 詳細的教學和使用方使可以在下面兩個網站參考一下<br />
<blockquote class="tr_bq">
<a href="http://docs.emmet.io/abbreviations/syntax/">http://docs.emmet.io/abbreviations/syntax/</a><br /><a href="https://code.google.com/p/zen-coding/">https://code.google.com/p/zen-coding/</a></blockquote>
<br />
<br />三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.com0tag:blogger.com,1999:blog-1658387708843377839.post-39154134746728510932013-12-09T23:59:00.003+08:002014-01-18T23:40:56.106+08:00JavaScript-11 迴圈的控制-3<blockquote class="tr_bq">
接續<a href="http://bestnewfresh.blogspot.tw/2013/12/javascript-11-2.html" target="_blank">JavaScript-11 迴圈的控制-2</a></blockquote>
今天一起來學習<br />
<b style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: #cccccc;">1. for ( ) { }</span></b><br />
<span style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: #cccccc;"><b>2. for / in</b></span></span><br />
<b style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: red;">3. while</span></b><br />
<b style="background-color: white; color: #cccccc; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">4. do while</b><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: xx-small; line-height: 18px;">---------------------------------------------------</span><br />
<br />
<b style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: red;">3. while (條件式 ) {程式執行區塊 }</span></b><br />
<b style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: red;"><br /></span></b>
<span style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">while 和 if 不同的是它將增減的部份寫在執行程式區塊內,而迴圈的執行是在開頭條件式檢查若為True就進入程式執行區塊,若為False就離開迴圈。看以下範例:</span><br />
<span style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">---------------------------------------------------</span><br />
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"><script></span></span><br />
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"> </span></span><br />
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"> var i=1; </span></span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: xx-small; line-height: 18px;">//宣告變數i </span><br />
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"> </span></span><span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;">var sum=0; </span></span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: xx-small; line-height: 18px;">//宣告變數sum</span><br />
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"> </span></span><br />
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"> while(i<=6) </span></span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: xx-small; line-height: 18px;">//條件i 不可大於7,若為True就進入程式執行區塊</span><br />
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"> {</span></span><br />
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"> document.write("整數"+i+"<br/>"); </span></span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: xx-small; line-height: 18px;">//顯示所有的 i </span><br />
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"> sum += i; </span></span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: xx-small; line-height: 18px;">//總和 i </span><br />
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"> i++; </span></span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: xx-small; line-height: 18px;">// 每次迴圈遞增1</span><br />
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"> }</span></span><br />
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"> document.write("總和為:"+sum);</span></span><br />
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"><br /></span></span>
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"></script></span></span><br />
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"><br /></span></span>
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;">-----------------------------------------------------</span></span><br />
<span style="background-color: white; color: #666666; line-height: 18px;"><span style="font-family: Trebuchet MS, sans-serif;">以上Js顯示內容為:</span></span><br />
<span style="font-family: Trebuchet MS, sans-serif;">整數1<br />整數2<br />整數3<br />整數4<br />整數5<br />整數6<br />總和為:21 </span><br />
<br />三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.com0tag:blogger.com,1999:blog-1658387708843377839.post-36863911294098605662013-12-05T01:36:00.003+08:002013-12-09T23:43:02.685+08:00JavaScript-11 迴圈的控制-2<blockquote class="tr_bq">
接續<a href="http://bestnewfresh.blogspot.tw/2013/12/javascript-11.html" target="_blank">JavaScript-11 迴圈的控制</a></blockquote>
今天一起來學習<br />
<b style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: #cccccc;">1. for ( ) { }</span></b><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: red;"><b>2. for / in</b></span></span><br />
<span style="color: #cccccc;"><b style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">3. while</b><br style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;" /><b style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">4. do while</b></span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 18px;">---------------------------------------------------</span></span><br />
<b style="background-color: white; color: red; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">2. for / in--主要是顯示物件所有的屬性</b><br />
<b style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: red;"><br /></span></b><span style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: blue;"><b>for</b></span></span><span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">(test </span><span style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: blue;"><b>in</b></span></span><span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"> objExample)</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">{</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"> document.write("屬性:" + test + "=" + objExample[test] );</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">}</span><br />
<br />
以上為主要架構,for in 就是類似 for 的迴圈,objExample是一個物件,test是取得屬性名稱,所以此迴圈是一個取得所有物件的迴圈。<br />
<b style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">-----------------------------------------------------</b><span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"></span><span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><script></span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"> var test ; </span><span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><span style="font-size: xx-small;"> </span><span style="background-color: #f4cccc;"><span style="font-size: xx-small;">//宣告變數test</span></span></span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"> var objExample = new Object(); </span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: xx-small; line-height: 18px;">//建立一個物件指定給objExample,所以此時可以將objExample當作一個物件!</span><br />
<span style="font-size: xx-small;"> </span><span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">objExample.name = "三梔阳";</span><br />
<span style="font-size: x-small;"> </span><span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">objExample.age ="不小了~";</span><br />
<span style="font-size: x-small;"> </span><span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">objExample.sex = "男孩";</span><br />
<span style="font-size: x-small;"> </span><span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">objExample.email = "githyoung@gmail.com";</span><br />
<span style="font-size: x-small;"><br style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;" /></span><span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"> for(test in objExample) </span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: xx-small; line-height: 18px;">// 顯示所有物件的屬性</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"> {</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"> </span><span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">document.write("屬性:" + test + "=" + objExample[test]+"<br/>" );</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"> }</span><br />
<br />
<div style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">
</script><br />
------------------------------------------------------</div>
<div style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">
<span style="font-size: xx-small;">以上Js顯示內容為:</span></div>
<div style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">
屬性:name=三梔阳<br />
屬性:age=不小了~<br />
屬性:sex=男孩<br />
屬性:email=githyoung@gmail.com</div>
<div style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">
<br /></div>
<div style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">
<span style="color: black; font-family: 'Times New Roman'; font-size: small; line-height: normal;">函數和物件等之後再仔細說明吧!</span></div>
<br />三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.com0tag:blogger.com,1999:blog-1658387708843377839.post-45554862747784598072013-12-04T00:29:00.002+08:002013-12-09T23:42:37.020+08:00JavaScript-11 迴圈的控制<blockquote class="tr_bq">
接下來讓我們進入Js的迴圈控制部份。</blockquote>
迴圈是一種流程的控制,我們可以指定值或是設定條件來讓程式碼執行的順序不同,執行的位置不同,甚至是滿足某種條件之後才去執行。<br />
<br />
以下是我們常見的<br />
<b><span style="color: red;">1. for ( ) { }</span></b><br />
<b><span style="color: red;">2. for / in</span></b><br />
<b><span style="color: red;">3. while</span></b><br />
<b><span style="color: red;">4. do while</span></b><br />
<b><span style="color: red;"><br /></span></b>
<span style="color: #666666; font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;">---------------------------------------------------</span></span><br />
<b><span style="color: red;">1. for ( ) { }</span></b><br />
<b><span style="color: red;"><br /></span></b>
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><script></span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"> var i ; </span><span style="color: #666666; font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;"><span style="line-height: 18px;"><span style="font-size: x-small;"> </span><span style="background-color: #f4cccc;"><span style="font-size: x-small;">//宣告變數i</span></span></span></span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"> var sum = 0; </span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: x-small; line-height: 18px;">//宣告變數sum初值為0</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"> for(i = 1; i<=5; i++) </span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: x-small; line-height: 18px;">// i 初值為 1 , i 不大於5 , i ++為遞增每次加1</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"> {</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"> document.write(i+<br/>); </span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: x-small; line-height: 18px;">//顯示i 每次的值並且換行</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"> sum = sum + i ; </span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: x-small; line-height: 18px;">// sum的值都會加上i 的值並且累加</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"> }</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"> </span><span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">document.write("總和為"+sum); //</span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: x-small; line-height: 18px;">//在迴圈之外並輸出sum 的值</span><br />
<div>
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"></script></span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">------------------------------------------------------</span><br />
<span style="color: #666666; font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;">以上Js顯示內容為</span></span><br />
1<br />
2<br />
3<br />
4<br />
5<br />
總和為15<br />
----------------------------------------------<br />
我們分開三段來看:<br />
<br />
<span style="color: blue;"><b>1.</b></span> for <span style="background-color: #f4cccc;">( )</span> 內部:使用三個分號 ";" 來區分<br />
<br />
<ul>
<li> i = 1 就是迴圈的初始值 </li>
<li> i <= 5 就是說 我們迴圈 i 最多執行5次</li>
<li> i ++ 的語法之前有提過就是遞增每次會加1</li>
</ul>
<br />
<span style="color: blue;"><b>2.</b></span> for ( ) <span style="background-color: #f4cccc;">{ }</span> 大括號內部:裡頭執行的就是迴圈的內容,所以我們顯示了 i 每進行迴圈一次的值<br />
還有將 i 做一個累加總和的動作給sum<br />
<span style="color: blue;"><b>3.</b></span> 迴圈之外:輸出我們總和的值<br />
<br />
大家可以把for迴圈內的值任意變換來看看結果,不過請注意的是條件別設成無窮迴圈了<br />
也就是不要設成這樣(隨意給個例子)<br />
for (var i = 1 ; i <=2 ; i--)<br />
這樣大家依照邏輯來看就知道是無限的跑迴圈~所以請各位注意囉~<br />
<br /></div>
三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.com0tag:blogger.com,1999:blog-1658387708843377839.post-43365338644230374452013-12-03T00:46:00.003+08:002013-12-03T18:05:04.505+08:00JavaScript-10 流程控制-4<blockquote class="tr_bq">
接續<a href="http://bestnewfresh.blogspot.tw/2013/12/javascript-10-3.html" target="_blank">JavaScript-10 流程控制-3</a> </blockquote>
<b><span style="background-color: white; color: red; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">5.</span><span style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><span style="background-color: white; color: red;"> ?: 我們可以把 </span><span style="background-color: white; color: blue;">?</span><span style="background-color: #fff2cc; color: red;"> 當作 if</span><span style="background-color: white; color: red;">,</span><span style="background-color: #fff2cc;"><span style="color: blue;">:</span><span style="color: blue;"> </span><span style="color: red;">當作else</span></span><span style="background-color: white; color: red;">。</span></span></b><br />
<b><span style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><span style="background-color: white; color: red;"><br /></span></span></b>
<b><span style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><span style="background-color: white; color: red;">架構:</span></span></b><br />
<b><span style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><span style="background-color: white; color: red;">變數 = (判斷條件) ? True : False ; 若是判斷條件是真的為True,反之為False. </span></span></b><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">--------------------------------------------------</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><script></span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">var IamBoy = "女孩" ; </span><br />
<span style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: red;">if</span></span><span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"> (</span><span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">IamBoy == "男孩"</span><span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">) </span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">{</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"> document.write("我是個男孩沒錯!");</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">}</span><br />
<span style="background-color: white; color: red; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">else</span><span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"> </span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">{</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"> document.write("不然你是誰?"); </span><br />
<div>
}<br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"></script></span><br />
<div>
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">---------------------------------------------------</span></div>
<div>
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><br /></span></div>
<div>
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">以上if/else的語法就可以改寫成以下語法</span></div>
<div>
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><br /></span></div>
<div>
<div>
<span style="color: #666666; font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"><script></span></span></div>
<div>
<span style="color: #666666; font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"><br /></span></span></div>
<div>
<span style="color: #666666; font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;">var Anwser=" "; <span style="background-color: #f4cccc;">//</span></span></span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">指定Answer當作我們輸出網頁的變數</span></div>
<div>
<span style="color: #666666; font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;">var IamBoy = "女孩" ; <span style="background-color: #f4cccc;">//</span></span></span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">指定變數</span></div>
<div>
<span style="color: #666666; font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"><br /></span></span></div>
<div>
<span style="font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"><span style="color: #666666;">Answer = </span><span style="background-color: #fff2cc;"><span style="color: #666666;">(IamBoy =="男孩") </span><b><span style="color: red;">?</span></b><span style="color: #666666;"> " 我是個男孩沒錯" </span><b><span style="color: red;">:</span></b><span style="color: #666666;"> "不然你是誰?"; </span></span></span></span></div>
<div>
<span style="color: #666666; font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;">document.write(Answer);<span style="background-color: #f4cccc;">//</span></span></span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">輸出Answer內容</span></div>
<div>
<span style="color: #666666; font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"><br /></span></span></div>
<div>
<span style="color: #666666; font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: x-small;"><span style="line-height: 18px;"></script></span></span></div>
</div>
<div>
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><br /></span></div>
</div>
<div>
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">以上Js語法進行執行就可以得到"不然你是誰?",</span></div>
三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.com0tag:blogger.com,1999:blog-1658387708843377839.post-8126388295313700712013-12-01T20:41:00.001+08:002013-12-01T20:41:10.933+08:00Google Adsense 啟動小經驗分享!!<blockquote class="tr_bq">
最近想要啟動一下Google Adsense來玩玩看,可申請明明都符合Google Adsense開的條件但卻不能申請,網路上看了各種經驗分享也沒效!後來想想是自己最近都沒寫文章,所以想說那我開始每天一篇試試看(其實應該要怎麼做很久了><").</blockquote>
OK,重點是<span style="color: red;">我連續發了三天的文章之後就可以申請了!</span><br />
所以結論就是<span style="background-color: #ffd966;">若您都符合Google開的條件卻不能申請時,也許是您太久沒發文章了</span>...!<span style="font-size: x-small;"><b>(我流量都不高喔..汗).</b></span>三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.com0tag:blogger.com,1999:blog-1658387708843377839.post-17617848407836876912013-12-01T20:26:00.002+08:002013-12-01T20:26:33.565+08:00JavaScript-10 流程控制-3<blockquote class="tr_bq">
接續<a href="http://bestnewfresh.blogspot.tw/2013/11/javascript-10-2.html" target="_blank">JavaScript-10 流程控制-2</a></blockquote>
<b style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: red;">4.switch 多個選擇中選一個的條件下</span></b><br />
<br />
語法為:<br />
---------------------------<br />
switch(<span style="background-color: #ffe599;">判斷的條件</span>) // swith (變數1 == 變數2)的話<br />
{<br />
<b>case</b> "變數1":<br />
運行的程式碼;<br />
<span style="color: red;">break;</span><br />
<b>case</b> "變數2":<br />
運行的程式碼;<br />
<span style="color: red;">break;</span><br />
<b>case</b> "變數3":<br />
運行的程式碼;<br />
<span style="color: red;">break;</span><br />
<b>default</b>:<br />
運行的程式碼;<br />
}<br />
<br />
switch 的架構就是我們判斷的條件只有一個邏輯或是比較運算式,寫法使用<span style="background-color: #ffe599;">case和switch(判斷的條件/變數)是否</span><span style="background-color: #ffe599;">相同</span>來運行,而<span style="color: red;"><b>break</b></span>是跳出條件的敘述,若是沒有break就會繼續往下執行程式碼.<br />
最後一段<span style="background-color: #ffe599;">default並非必要的程式碼,代表著若是沒有符合條件case時才執行default內的程式.</span><br />
---------------------------<br />
<br />
我們來練習一下~<br />
<br />
<script><br />
var apple = "fruit"; //指定變數<br />
switch(<span style="background-color: #ffe599;">apple</span>) // 判斷apple和case是否相同<br />
{<br />
case "banana":<br />
document.write("香蕉啦!");<br />
<span style="color: red;">break;</span><br />
case <span style="background-color: #ffe599;">"fruit"</span>:<br />
document.write("蘋果!");<br />
<span style="color: red;">break;</span><br />
case "orange":<br />
document.write("橘子喔!");<br />
<span style="color: red;">break;</span><br />
default:<br />
document.write("什麼都沒有!");<br />
}<br />
</script><br />
<br />
以上Js程式碼會顯示出"蘋果!".<br />
大家也可以拿掉break來試試看會發生什麼事情~!<br />
<br />
<br />三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.com0tag:blogger.com,1999:blog-1658387708843377839.post-89936766762172757792013-11-28T23:00:00.002+08:002013-11-28T23:02:28.726+08:00JavaScript-10 流程控制-2<blockquote class="tr_bq">
我們接續上篇<a href="http://bestnewfresh.blogspot.tw/2013/11/javascript-10.html" target="_blank">JavaScript-10 流程控制</a></blockquote>
<span style="background-color: #ffe599;">條件結構:</span><br />
<span style="color: red;">1.</span> if<br />
<span style="color: red;">2.</span> if / else<br />
<span style="color: red;">3</span>. if / else if<br />
<span style="color: red;">4</span>. switch<br />
<span style="color: red;">5.</span> ?:<br />
以上五種是我們寫程式時使用的條件性的語法。<br />
<br />
<b><span style="color: red;">2. if / else 二選一的狀</span><span style="color: red;">況下 </span><span style="color: red;">:</span></b><br />
<br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"><script></span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">var IamBoy = "女孩" ; // </span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">指定變數</span><br />
<br style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;" />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">if (</span><span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">IamBoy == "男孩"</span><span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">) //</span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">如果IamBoy變數為男孩的話,就執行{ }內的語法</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">{</span><br />
document.write("我是個男孩沒錯!"); // <span style="background-color: #f4cccc;">輸出" 我是個男孩沒錯! "文字</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">}</span><br />
<br />
<span style="color: red;">else</span> // <span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">因為指定的變數和if { } 內要執行的語法不對,結果為false,所以我們執行else{ }內的語法 </span><br />
{<br />
document.write("不然你是誰?"); // <span style="background-color: #f4cccc;">輸出" 不然你是誰 "文字</span><br />
}<br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"></script></span><br />
<br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"><span style="color: #666666; font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;"><span style="line-height: 18px;">以上Js語法進行執行就可以得到"不然你是誰?".</span></span></span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"><span style="color: #666666; font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;"><span style="line-height: 18px;">更簡易的寫法為:</span></span></span><br />
<br />
--------------------------------------------------<br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"><script></span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">var IamBoy = "女孩" ;</span><br />
<br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">if (</span><span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">IamBoy == "男孩"</span><span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">)</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"><span style="color: #666666; font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;"><span style="line-height: 18px;"> </span></span></span>document.write("我是個男孩沒錯!");<br />
<span style="color: red;">else</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"><span style="color: #666666; font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;"><span style="line-height: 18px;"> </span></span></span>document.write("不然你是誰?");<br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"></script></span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"><span style="color: #666666; font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;"><span style="line-height: 18px;">-------------------------------------------------</span></span></span><br />
<br />
<br />
<b><span style="color: red;">3. if / else if 多選擇的狀</span><span style="color: red;">況下 </span><span style="color: red;">:</span></b><br />
<br />
<br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"><script></span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">var Aboy = "男" ; </span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"></span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">var Agirl = "女" ;</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">var Aoldman = "老頭子" ;</span><br />
<br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">if (Aboy=="老頭子")</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"> document.write("你是男生");</span><br />
<span style="color: red;"><span style="background-color: white; font-family: 'Trebuchet MS',Trebuchet,Verdana,sans-serif; line-height: 18px;">else</span></span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"> <span style="color: red;"> if</span> (Agirl=="女")</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"> document.write("你是女生");</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"> <span style="color: red;">else</span></span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"> <span style="color: red;">if</span>(Aoldman=="老頭子")</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"> </span><span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"><span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">document.write("你是?");</span></span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"><span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"> </script> </span></span><br />
<br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"><span style="color: #666666; font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;"><span style="line-height: 18px;">以上Js語法進行執行就可以得到"妳是女生",</span></span></span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"><span style="color: #666666; font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;"><span style="line-height: 18px;">很簡單吧,各位可以自己自訂變數來得到想要的結果喔!</span></span></span><br />
<br />
<br />
<br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"><span style="color: #666666; font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;"><span style="line-height: 18px;"></span></span> </span>三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.com0tag:blogger.com,1999:blog-1658387708843377839.post-36552673340335613092013-11-27T23:21:00.002+08:002013-11-28T10:01:48.223+08:00JavaScript-10 流程控制<blockquote class="tr_bq">
今天介紹JavaScript的流程控制,先簡單提一下流程控制是什麼~</blockquote>
流程控制其實就是我們日常生活處理事情的過程和決策的方法~大致可分為三種<br />
<br />
比如我今天要去買菜當作例子,<br />
<br />
<b>1.</b> 買完青菜再買肉,接著再買飲料,按照順序一個一個的去買---<span style="background-color: #ffe599;">循序結構</span><br />
<b>2.</b> 因為肉今天搭配飲料比較便宜,所以我選擇先去買肉和飲料--<span style="background-color: #ffe599;">選擇條件結構</span><br />
<b><br /></b>
<b>3.</b> 搭手扶梯去1,2,3F買東西,我們若是不離開手扶梯就會一直卡在手扶梯就像<span style="color: red;">迴圈</span>一樣~<br />
而假設2F可以買肉所以我去了2F,所以我就結束了這個手扶梯重複迴圈。<br />
若是我被騙了原來2F是賣菜的,那我會回到原點再去看1,3F哪層是買肉的,直到是真的我才會離開手扶梯--<span style="background-color: #ffe599;">重複條件結構</span><br />
以上三點就是簡單比喻一下有個概念,以下就進入我們主要的主題部份:<br />
<br />
<br />
<span style="background-color: #ffe599;">條件結構:</span><br />
<span style="color: red;">1.</span> if<br />
<span style="color: red;">2.</span> if / else<br />
<span style="color: red;">3</span>. if / else if<br />
<span style="color: red;">4</span>. switch<br />
<span style="color: red;">5.</span> ?:<br />
以上五種是我們寫程式時使用的條件性的語法。<br />
<br />
<br />
<span style="color: red;"><b>1. if - 條件式的執行,屬於單選題,程式對了才執行我們要的結果:</b></span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"><br /></span>
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"><script></span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">var IamBoy = "男孩" ; // </span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">指定變數</span><br />
<br style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;" />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">if (</span><span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">IamBoy = "男孩"</span><span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">) //</span><span style="background-color: #f4cccc; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">如果IamBoy變數為男孩的話,就執行{ }內的語法</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">{</span><br />
document.write("我是個男孩沒錯!"); // <span style="background-color: #f4cccc;">輸出我是個男孩沒錯文字</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">}</span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"></script></span><br />
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"><br /></span><span style="color: #666666; font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;"><span style="line-height: 18px;">以上Js語法進行執行就可以得到"我是個男孩沒錯!".</span></span>三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.com0tag:blogger.com,1999:blog-1658387708843377839.post-85441739406500853092013-11-25T23:17:00.004+08:002013-11-26T01:05:30.323+08:00CSS Input type 選擇器(selector)<blockquote class="tr_bq">
<span style="background-color: white; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px;">我們知道在寫網頁時有關文字方塊,選單,多重選單,選取方塊這些樣式是</span> </blockquote>
<blockquote class="tr_bq">
<span style="background-color: white; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px;"><input type="text" ></span> </blockquote>
<blockquote class="tr_bq">
<span style="background-color: white; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px;"><input type="password" > </span> </blockquote>
<blockquote class="tr_bq">
<span style="background-color: white; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px;">or</span> <span style="background-color: white; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px;"><input type="checkbox" ></span> </blockquote>
<blockquote class="tr_bq">
<span style="background-color: white; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px;">那有沒有一種寫法可以針對所有的input type分別來做樣式的設計呢?</span> </blockquote>
<blockquote class="tr_bq">
<span style="background-color: white; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px;">有的,那就是</span> </blockquote>
<blockquote class="tr_bq">
<span style="background-color: white; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px;">input[type="text"] , input[type="password"] or input[type="checkbox"]</span></blockquote>
<span style="background-color: white; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px;"><br /></span><span style="background-color: white; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px;">範例:</span><br />
<div class="blockcode" style="background-color: #f7f7f7; background-image: url(http://discuz.bestdaylong.com/static/image/common/codebg.gif); background-position: 0px 0px; background-repeat: no-repeat repeat; border: 1px solid rgb(204, 204, 204); color: #666666; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px; margin: 10px 0px; overflow: hidden; padding: 10px 0px 5px 10px; word-wrap: break-word; zoom: 1;">
<div id="code_Ivx" style="word-wrap: break-word;">
<ol style="margin: 0px 0px 0px 10px !important; padding: 0px !important; word-wrap: break-word;">
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"><style type="text/css" media="screen"></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;">input[type="text"] {background-color:#000000;}</li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"></style></li>
</ol>
</div>
</div>
<span style="background-color: white; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px;">加上上面這段css再套用在您網頁中的</span><br />
<div class="blockcode" style="background-color: #f7f7f7; background-image: url(http://discuz.bestdaylong.com/static/image/common/codebg.gif); background-position: 0px 0px; background-repeat: no-repeat repeat; border: 1px solid rgb(204, 204, 204); color: #666666; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px; margin: 10px 0px; overflow: hidden; padding: 10px 0px 5px 10px; word-wrap: break-word; zoom: 1;">
<div id="code_sWX" style="word-wrap: break-word;">
<ol style="margin: 0px 0px 0px 10px !important; padding: 0px !important; word-wrap: break-word;">
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"><p></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"> <input type="text" /></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"> <input type="password" /></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"> <input type="checkbox" /></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"></p></li>
</ol>
</div>
</div>
<span style="background-color: white; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px;">就可以了。</span><br />
<br />
<span style="background-color: white; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px;">總結:</span><br />
<span style="background-color: white; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px;">1. <b>input[type='text']</b> or<b> input[type=text]</b> 這兩種寫法也OK.</span><br />
<span style="background-color: white; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px;">2. </span><span style="color: #444444; font-family: Tahoma, Microsoft Yahei, mingliu;"><span style="font-size: 14px; line-height: 21px;">具有type屬性的input元素皆適用此規則</span></span><br />
<span style="color: #444444; font-family: Tahoma, Microsoft Yahei, mingliu;"><span style="font-size: 14px; line-height: 21px;">3. Windows IE 6以下不對應,IE 7以上對應</span></span>三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.com0tag:blogger.com,1999:blog-1658387708843377839.post-79458088934449317712013-10-09T00:49:00.002+08:002013-10-12T02:02:38.105+08:00HTML5 圖片與選單中間空白問題<blockquote class="tr_bq">
<span style="background-color: white; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px;"><br />在HTML5中,圖片會對齊基線再顯示,所以圖片下方都會顯示一條空白~</span></blockquote>
<blockquote class="tr_bq">
<span style="background-color: white; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px;">範例:</span></blockquote>
<div class="blockcode" style="background-color: #f7f7f7; background-image: url(http://discuz.bestdaylong.com/static/image/common/codebg.gif); background-position: 0px 0px; background-repeat: no-repeat repeat; border: 1px solid rgb(204, 204, 204); color: #666666; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px; margin: 10px 0px; overflow: hidden; padding: 10px 0px 5px 10px; word-wrap: break-word; zoom: 1;">
<div id="code_vY0" style="word-wrap: break-word;">
<ol style="margin: 0px 0px 0px 10px !important; padding: 0px !important; word-wrap: break-word;">
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"><!DOCTYPE HTML></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"><html></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"><head></head></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"><body></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"><div id="img"></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"> <img src="yourimg.jpg" alt=""></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"></div></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"><!-- 一條空白--></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"><div id="nav"></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"> <ul></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"> <li><a href="#">1</a></li></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"> <li><a href="#">2</a></li></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"> <li><a href="#">3</a></li></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"> <li><a href="#">4</a></li></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"> </ul></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"></div></li>
<li style="background-color: white; background-position: initial initial; background-repeat: initial initial; color: #336699; font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"></body></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"></html></li>
</ol>
</div>
</div>
<span style="background-color: white; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px;">#img img</span><span style="background-color: white; color: red; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px; word-wrap: break-word;">{vertical-align: bottom;} </span><span style="background-color: white; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px;">這時候只要加上這條CSS語法就可以解決這問題喔~~!! </span>三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.com0tag:blogger.com,1999:blog-1658387708843377839.post-6705449462430482502013-09-28T23:47:00.003+08:002013-09-28T23:48:11.019+08:00綠葉方舟<blockquote class="tr_bq">
這兒還不錯,捕捉到一隻青蛙。</blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZeHEQtJvkFMi1gorYKZB9pSmZojroj6KKwtoSZg1FNGmmpydtF3qOVEEg3fGI3aPfZ4q35K4qgDy_Qn1XVHUwoOGXPaH6PUBQ5OBmIpDjCxXZF3S6hc38kufmDSIQYyu8VdKrBXwAxICE/s1600/frog.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZeHEQtJvkFMi1gorYKZB9pSmZojroj6KKwtoSZg1FNGmmpydtF3qOVEEg3fGI3aPfZ4q35K4qgDy_Qn1XVHUwoOGXPaH6PUBQ5OBmIpDjCxXZF3S6hc38kufmDSIQYyu8VdKrBXwAxICE/s320/frog.JPG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<i style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 15px; line-height: 21px;">(photo by 三梔阳)</i></div>
<blockquote class="tr_bq">
<span style="background-color: white;"> 這次去了綠葉方舟,位在苗栗,玩了一年的份量我! </span></blockquote>
三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.com2tag:blogger.com,1999:blog-1658387708843377839.post-27825337482024363742013-09-11T21:42:00.001+08:002013-09-11T21:43:48.208+08:00NHK編制:『 父與子的300日戰爭 宮崎駿 X 宮崎吾朗 』 <blockquote class="tr_bq">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA4RTQHiPYxTEfxwgQLcNYgLIOIiKVa6sAELiIkq6mENhGBsvGd6uerWQAkPkH0drj3o0CLuuME99tvolyH5Wk3C85nPpydl6Bxzgoa5zw5MDoMbVZvIITQSYPtno2Delvbo5q6eDSL0e_/s1600/F-&-S.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA4RTQHiPYxTEfxwgQLcNYgLIOIiKVa6sAELiIkq6mENhGBsvGd6uerWQAkPkH0drj3o0CLuuME99tvolyH5Wk3C85nPpydl6Bxzgoa5zw5MDoMbVZvIITQSYPtno2Delvbo5q6eDSL0e_/s400/F-&-S.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">(摘錄自父與子的300日戰爭 宮崎駿 X 宮崎吾朗 影片畫面 )</td></tr>
</tbody></table>
</blockquote>
<br />
由NHK精心製作的人物故事,動畫大師宮崎駿和其兒子宮崎吾朗兩個人之間微妙的感情。<br />
<span style="font-size: x-small;"><i> (以下網址轉自Youtube)</i></span><br />
<br />
<span style="color: blue;">(1)</span><br />
<a href="https://www.youtube.com/watch?v=hPt7zxPG9g0&list=PL9F792502A9637853">https://www.youtube.com/watch?v=hPt7zxPG9g0&list=PL9F792502A9637853</a><br />
<br />
<span style="color: blue;">(2)</span><br />
<a href="https://www.youtube.com/watch?v=sqbosenKYsA&list=PL9F792502A9637853">https://www.youtube.com/watch?v=sqbosenKYsA&list=PL9F792502A9637853</a><br />
<br />
<span style="color: blue;">(3)</span><br />
<a href="https://www.youtube.com/watch?v=95ZCnOe9umA&list=PL9F792502A9637853">https://www.youtube.com/watch?v=95ZCnOe9umA&list=PL9F792502A9637853</a><br />
<br />
<span style="color: blue;">(4)</span><br />
<a href="https://www.youtube.com/watch?v=qcJ4imcHbFc&list=PL9F792502A9637853">https://www.youtube.com/watch?v=qcJ4imcHbFc&list=PL9F792502A9637853</a><br />
<br />
<span style="color: blue;">(5)</span><br />
<a href="https://www.youtube.com/watch?v=k2iHojnAqq4&list=PL9F792502A9637853">https://www.youtube.com/watch?v=k2iHojnAqq4&list=PL9F792502A9637853</a><br />
<br />
誠心推薦,除了NHK好得沒話說的影片品質,還能看見動畫大師(日本人做事情的態度)他們製作動畫的用心和理念,還在低落的失落的找目標的人們<span style="font-size: x-small;">XD</span>,絕對是看了讓人振奮!<br />
<br />
讓我套句日式說法:<span style="background-color: yellow;"><span style="font-size: large;"><b>請一定要看看這部影片!!</b></span></span><br />
<br />三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.com0tag:blogger.com,1999:blog-1658387708843377839.post-41985334153859635142013-09-04T23:08:00.003+08:002013-09-04T23:08:30.255+08:00Sky Dot.<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwquqicHT6tQ8i9xMFzYOIvL0YNObGBrolmFrJlcgloXnrnrvvrLn6xqxcjYtkceWJMFofFslpBFg_yiimBUU5ohsr2z4txecc509N5g0Os-Friu_jj3qGZfzGXLXFbbOcGnv_ibPDNrWB/s1600/Skydot.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwquqicHT6tQ8i9xMFzYOIvL0YNObGBrolmFrJlcgloXnrnrvvrLn6xqxcjYtkceWJMFofFslpBFg_yiimBUU5ohsr2z4txecc509N5g0Os-Friu_jj3qGZfzGXLXFbbOcGnv_ibPDNrWB/s320/Skydot.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<i style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 15px; line-height: 21px;">(photo by 三梔阳)</i></div>
<blockquote class="tr_bq">
<span style="background-color: white;"><i>只是想讓大家猜猜這張天空中的中心黑點是什麼~~</i></span></blockquote>
三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.com2tag:blogger.com,1999:blog-1658387708843377839.post-55776973760069871282013-07-31T00:08:00.002+08:002013-07-31T21:53:16.105+08:00參數列表(Variable-Length Argrment Lists, 簡稱 Varargs)<span style="background-color: white; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px;">參數列表(Variable-Length Argrment Lists, 簡稱 Varargs), 也稱變數長度引數表如果我們無法確定呼叫方法會傳遞幾個參數,就無法明確定義這方法的參數個數,這時我們使用 Varargs 來解決參數個數不定的問題,而參數列表對於Java來說仍視為陣列.</span><br />
<span style="background-color: white; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px;">範例:</span><br />
<div class="blockcode" style="background-color: #f7f7f7; background-image: url(http://discuz.bestdaylong.com/static/image/common/codebg.gif); background-position: 0px 0px; background-repeat: no-repeat repeat; border: 1px solid rgb(204, 204, 204); color: #666666; margin: 10px 0px; overflow: hidden; padding: 10px 0px 5px 10px; word-wrap: break-word; zoom: 1;">
<div id="code_O0r" style="word-wrap: break-word;">
<ol style="font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px; margin: 0px 0px 0px 10px !important; padding: 0px !important; word-wrap: break-word;">
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;">class Varargs01 // 定義一個類別取名為Varargs01{</li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"> // 此時的String...names 就是參數列表,names會被視為陣列. </li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"> void showOrder(String...names) </li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;">{ </li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;">// 我用Order ser來顯示我點了什麼餐點</li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"> System.out.print("Order set:"+" "); </li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"><br /></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;">// 使用for-each迴圈自動走訪所有元素,這裡我們指定陣列names.</li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"> for(String Order:names) </li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"> System.out.print(Order+" ");</li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"> System.out.println(); }</li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"> public static void main(String args[]){</li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"> </li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"> // 建立一個物件給var</li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"> Varargs01 var = new Varargs01();</li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"> <span style="line-height: 1.8em;"> </span></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"><span style="line-height: 1.8em;">/*此3個字串會自動包裝成陣列後再傳遞給(String...names)的names變數形成 </span></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"> String names[] ={"Hamburger","Sandwich","Tuna Cheese"};*/</li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"><span style="line-height: 1.8em;"> var.showOrder("Hamburger","Sandwich","Tuna Cheese");</span></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;"> <span style="line-height: 1.8em;"> var.showOrder("Soda","Juice");//觀念同上}</span></li>
<li style="font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; list-style-type: decimal-leading-zero; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; word-wrap: break-word;">}</li>
</ol>
</div>
</div>
<span style="background-color: white; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px;">Order set: </span><span style="background-color: #f7f7f7; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px; word-wrap: break-word;">Hamburger </span><span style="background-color: #f7f7f7; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px; word-wrap: break-word;">Sandwich Tuna Cheese</span><br />
<span style="background-color: white; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px;">Order set: </span><span style="background-color: #f7f7f7; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px; word-wrap: break-word;">Soda Juice</span><br />
<span style="background-color: #f7f7f7; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px; word-wrap: break-word;"><br style="word-wrap: break-word;" /></span>
<span style="background-color: #f7f7f7; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px; word-wrap: break-word;">使用參數列表有3個限制請注意:</span><br />
<span style="background-color: #f7f7f7; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px; word-wrap: break-word;">1. 在同一個類別內不可同時出現,因為相同類型的參數列表和陣列參數意義相同</span><br />
<span style="background-color: #f7f7f7; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px; word-wrap: break-word;">2. 參數列表須放在所有參數的最後面如 : void showOrder(String str, String...names)</span><br />
<span style="background-color: #f7f7f7; color: #444444; font-family: Tahoma, 'Microsoft Yahei', mingliu; font-size: 14px; line-height: 21px; word-wrap: break-word;">3. 1個方法只能使用1次參數列表,原因和第2點相同,編譯器會不知如何切割傳遞過來的值.</span>三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.com0tag:blogger.com,1999:blog-1658387708843377839.post-19315814452859704692013-06-25T00:30:00.004+08:002013-06-26T22:45:10.409+08:002013陳樂融/藍麗娟 人生四季講座-夏之饗宴<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMZCyFuSDBTc3ATNZDCbINWDetbajLdM_LTsIm-pDgdQ9Q6yLnVNQ04H3VoyunULpxH0KLOiuopV3rO4xBpNnfIES52GDn7APoqYT7zj3ncoKiUCmenaFb6aSyF95fFHQKkYaEEg3SV3vP/s1600/20130620015244.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMZCyFuSDBTc3ATNZDCbINWDetbajLdM_LTsIm-pDgdQ9Q6yLnVNQ04H3VoyunULpxH0KLOiuopV3rO4xBpNnfIES52GDn7APoqYT7zj3ncoKiUCmenaFb6aSyF95fFHQKkYaEEg3SV3vP/s320/20130620015244.jpg" width="320" /></a></div>
<br />
<blockquote class="tr_bq">
<span style="font-family: inherit;"><span style="background-color: white; line-height: 20px;">時間:</span><span id="yui_3_7_2_1_1371664399060_2455" style="background-color: white; line-height: 20px;">2013年 6 月 19 日星期三 19:30</span><span style="background-color: white; line-height: 20px;"> </span></span> </blockquote>
<blockquote class="tr_bq">
<span style="background-color: white; font-family: inherit; line-height: 20px;">地點:</span><span id="yui_3_7_2_1_1371664399060_2448" style="background-color: white; font-family: inherit; line-height: 20px;">新竹市演藝廳國際演講廳</span><span style="background-color: white; font-family: inherit; line-height: 20px;"> </span> </blockquote>
<blockquote class="tr_bq">
<span style="background-color: white; font-family: inherit; line-height: 20px;">講題:</span><span style="font-family: inherit; line-height: 20px;"><span style="background-color: white;">建築裡的哲思—從長城到安藤忠雄訴說的人生祕密</span></span> </blockquote>
<blockquote class="tr_bq">
<span style="background-color: white; font-family: inherit; line-height: 20px;">主講人:新時代文化人、IC 之音《理性與感性》主持人 <b>陳樂融</b> 與 </span> </blockquote>
<blockquote class="tr_bq">
<span style="background-color: white; font-family: inherit; line-height: 20px;">《跟著安藤忠雄看建築》作者 <b>藍麗娟</b> </span><span style="font-family: inherit;"> </span></blockquote>
<span style="font-family: inherit;">演講內容:</span><br />
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit;">陳+ 城牆--長城,柏林圍牆</span><br />
<span style="font-family: inherit;">藍+ 教堂--與大自然共生 </span><br />
陳<span style="font-family: inherit;">+ 未來主義 </span><br />
藍+ 舊建築,老街區,新生命<br />
陳+ 後現代主義<br />
藍+ 在地建築,在地人文<br />
陳+ 解構主義<br />
藍+ 建築-一種公共藝術<br />
陳+ 住宅<br />
藍+ 醫院,醫人也醫病<br />
<br />
<br />
這次演講的主題在於建築關於人。<br />
各式各樣的建築,帶給我們不同的想法,而這個想法可以是你對審美觀的重新調整或是對於歷史留下來的事物多一番省思。<br />
<br />
陳的演講所帶給我們屬於理智和反思角度的那一面去看建築,好比一個古代的建築如城牆,在中國古代的集權社會裡頭,那的確是有錢人才能留下來的東西,甚至君王,甚至我們沒能想像,那是聖賢君主犧牲多少老百姓才能有的產物。<br />
藍則是屬於感性角度的一面並透過照片的傳達,讓我們體驗歷史的故事和建築師安藤先生創作的動機和理念。如水之教堂,光之教堂。<br />
在其中我很想去體驗一下藍一直推薦的光之教堂靈性感受。<br />
<br />
再來是未來主義,後現代主義,解構主義。<br />
未來主義中我們可以思考的是當下的我們所思考的未來,以及當下的我們去看當時也許80年前人們認為的未來主義式建築,對於當下而言也許我們會認為以前的人們所認定的未來主義很怪或稀鬆平常,也可能繼承了許多未來的元素是我們熟悉的,可以是幻想出來的。<br />
可不論如何未來的建築或是元素,基本上是我們還是要預測未來,那是需要龐大的知識庫來當作基底才能歸納或是去延伸。<br />
<br />
後現代主義其實和未來主義在於未來主義可以天馬行空些,後現代畢竟還是停留在現代主義之後的現在,有點繞舌,不過簡單來說就是一種對於現在主義所產生的一種研究之後,而可能我就是要反對現在主義這塊既定的規範,而自成一派,而有許多學問甚至批判。<br />
<br />
解構主義其實我覺得就是一種"怪"的現象,對立又不對立,扭曲又不扭曲,就是一種衝突的現象,你必須站在宏觀的文化去探討其本質,也許就像是本國人和外國人之間產生的衝突,但其中本質的部份卻卻不是那麼對立。<br />
<br />
藍的部份我比較喜歡是建築師使用在地的材料,也就是透過當地的才有的材料去設計建構一個作品,如<b>王澍</b>的作品-<span style="background-color: white;">中國美術學院象山校區</span>。<br />
還有醫院的介紹,好的醫院能夠治癒人類的心,如長頸鹿兒童照護中心,在醫院放一隻長頸鹿,小朋友對於來醫院的抗拒性我相信也降低了不少。<br />
<br />
最後~三梔阳其實很久沒聽演講了,都在學程式。偶而也要人文來攪和一下。<br />
鼓勵大家多多接觸不一樣的世界,不一樣的角度。<br />
這場演講很精彩,大家有空可以去Follow陳樂融下一個四季。三梔阳http://www.blogger.com/profile/01282980882443420491noreply@blogger.com0