thumbnail 目標 Common 利用第三方library實現Dark Theme深色主題， 不用另外寫深色主題的CSS 將 使用者設定的主題 儲存在其 local本地端 ，方便使用者後續瀏覽Blogger，不用每次切換Blogger網頁還要更改一次主題設定 缺點是可能有部...
站長留言
- ✅ 本站維護及更新歷史紀錄，詳情請參考公告
- ✅ 有任何意見、想法，歡迎留言給Spicy知道喔
- ✅ 固定於每周一至周五更新Blogger文章，周末不定期
tags: Vaadin 1 Common 官方元件未必提供本地化時間格式的功能 元件可能只有初始化那一次有套用本地化的時間格式，但之後都沒有套用 DatePicker 這個元件的本身的月曆做i18n沒有問題，參考 官方範例 即可 此元件有提供setLoc...
tags: Vaadin 1 Common TreeComboBox 查看TreeComboBox，原始碼會發現其實是用數個元件組合而成 TextField Button Tree 2 Popup 3 改善項目 元件的title沒有 靠左對齊 ，...
tags: Vaadin 1 Common 原始TreeGrid設計，只有垂直的scroll bar， 沒有水平的scroll bar 元件要求1 ：The width should be in a format understood by the browser,...
tags: Vaadin Common 前言 舊版的Addon皆無法使用 舊版元件package：com.vaadin.ui.*; 新版元件package：com.vaadin.flow.component.*; 已內建的Addon 有些Addon在V14已經...
tags: Vaadin New API HTML attribute 直接控制該元件HTML的參數 nameField . setAttribute ( "id" , "nameField" ) ; nameFiel...
tags: Javascript Web Design 來源： http://www.ndesign-studio.com/demo/css-dock-menu/css-dock.html Common 前言 產生魚眼效果的toolbar，做出來的效果超乎...
tags: Javascript Web Common 目標 利用button控制 全螢幕顯示 的on/off 用鍵盤快捷鍵的 全螢幕顯示 的on/off，也必須考慮進去，button icon須隨之改變 Esc 可以關閉 全螢幕顯示 F11 全螢幕顯示 的on...
tags: Javascript Scrollbar 來源： https://kingsora.github.io/OverlayScrollbars/#!themes
tags: Web Design Session Web容器會為你建立 HttpSession 物件，每個 HttpSession 物件都會有個特殊的 ID，稱之為 SessionID SessionID 預設會使用 Cookie 存放至瀏覽器 Web 容器儲存...
Common 利用jQuery的plugin，去進行影像的截圖、框選 影像：img, video… 主要用來取得兩點數據：x1, y1(左上), x2, y2(右下) 透過這些數據，讓後端可以進行要執行的動作，例如：截圖、框選…
上一篇： Custom Scrollbar - 1：CSS，僅適用Chrome網路瀏覽器 tags: Javascript Scrollbar Common 前言 實際上github可以找到 很多Javascript的Custom Scrollbar 但不知道什...
tags: CSS Scrollbar Browser 適用瀏覽器 CSS 的寫法 僅適用 Google Chrome Firefox, Edge 無法使用： Explanation 解釋 簡而言之，就是除了 Chrome 以外的瀏覽器，一律不支援CSS寫法 ...
tags: Javascript Common 本篇主要介紹 Speech synthesis 語音合成，也就是 文字轉語音 Web Speech API 有提供三種功能 Phrase matcher Speak easy synthesis Speech co...
tags: HTML 上一篇 【Web】如何利用 HTML ＜map＞ Tag 來完成影像地圖設計 (上) https://spicyboyd.blogspot.com/2018/06/web-html-map-tag.html Common 目標 如上圖，...
tags: HTML Common 簡介 An image-map is an image with clickable areas. 具有可點擊區域的一張圖片 讓 img 圖片能夠規劃出不同區塊，且使每個區塊成為 Link 超連結 例如：提供旅遊...
tags: Web Design Common 目標 建立 Facebook 留言板 整個網頁 (包含主頁、分頁) 共用的留言板， 例如：Blogger，通常留言板會出現在每篇文章的最底端，而整個 Blogger 所有文章 的留言板都是 共用的 讓版主擁有 Fac...
tags: Web Design HTML Google Driver Common 前言 在撰寫網頁前端時，使用 html 的 tag，例如： img, audio, vedio … 若想使用儲存在雲端 Google Driver 的資源時，該如何取得正確的 u...
Common 目標 網頁上經常會使用大量的圖片 為節省 loading 的時間，加速網站效能，就必須將圖片最佳化 根據統計大部分的使用者，期許網頁載入時間 小於2秒 ，超過3秒可能會直接離開該網頁
tags: JSP out.print() 屬於子類別JSPWrite中自己的抽象方法 將所有類型Type的資料都轉換成字串的形式輸出 若輸入的是null時，print方法將輸出"null"的字串 程式碼 example < body...
