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.
今天在宿舍連家裡的動物機連不進去，後來就用真實IP連線去了
登入後馬上下意識用last去看一下登入狀況
結果發現只有一條剛剛登入的訊息!!!
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。
最近厭煩在家還要輸入Basic認證才能線上聽到我的Raspberry Pi上音樂
看了大多數htaccess設定 都沒辦法達成我想要的結果
最後在.htaccess - Allow IP address without authentication - Stack Overflow這篇找到正解
今天用平板電腦看Glayer
發現橫向、直向看某圖大小非常不一樣。
起先我以為是我的錯覺，在經過用Firefox確實大小不一樣。
AngularJS是一個MVC架構JavaScript Framework，是這幾年比較紅的。詳細介紹維基
最近簡單做了簡單輸入檔案計算，如下
在使用 Linux 桌面環境時，偶爾會遇到桌面當機、無回應，但整個系統其實還在運作的狀況。這時不需要強制重開機，可以只重啟桌面環境，節省時間也避免資料遺失。
為什麼需要重啟桌面？ 桌面環境（GNOME Shell、KDE Plasma 等）崩潰但系統仍在運行 顯示管理器異常，畫面凍結 安裝新的桌面主題或驅動程式後需要重啟 方法一：殺掉 tty7（通用方法） Linux 桌面通常運行在 tty7 上，找到並殺掉對應的程序，系統會自動重啟顯示管理器。
1 2 3 4 5 # 查詢 tty7 對應的 process ID ps aux | grep tty7 # 殺掉該 process（替換 {PID} 為實際的 ID） sudo kill {PID} 系統會自動重新啟動顯示管理器（Display Manager），回到登入畫面。
方法二：重啟顯示管理器服務 現代使用 systemd 的 Linux 系統，可以直接重啟顯示管理器服務：
1 2 3 4 5 6 7 8 # GNOME / GDM sudo systemctl restart gdm # KDE / SDDM sudo systemctl restart sddm # LightDM（XFCE、LXDE 等） sudo systemctl restart lightdm 這是最乾淨的方式，會先結束目前的桌面 session，再重新啟動登入畫面。
在前幾年有Markdown這個東西，有嘗試著練習。不過…太久沒用了，也沒有實戰用到…，所以全部忘光光囧，但最近看到LogDown這個玩意，就突然想寫寫看。
LogDown是台灣xdite大大做的，也算是台灣之光，所以也來支持一下^^
Webix 是什麼？ Webix 是由白俄羅斯團隊 XB Software 開發的企業級 JavaScript UI Framework，主打豐富的 UI 元件庫與高效能的資料處理能力。
光看官網首頁的互動 Demo（真正可操作的元件，不是動畫圖片）就能感受到其強大之處。
主要特點 豐富的 UI 元件 Webix 內建超過 100 個 UI 元件，涵蓋：
資料表格（DataTable / TreeTable）：支援大量資料、排序、篩選、分頁、欄位凍結 圖表（Chart）：折線圖、長條圖、圓餅圖等多種圖表類型 排程器（Scheduler）：類 Google Calendar 介面 檔案管理器（File Manager）：類作業系統的檔案管理介面 表單元件：下拉選單、日期選擇器、顏色選擇器等 框架整合 Webix 設計上可與多種前端框架搭配使用：
原生 JavaScript（不依賴其他框架） AngularJS / Angular React Vue.js Backbone.js 高效能 Webix 的 DataTable 在處理大量資料時，採用虛擬滾動（Virtual Scroll）技術，即使資料有數萬筆，介面也能保持流暢。
適合使用的場景 Webix 特別適合以下情境：
企業後台管理系統（ERP、CRM、Dashboard）：需要複雜表格、圖表、表單的管理介面 資料密集型應用：需要展示和操作大量結構化資料 快速原型開發：豐富的元件讓 MVP 開發效率高 授權 Webix 分為免費的 Standard 版和付費的 Enterprise/Ultimate 版。免費版已包含大部分基本元件，付費版則解鎖進階元件（如 Spreadsheet、FileManager、Scheduler 等）。
與其他框架比較 特點 Webix Bootstrap Element UI 元件豐富度 非常高 中等 高 資料表格 企業級強大 需要外掛 基本功能 學習曲線 中等 低 低 適合場景 企業後台 一般網站 Vue 後台 參考資料 Webix 官網
