2014 隨意筆記紀錄
收集一些網路覺得不錯的東西，會記錄下面。
希望有時間要找過去想看的，也是非常方便的一件事。
程式狂想筆記
Linux DHCP DNS重開機跑掉的問題
問題描述 在 Linux 上使用 DHCP 取得 IP 時，雖然手動設定了 DNS，但每次重開機後 /etc/resolv.conf 的 DNS 設定就會被覆蓋，導致 DNS 解析失敗。
DHCP 與 DNS 的關係 DHCP（Dynamic Host Configuration Protocol）在分配 IP 時，同時也會提供 DNS 伺服器資訊。當網路服務啟動或 DHCP 更新 lease 時，DHCP client 程式（如 dhclient）預設會將 DHCP 伺服器提供的 DNS 寫入 /etc/resolv.conf，覆蓋掉手動設定的內容。
解決方法 CentOS / RHEL（使用 ifcfg 設定） 修改對應網卡的設定檔，加入 PEERDNS=no，告知 DHCP client 不要更新 DNS 設定：
1 2 # 假設網卡為 eth0 sudo vi /etc/sysconfig/network-scripts/ifcfg-eth0 在設定檔中加入或修改：
1 2 3 4 BOOTPROTO=dhcp PEERDNS=no # 加入這行，禁止 DHCP 覆蓋 DNS DNS1=8.
JQuery相關Animate function筆記
最近發現JQuery 有人用Animate做背景動態效果
|
|
自已用plunker測試發現不能使用
原來需要裝一個套件才能用
利用影片來做背景動態效果
最近逛到未確認進行式動畫官網
看到背景是動態畫面，第一個直覺這是Flash
但右鍵不是!!!!
奇怪就算是HTML5播放影片右鍵應該可以控制影片
說話框放大縮小特效、背景置中
前幾天逛到暗殺教室動畫官網
指要把滑鼠移到暗殺老師頭，旁邊就會跑出說話框
記錄網頁特效動機
最近看到一些日本動畫網站做的越來越厲害
以前看到動態以為是Flash做出來的東西
但仔細一看，竟然是HTML5+JavaScript合出來的東西
於是我對一些網站製作手法開始有興趣了
AngularJS讀取載入檔案資訊
http://www.dotblogs.com.tw/regionbbs/archive/2012/06/28/html5.file.api.aspx
http://odetocode.com/blogs/scott/archive/2013/07/05/a-file-input-directive-for-angularjs.aspx
http://stackoverflow.com/questions/16579427/html5-file-upload-with-angularjs
http://plnkr.co/edit/JPxSCyrxosVXfZnzEIuS?p=preview
http://plnkr.co/edit/HEA7wYq8Uv0Ee0J4SX7u?p=preview
html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <!doctype html> <html ng-app="plunker" > <head> <meta charset="utf-8"> <title>AngularJS Plunker</title> <script>document.write('<base href="' + document.location + '" />');</script> <link rel="stylesheet" href="style.css"> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.js"></script> <script src="app.js"></script> </head> <body ng-controller="MainCtrl"> <input type="file" filelist-bind multiple="multiple" name="files"/> <br> files : <pre>{{ files | json }}</pre> </body> </html> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 var app = angular.
last登入資訊不見了!!!
今天在宿舍連家裡的動物機連不進去，後來就用真實IP連線去了
登入後馬上下意識用last去看一下登入狀況
結果發現只有一條剛剛登入的訊息!!!
Bootstrap相關不錯的工具網站
Bootstrap 是目前最廣泛使用的前端 CSS 框架之一，圍繞它有許多優質的工具和資源。以下整理幾個實用的 Bootstrap 相關工具網站。
主題與樣式 Bootswatch 網址：https://bootswatch.com 用途：提供多款免費的 Bootstrap 主題，只需替換一個 CSS 檔案即可完全改變網站外觀 特色：主題設計精美，涵蓋各種風格（扁平化、深色、鮮豔等），完全免費且開源 1 2 <!-- 只需替換 Bootstrap CSS 連結 --> <link rel="stylesheet" href="https://bootswatch.com/5/flatly/bootstrap.min.css"> Bootstrap 官方主題市場 網址：https://themes.getbootstrap.com 用途：官方提供的付費進階主題，品質有保障 圖示（Icons） Bootstrap Icons 網址：https://icons.getbootstrap.com 用途：Bootstrap 官方圖示庫，提供超過 1800 個 SVG 圖示，免費開源 使用方式： 1 2 3 4 5 6 <!-- 引入圖示庫 --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css"> <!-- 使用圖示 --> <i class="bi bi-heart-fill"></i> <i class="bi bi-github"></i> Font Awesome 網址：https://fontawesome.com 用途：最廣泛使用的圖示庫，與 Bootstrap 搭配使用效果極佳，提供免費版和付費版 版面生成器 Bootstrap Layout Builder 用途：視覺化拖拉生成 Bootstrap Grid 排版代碼，適合快速建立頁面骨架 Layoutit!
瀏覽器播放影片控制開始時間和結束時間
HTML5 的 <video> 元素除了基本的播放功能外，還支援透過 URL 的 Fragment（片段） 語法直接指定影片的開始和結束時間，不需要任何 JavaScript 就能讓影片從特定位置開始播放。這個規範稱為 Media Fragments URI。