[轉] 版權宣告(Copyright©)應該怎麼寫？

今天跑了一趟註冊組跟軍訓室，分享一下

* 畢業離校手續
通常是期末考完就會開始用
如果特別趕著要拿，可以六月初去辦。六月中辦，算是中等趕
請用離校系統檢查所有的事項，不清楚的就直接找註冊組

* 軍訓修課修期折抵
大學的話，持歷年成績單(有修軍訓課的證明)至軍訓室蓋章即可
高中的部份，則要回原高中申請
申請的期限是在你退伍前都可以的樣子，不過感覺是下部隊後趕快辦辦比較好

Google Search 技巧 - 搜尋提示及秘訣

在特定網站內搜尋 site:	site:nytimes.com
依檔案類型搜尋 filetype:	filetype:ppt
在搜尋中包含或略過特定字詞及字元 "", -	莎莎醬食譜 -蕃茄 "莎莎醬"
尋找相關網頁 related:[插入網址]	related:simplyrecipes.com/recipes/perfect_guacamole/
只搜尋指定範圍 ..	Sony 電視 $300..$500 美元
查詢字義 define:	define: loquaciousness
類似字詞 ~	聖誕節 ~甜點食譜

Reference: 搜尋提示及秘訣 | Google Search

7步設定 Inhon G1 通訊錄匯入SIM卡連絡人電話

1. 螢幕上左下角的藍色電話 icon
2. 下面一排四個固定按鈕，左邊第二個
3. 螢幕上方三個選擇最右邊的頁籤(人頭那個)
4. 「匯入/匯出」
5. 從 SIM 卡匯入
-- 到這邊就是了 --
6. "在帳戶下建立聯絡人" 指的是你匯入要匯到哪，我自己是選 Google
7. 選擇你要匯入的人，再按一次下面左邊第二個鈕，可以選全部匯入
Done!

Internet bot, spam 垃圾郵件/留言如何產生與防制

Reference: Internet bot | Wiki, 垃圾電子郵件（spam）是什麼？
基本上，他們都是一個可以檢視網站內容，甚至填表單送出的 script
好意的 Internet bot 代表是 web spider，搜尋引擎用來 index 你網站內容的 script
惡意的，自然就是像 blog 上的垃圾留言，以及垃圾郵件的機器人
防止的方法諸如 anti-bot，CAPTCHA 等，詳細可參考垃圾留言 | 哇寶部落格

惡意的垃圾郵件，目的是為了達到廣告的效果，使他們的內容能被看見

[轉] 為什麼有時你應該優先考慮 event delegate 而不是 event binding

為什麼有時你應該優先考慮 event delegate 而不是 event binding | TonyQ @ IT 邦

[轉] Object, Class, Instance

什麼是物件導向（2）：Object, Class, Instance

Class是用來定義object的一種東西，class的內容包含了動作（operations）與資料（data）
一個object就是某個class的instance，換句話說可以把object和instance看作是同樣的東西
動作（operations）、方法（methods）和行為（behaviors）可以看作同義詞。理想上一個object的狀態只能透過動作去改變它

[轉] Event bubbling vs. Event capturing

Event bubbling vs. Event capturing
不過事實上，幾乎都是 event bubbling，很少很少會用的 event capturing

[jQuery] .bind(), .trigger(), .live()

Reference: jQuery 學習心得筆記 (2) | erick.net, .bind(), .trigger(), .live()

自訂 event 的好處就在於，你可以把物件任意地 bind 於某個 event 上

More...

[jQuery] event.target, $(this)

Reference: Events, event.target | jQuery

event.target: The DOM element that initiated the event.
event.currentTarget (=== this): The current DOM element within the event bubbling phase.

More...

callback function 簡介

正式版

// functionB 是 functionA 的 callback function
functionA(functionB() { /* do something */ });

在 functionA 裡面，傳入了一支 functionB 跟他說 "當你 call 了 functionA 後，在適當時機呼叫 functionB"
e.g.

$(document).ready(function() {
   alert("Hello");
});

functionA = ready()

functionB = function() { alert("Hello"); }

More...

[jQuery] Event Handling 事件處理

Reference: jQuery 的事件(Event)處理 | ericsk.net
非常棒的文章!

[JavaScript] 使用 eval() 跑迴圈

Reference: Javascript 的eval()語法

jQuery HTML 操作

