原创 Emmet 學習筆記

Emmet 學習筆記 Emmet HTML 縮略語法 子級元素:> 同胞元素:+ 上一級元素:^ 元素個數:* 分組:() ID and CLASS:# . 定義屬性:[attr=value] 項目序號:$ 內容文本:{} Emm

原创 修改註冊表快速新建txt文本文檔

平臺: Windows 經常會遇到比如新建文件夾, 以及新建文本文檔之類的需要. 新建文件夾默認提供快捷鍵 Ctrl + Shift + N, 但新建一個文本文檔還需要右鍵, 加鼠標操作, 顯得不那麼方便. 下面就提供了一種通過修改註

原创 vscode 修改默認 Markdown 預覽樣式

如何修改 vs code 默認的 Markdown 預覽樣式 vs code 預覽 Markdown 文件的快捷鍵爲 Ctrl + Shift + V. 其實在 vs code 中有默認的 Markdown 樣式, 但是不一定是我們喜歡的

原创 理解 background-position

background-position 基礎認識 background-position 是css 中定義背景圖片位置的一個屬性,接受三種類型的值。 關鍵字:top right bottom left center px 、em 、re

原创 jquery實現元素不確定時,如何確定寬度 && inline-block

實際項目中遇到的一個需求是:左邊寬度固定,右邊不固定,且大小爲水平方向剩餘寬度。 自己的實現是這樣的: HTML代碼 <p>需求 左邊寬度固定,右邊不固定,大小爲水平剩餘寬度</p> <div class="left"></div>

原创 裝機必備軟件

裝機必備工具 個人習慣了軟件一般能在官網下的就在官網下載了,網絡上資源良莠不齊,所以下面給出的地址一般都會是官網的,個別的會給出別的地址。 1. everything 本地文件資料搜索查找利器,速度超級快,還可以自定義規則查找,方便你

原创 CSS 3--filter

CSS 3 中提供的新的濾鏡方法 兼容性支持 只有ff,chrome,safari,opera有較好的支持,但這些瀏覽器的早期版本還需要加上前綴 -webkit;而微軟的IE和Edge並不支持該特性。 語法 filter: none

原创 開發者的利器--Zeal 離線API

什麼是 Zeal ? Zeal is an offline documentation browser for software developers. 並且 Zeal 目前是開源免費的 下面是官網配圖: Zeal 目前支持19

原创 javascript和jQuery獲取屏幕寬度和高度

javascript 網頁可見區域寬: document.body.clientWidth 網頁可見區域高: document.body.clientHeight 網頁可見區域寬: document.body.offsetWidth (包

原创 如何利用七牛雲在線存儲圖片

平時寫學習筆記和博客文章的時候早已習慣了使用 Markdown 記錄,各種方便,但圖片的保存和展示成了一個比較關鍵的問題,雖然可以使用本地相對路徑顯示圖片,但也很不方便,總不能一直是單機版吧。七牛雲是國內一個不錯的在線存儲平臺,客戶衆多,

原创 moment.js--時間格式化處理利器

momentjs moment.js不依賴任何第三方庫,支持字符串、Date、時間戳以及數組等格式,可以像PHP的date()函數一樣,格式化日期時間,計算相對時間,獲取特定時間後的日期時間等等。下面是一些使用例子。 格式化日期 mo

原创 chrome 調試進入 paused in debugger 狀態解決辦法

今天調試代碼的時候總是一刷新就進入 debugger 狀態,總是需要按幾次 F8 才能進到頁面,我那個暴脾氣啊,幾次後終於是忍不住了,然後再網上找到了解決辦法。就如一位網友所說,“Oh God! I can code now! ”。 下

原创 常用正則表達式大全——包括校驗數字、字符、一些特殊的需求等等

很多不太懂正則的朋友,在遇到需要用正則校驗數據時,往往是在網上去找很久,結果找來的還是不很符合要求。所以我最近把開發中常用的一些正則表達式整理了一下,在這裏分享一下。給自己留個底,也給朋友們做個參考。 一、校驗數字的表達式 1 數字:^[

原创 如何修改標籤默認樣式

下面是HTML代碼 <label> <input type="checkbox" class="hidden_input" /> <span class="checkbox"></span> 我是標籤 </labe

原创 Markdown入門

Markdown入門 認識Markdown 使用Markdown的優點 專注你的文字而不是排版版式 輕鬆地導出HTML、PDF和本身的.md文件 純文本內容,兼容所有的文本編輯器與字處理軟件 可讀,直觀。適合多誘人的寫作語言 標題