Apache的Order Allow Deny心得

轉自 http://www.fwolf.com/blog/post/191

今天又被這兩個參數小小的耍了一把，痛下決心整理一下，免得再被耽誤時間。

Allow和Deny可以用於apache的conf檔或者.htaccess檔中（配合Directory, Location, Files等），用來控制目錄和檔的訪問授權。

所以，最常用的是：
      Order Deny,Allow
      Allow from All

注意“Deny,Allow”中間只有一個逗號，也只能有一個逗號，有空格都會出錯；單詞的大小寫不限。上面設定的含義是先設定“先檢查禁止設定，沒有禁止的全部允許”，而第二句沒有Deny，也就是沒有禁止訪問的設定，直接就是允許所有訪問了。這個主要是用來確保或者覆蓋上級目錄的設置，開放所有內容的訪問權。

Chrome 模擬各螢幕，大小畫面

CSS3 transition 屬性的(transition-timing-function速度曲線)

CSS3 transition 屬性的(transition-timing-function速度曲線)

本篇主要介紹transition屬性中的cubic-bezier速度曲線

win mysql cmd 匯出入 table

匯出一個表
#mysqldump -u 使用者名 -p 資料庫名 表名> 匯出的檔案名

建立資料庫名為test
#CREATE DATABASE test;
成功的話會出現：Query OK, 0 rows affected (0.00sec)

使用test資料庫(轉換資料庫為特定的資料庫)
#USE test;
成功的話會出現：Database changed

將本機c槽內的test.sql匯入(要完整path)
#SOURCE c:\test.sql;
成功的話會出現：
Query OK, 0 rows affected (0.00sec)
Query OK, 0 rows affected (0.00sec)

textarea 渲染HTML tag

<script>
function submit_test(){
$('#editable').val($('#editable_div').html());
}
function submit_test2(){
$('#editable_div').html($('#editable').val());
}
</script>

<style>
.editable, .editable_div { width:600px; }
.editable { height:100px; }
.editable_div {
    height: 200px;
    border: 1px solid #ccc;
    padding: 10px;
    margin : 0 0 15px 0;
    background: #cccccc;
    box-shadow: 10px 10px 5px #888888;
}
</style>

<textarea id="editable"  class="editable" ></textarea><br/>
<div id="editable_div" class="editable_div" contenteditable="true">
  <img src="http://127.0.0.1/Docs/Images/utf-8/style1/logo02.png"><br/>
  contenteditable 属性规定元素内容是否可编辑。
</div>
<a class="btn" href="#" onclick="document.execCommand('bold');">bolt</a>
<a class="btn" href="#" onclick="document.execCommand('italic');">italic</a>
<a class="btn" href="#" onclick="document.execCommand('underline');">underline</a>
<a class="btn" href="#" onclick="submit_test();">submit</a>
<a class="btn" href="#" onclick="submit_test2();">submit2</a>

[HTML5] INPUT FILE 限制 MIMEtype 的選擇

文章出處 http://shinychang.net/article/53ff169465dd204503e125ad

<input type='file'>使用accept屬性，在W3C的規格只允許Image/*、Video/*、Audio/*三種MIMEtype是允許的
也就是說上述三種以外的選擇，就只能選擇所有檔案*.*

接下來直接看範例

<div>All Files <input type='file'></div>
<div>Images <input type='file' accept='image/*'></div>
<div>Videos <input type='file' accept='video/*'></div>
<div>Audios <input type='file' accept='audio/*'></div>
<div>Zip Files <input type='file' accept='.zip'></div>
<div>Custom <input type='file' accept='.zip,.rar,.7z'></div>

第一個是使用了最基本的，也就是沒有任何的限制
第二到第四個則是使用HTML5的規範內的MIMEtype
第五個則是限制只能上傳.zip結尾的ZIP檔
最後一個，則是同時允許.zip, .rar和.7z三種格式
透過這樣的範例，就知道怎麼去限制不同類型的檔案

不過這邊要特別注意一點，即便前端已經限制住了，後端也一定要檢查
使用者傳來的資料永遠都是不可信的！

至於瀏覽器相容性的部分，IE10+
第五和第六種都是非W3C規範內的所以FireFox不支援

Ubuntu 手動指定 DNS 伺服器

在 /etc/network/interfaces 檔裡，加入下面這一行就可以指定 DNS Server 了，
下面第二行是指定 Google 和 hinet 的 DNS Server 為例。

dns-nameservers [DNS Server IP] [DNS Server IP] ...
dns-nameservers 8.8.8.8 168.95.192.1

加好之後，用下面指令來重啟網卡，之後，就可以開始使用新設定的 DNS Server 了，而且，/etc/resolv.conf 檔案裡，也會自動新增在 /etc/network/interfaces 檔案所指定的 DNS Server，所以，不要手動去動 resolv.conf 檔，動了也是會被清掉

sudo ifdown eth0
sudo ifup eth0

上面這二行請記得不要用遠端連線操作，不然，執行完第一行，就沒機會執行第二行了啊

Eclipse 佈景主題

Eclipse Color Theme
http://eclipsecolorthemes.org

mysql FLOAT 與 DECIMAL

「FLOAT」和「DOUBLE」型態的欄位可以用來儲存包含小數的數值，儲存空間分別是4和8個位元組，它們是一種佔用儲存空間比較小，執行運算比較快的型態。不過因為它們是使用「近似值」來儲存你的數值，所以如果你需要儲存完全精準的數值，就不能使用這兩種型態。

另外一種可以儲存小數數值的「DECIMAL」型態就可以用來儲存完全精準的數值，儲存在這個型態中的數值，不論是查詢或是運算，都不會有任何誤差，不過「DECIMAL」型態佔用的儲存空間就比「FLOAT」和「DOUBLE」型態大。「DECIMAL」型態在MySQL還有一個一樣的關鍵字是「NUMERIC」，這兩種型態完全一樣。