函數	描述
$(selector).html(content)	改變被選元素的（內部）HTML
$(selector).append(content)	向被選元素的（內部）HTML 追加內容
$(selector).prepend(content)	向被選元素的（內部）HTML “預置”（Prepend）內容
$(selector).after(content)	在被選元素之後添加HTML
$(selector).before(content)	在被選元素之前添加HTML

Reference: jQuery HTML 操作 | w3school, .html() | jQuery

[Facebook] Facepile 安裝沒顯示

Reference: Facepile | Facebook
URL 記得要是 Facebook 的粉絲頁, 社團等等的
e.g. https://www.facebook.com/LanguageXBook
你貼自己網站的 URL 是抓不到臉的

同時，你自己也必須登入 facebook 才看得到
請參見 Facepile | Facebook 上的 Why is not displaying?
"The plugin only displays friends photos."

[Chrome] 無痕視窗的差別, Cookie vs. Cache

Reference: 無痕模式 (私密瀏覽) | Goolge Chrome, Cookie v.s. Cache
有差的只有 瀏覽紀錄, cookie (但其實 cache 也不會記錄!)
1. 不會將您開啟的網頁和下載的檔案儲存到瀏覽紀錄和下載紀錄中
2. 關閉原先開啟的所有無痕式視窗後，系統會刪除所有新的 cookie
--
Cookie 是存放於 client 端用來存取使用者在瀏覽過程中的紀錄
Cache 簡單來說它就是 temporary files，其中圖檔為大宗，其它還有 javascript、xml 等。在 about:cache 中，點進去你可以看到該資料的時效、最後一次擷取的時間、擷取次數、記憶體資訊等。

[JavaScript] setTimeout() 與 setInterval()

<script>   
   function helloWorld() {
      alert("Hello world!");
   }
   setTimeout("helloWorld()", 1000); // 1000ms 後執行 helloWorld()

   setInterval("helloWorld()", 1000); // 每 1000ms 執行 helloWorld() 一次

   clearInterval(dom_id_of_setinterval); // 結束 setInterval()
</script>

Reference: setTimeout 和 setInterval… , HTML DOM clearInterval() 方法

Inhon G1 刷機總整理

目的: 將內存刷到 1.5G / 2G (我自己是刷到 1.5G)
補充一些我遇到的問題
Reference:
1. Inhon G1刷機大補帖暨教學包~~~ 感謝 charlesa0515 大大
2. Inhon G1 相關刷機資源暨問題統整感謝 shanhsu 大大
3. [Android] MT65xx USB Driver 感謝當麻許大大
再來特別感謝businessman97、johnny_hung、psplay
另外還有其他版友的協助

* 補充: 內外卡互換
如果只是要做內外卡互換，步驟非常簡單
只需要 Root 大師 + Root Explorer
詳情請參考: Inhon G1 解決內部儲存空間不足的問題

* INHON PAPILIO G1工程模式調整最大音量
請參考 INHON PAPILIO G1工程模式 | Mobile01
但有一些人會出現錯誤，請衡量後果再行使用~

More...

[轉] 創業公司管理 – 財務管理和報表

創業公司管理 – 財務管理和報表 | Startup 2.0 工程師創業手冊 – 高科技創業經驗分享

[excel] 換行 Alt + Enter

Excel: Alt + Enter
Word: Shift + Enter

Reference: Excel換行怎麼做？

[ajax] 入門教學文章

Reference: w3school, AJAX - Mozilla, jQuery AJAX

無須重新載入整個頁面，便能對伺服器發送請求 - Ajax 最吸引人之處在於它的〝非同步〞性質，這意味著 Ajax 能做各種動作，而無須更新整個頁面。

Create Object
Request
Response
readyState
--
Advanced
AJAX ASP/PHP - Name Recommendation onkeyup

[php] date() 更改時間格式

date()

string date ( string $format [, int $timestamp = time() ] )

可以將輸入的 time 自由更改格式
Reference: PHP date函數參數詳解

[php] split string by explode()

$pizza  = "piece1 piece2 piece3 piece4 piece5 piece6";
$pieces = explode(" ", $pizza);
echo $pieces[0]; // piece1
echo $pieces[1]; // piece2

explode()

[Excel] mouse hover popup picture

[插入註解], 清除文字 -> [註解格式] -> [色彩和線條] [填滿效果] -> [圖片] [選取圖片]
但好像在 Excel 2013 被拔掉了... 我現在還是沒辦法用這個辦法
Reference: 在 Excel 的儲存格里插入彈出式圖片 - T客邦

