原创 多行文本文本輸入框 textarea 可點擊任意地方輸入文字而不是只能在開頭輸入的問題

   問題如圖:textarea可以點擊任意地方編輯 原因:textarea標籤之前有空隙 改成下圖這樣就可以了:

原创 安裝node.js和npm

https://www.liaoxuefeng.com/wiki/1022910821149312/1023025597810528記錄下

原创 webpack概念的引入

一.在網頁中會引用哪些常見的靜態資源? +JS    - .js .jsx .coffee .ts(TypeScript 類 C#語言) +CSS    - .css .less .sass .scss +Images   - .jpg

原创 URL中的hash(井號)

http://www.ruanyifeng.com/blog/2011/03/url_hash.html 這裏做個記錄,方便自己以後查看

原创 如何使用vscode快速新建.vue代碼/.html代碼等其他

1.文件 ==> 首選項 ==> 用戶代碼片段 ==> 輸入 vue或html或其他的,看你想創建什麼後綴名的快速代碼 2. 找到後直接添加配置,讓vscode允許自定義的代碼片段提示出來(找不到也可自己創建)。 3.如下圖,給vue.j

原创 VSCode中 html文件右擊瀏覽器瀏覽插件安裝

1)打開vscode工具; 2)找到擴展,輸入open in browser 找到插件並安裝,如圖: 3)在安裝完open in browser插件後,在html代碼中鼠標右鍵可以看到多了兩個打開選擇,點擊即可打開瀏覽器進行預覽。  

原创 VSCode中快捷鍵的使用

1.摺疊代碼塊:shift+ctrl+[ 2.展開代碼塊:shift+ctrl+] 3.在默認瀏覽器中打開(安裝了瀏覽器瀏覽插件 open in browser):alt+b 4.在其他瀏覽器中打開(安裝了瀏覽器瀏覽插件 open in

原创 VSCode設置中文語言顯示

 Vscode是一款開源的跨平臺編輯器。默認情況下,vscode使用的語言爲英文(us),如何將其顯示語言修改成中文了? 1)打開vscode工具; 2)使用快捷鍵組合【Ctrl+Shift+p】,在搜索框中輸入“configure di

原创 table設置td文本超出爲省略號無效的解決方法

td關鍵代碼如下: white-space: nowrap;/*控制單行顯示*/ overflow: hidden;/*超出隱藏*/ text-overflow: ellipsis;/*隱藏的字符用省略號表示*/ table代碼如下:

原创 判斷手機類型

var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android終端 var isiOS

原创 bootstrap修改默認字體,更換爲微軟雅黑或其他字體的方法

轉自:http://www.igooda.cn/jzjl/20130914360.html 在開發中,使用bootstrap後,中文會一直是默認的宋體,做爲一個設計師,是不可忍受的。。。 還是微軟雅黑的字體更好看些,而且過度到手機、平板電

原创 文字的描邊

 -webkit-text-stroke: 2px #000;/*描邊的像素,也就是粗細,這裏指定是2像素的黑色邊框*/ -webkit-text-fill-color: #ffe268;/*文字的填充色*/

原创 塊元素和內嵌元素

塊元素的特徵(block): 1.默認獨佔一行 2.沒有寬度時,默認撐滿一排 3.支持所有css命令   內聯元素的特性(inline): 1.同排可以繼續跟同類的標籤 2.內容撐開寬度 3.不支持寬高 4.不支持上下的margin 5.

原创 transform:translate(-50%,-50%)實現水平垂直居中

.content {     padding:10px;     background:green;     color:#fff;     position:absolute;     top:50%;     left:50%;  

原创 解決li標籤使用inline-block出現的間隙問題

我們在寫網頁的時候,頭部的導航條一般會用: <ul>     <li></li>     <li></li>     <li></li> </ul> 但li又是塊狀元素,多個block元素會各自新起一行。這個時候我們會給li加上displ