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

程式狂想筆記

在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,自動化

[Python]dict排序筆記

published on included in Python
最近突然想到以前有在網路看到Dict做排序 覺得這些以後還用的到 所以記錄一下… 1 2 3 4 5 6 #http://www.saltycrane.com/blog/2007/09/how-to-sort-python-dictionary-by-keys/ for key in sorted(mydict.iterkeys()): print "%s: %s" % (key, mydict[key]) for key, value in sorted(mydict.iteritems(), key=lambda (k,v): (v,k)): print "%s: %s" % (key, value) 寫成現有method 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 #http://code.activestate.com/recipes/52306-to-sort-a-dictionary/ # (IMHO) the simplest approach: def sortedDictValues1(adict): items = adict.items() items.sort() return [value for key, value in items] # an alternative implementation, which # happens to run a bit faster for large # dictionaries on my machine: def sortedDictValues2(adict): keys = adict.
Read More