[Excel] 固定列 | 欄

Office2013: [檢視] -> 視窗 [凍結窗格] -> 凍結頂端列

Reference: [Excel小技巧：凍結窗格] 讓欄位標題固定位置、不隨著捲動！ | 重灌狂人

[jQuery] Mouse Events

Reference: Mouse Event
.hover() - Fires when both mouseover() and mouseout()

[jQuery] toggle(), slideToggle() animation

.toggle()

$('#clickme').click(function() {
  $('#book').toggle('slow', function() {
    // Animation complete.
  });
});

.slideToggle()

$('#clickme').click(function() {
  $('#book').slideToggle('slow', function() {
    // Animation complete.
  });
});

More animation effect on jQuery UI

[jQuery] check visibility display or hide

$(element).is(":visible") // Checks for display:[none|block], ignores visible:[true|false]

Reference: Stackoverflow

Sublime Text 2 Plugins

Current Using

* Package Control (這個在裝以下的 plugin 前要先裝，教學請參考內文)

* Bracket Highlighter

* SublimeCodeIntel

* DocBlockr - quick comment

* SublimeLint

* HTML5

* jQuery

* SidebarEnhancement

* ConvertToUTF8

More...

Require.js 入門從頭開始

源起

眾多散亂的 <script> 不易管理，彼此間甚至有前後讀取相依性
-> AMD 非同步模組定義 (Asynchronous Module Definition) 之API規範的 JavaScript Library

More...

Modern IE Cross Browser Best Practices

Modern IE: 建立最新網站同時可支援舊版 IE 的 20 個秘訣

WordPress 好用外掛

現正使用
Blog Stats by W3CounterSyntaxHighlighter EvolvedUltimate TinyMCEWPtouch

Blogger Theme Template

Current using: Timeline

More...

自訂 Blogger Jump link - 閱讀更多 Read more 字樣

Search
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>

Replace

<a expr:href='data:post.url + "#more"'>WORD_YOU_WANT_FOR_JUMP_LINK</a>

Reference: Customize Blogger “Read More” / “Jump Breaks” Links - AllBlogTools

Sublime Package + plugins 操作+外掛大全

我自己使用的 plugin 整理: Sublime Text 2 Plugins
簡便快捷鍵
Sublime Text 2快捷键大全
* Using Sublime Text2 for Development

More...

SQL inner JOIN & outer JOIN 內部連接與外部連接

outer join: 想要列出一個表格中每一筆的資料，無論它的值在另一個表格中有沒有出現

More...

php 字串搜尋取代 str_replace()

str_replace($search, $replace, $subject)

// Output $newphrase: You should eat pizza, beer, and ice cream every day
$phrase = "You should eat fruits, vegetables, and fiber every day.";
$healthy = array("fruits", "vegetables", "fiber");
$yummy = array("pizza", "beer", "ice cream");

$newphrase = str_replace($healthy, $yummy, $phrase);

reference: str_replace()

php urldecode() vs. rawurldecode()

Same: Decode URL-encoded strings
Difference: rawurldecode() does not decode plus symbols ('+') into spaces. urldecode() does.

Reference: rawurldecode(), urlencode()

jQuery UI tab select implementation with event activate

$( ".selector" ).tabs({
activate: function( event, ui ) {}
});

Event-Activate - jQuery UI

jQuery difference between .add() and .append()

.add()

Add elements to the set of matched elements.

$('div').css('background-color':'yellow').add('p').css('color':'red');

.append()

Insert content, specified by the parameter, to the end of each element in the set of matched elements.

$('div').append('p');

Reference: whats-the-difference-between-add-and-append-jquery

CSS 用 border 跟 after 做三角形

利用 box model 與 pseudo selector 做 triangle

.selected::after {
content: "";
position: absolute;
border-top: #66CBF9 10px solid;
border-right: transparent 10px solid;
border-bottom: transparent 10px solid;
border-left: transparent 10px solid;
}

Reference: CSS-triangle-after-implementation

:before, :after CSS Selectors Pseudo-elements

.amount::before {content:"$ ";}
.amount::after {content:" 萬元";}

用在將 .amout 前後加入任意 content
Reference: :before, :after 擬元素指標 (CSS Selectors Pseudo-elements)