程式狂想筆記
首頁 文章 標籤 分類 好站連結
程式狂想筆記
https://avatars.githubusercontent.com/u/6058558

程式狂想筆記

好用的剪貼簿

published on included in 實用工具

最近公司專案是用西班牙語
所以要一直參考文件貼到別的地方
一直複製 → 貼上 →複製 → 貼上→複製 → 貼上→複製 → 貼上→複製 → 貼上→複製 → 貼上… 無限迴圈
之前一些都靠Sublime Text還hold的住
現在就有點麻煩，速度感覺有變慢
就想以前有看到剪貼簿工具
但覺得用不太到…
現在發現還滿好用的

Read More

在Linux架Git Server(ssh)

published on included in Git

最近公司接了一個案子，我被分配到架設Git Server工作
架設成功，就在這裡做簡單的筆記。
由於網路教的都大同小異，只需理解為什麼這樣做
用自己的需求，基本上實作應該都能做出來

Read More
Git

線上網頁編輯器

published on included in 網站記錄
以下整理幾個常用的線上網頁編輯器，各有不同的特色和適合場景，方便隨時在瀏覽器中測試和分享程式碼。 主流工具 CodePen codepen.io — 目前最流行的前端 playground，介面美觀，社群活躍。支援 HTML、CSS、JavaScript，以及各種預處理器（Sass、Less、TypeScript 等）。適合：分享 UI 效果、CSS 動畫、學習範例。Pen 可公開瀏覽，是前端開發者展示作品的熱門平台。 JSFiddle jsfiddle.net — 老牌的線上編輯器，分為 HTML、CSS、JavaScript、結果四個面板，支援常見的 JS 函式庫（jQuery、React、Vue 等）。適合：快速重現 bug、在 Stack Overflow 上分享可執行的範例。 JS Bin jsbin.com — 類似 JSFiddle，介面較簡潔，支援即時預覽。有 console 面板可查看輸出，適合教學示範和快速原型測試。 Plunker plnkr.co — 支援多檔案編輯，可以模擬更接近真實專案的結構，適合測試 Angular、React 等需要多個檔案的框架。支援 npm 套件引入。 純 CSS / HTML 工具 CSS Desk cssdesk.com — 專注於 HTML + CSS 的簡易編輯器，介面乾淨，適合純 CSS 效果測試。 Dabblet dabblet.com — 由 CSS 大師 Lea Verou 開發，專為 CSS 設計，支援 CSS 變數和即時預覽，介面極簡。
Read More

[CSS]文字換行的問題

published on included in CSS
由於最近做一個報表系統，在測試環境下沒有很長的資料，報表表格都沒有什麼問題 但在正試環境，很多文字就有自動換行的問題，然後爬了文但不清楚這些東西 花了一個下午時間理解這些東西，順便記一下筆記，不然很久沒用應該就忘掉了 囧 word-break:normal|break-all|keep-all; word-wrap:normal|break-word 上面都是解決換行的問題(但不是真的換行) word-break:Normal normal下一句有單字超過邊距會把整個單字換下一行 word-break:keep-all; 恩，結果好像跟Normal模式一樣，沒什麼差別…，但這樣就特錯大錯 查了一下文件如下 1 2 3 4 5 6 normal Use the default line break rule. break-all Word breaks may be inserted between any character for non-CJK (Chinese/Japanese/Korean) text. keep-all Don't allow word breaks for CJK text. Non-CJK text behavior is the same as for normal. http://devdocs.io/css/word-break 官網下面範例就很清楚keep-all英文下還是以normal，但非英文(中文、日文…)不會換行 這邊我把他想像成 會把一串中文變成一整個單字，所以換行 剛發現中文與中文之間有空白還是會做換行動作 好了，接下來要講word-break:break-all; word-break:break-all white-space:nowrap; 一段不會換行的問題 我的table不會亂用word-break:keep-all;或white-space:nowrap;可以解決問題 測試還發現display:block裡面文字超出去 但是外框大小不會跟著文字延伸 display:inline-block就沒有這個問題 上面的div文字會超出去邊框，但table沒有這個問題 看來有空要搞清楚這些….
Read More
Word-Break,Word-Wrap

[JavaScript] Date物件 小筆記

published on included in JavaScript

最近有使用JavaScript Date物件，想說有什麼辦法直接把變數換成當月最後一天
發現網路上有一個教法寫

1
2
3
4

var date = new Date();
date.setMonth(date.getMonth+1);
date.setDate(0);
console.log(date);

非常神奇，簡單又不需要判斷閏年的問題!!!!

Read More
Javascript,Date

[Autoit]詢問禮拜六日自動關機腳本

published on included in AutoIt

AutoIt 是一個專為 Windows 桌面自動化設計的腳本語言，可以模擬鍵盤輸入、滑鼠操作、視窗控制等，常用於自動化重複性的 Windows 操作流程。這個腳本的用途是在辦公室電腦上，讓電腦在週末（週六、週日）自動執行關機，節省學校電費，同時保留讓使用者取消的選項（以防萬一假日需要進來使用）。

Read More
AutoIt,自動化