原创 使用browser-sync搭建簡單的服務器
一、首先你得先安裝了node 二、安裝： npm i browser-sync -g 三、查看幫助 browser-sync --help，想要查看詳細幫助，進入這個命令之後在–help. 四、當前目錄下的所有文件建立一個目錄以
2020-06-21 19:27:55
原创 web相對路徑和絕對路徑的區別-前端開發（文件路徑,圖片路徑）
首先得明白相對路徑和絕對路徑的概念和區別： 相對路徑: 相對路徑就是指由這個文件所在的路徑引起的跟其它文件（或文件夾）的路徑關係。使用相對路徑可以爲我們帶來非常多的便利。(百度百科) 絕對路徑： 絕對路徑是指目錄下的絕對位置，直接
2020-06-21 18:43:25
3
原创 vscode怎麼使用Chrome進行調試和在Chrome中查看
1、如果你是剛下載vscode，那麼你需要下載兩個插件。 open in browser(在瀏覽器中查看，支持五大主流瀏覽器)，下載並啓用。 view-in-browser (在瀏覽器中查看，同樣支持五大主流瀏覽器)。 配置
2020-06-21 18:43:25
原创 js字符串方法和數組方法
js字符串方法和js數組方法 字符串 鋪墊： var str = 'hello world'; console.log(str[1]);//可以直接獲取字符串指定位置字符，不建議使用，耗內存。 console.log(str.ch
2020-06-21 18:43:25
原创 margin塌陷與margin合併（margin）
1、margin塌陷 問題：垂直方向的父子關係的盒子使用不當會產生margin塌陷。給子級設置margin-top時，他不會相對父級一起動，只有他的margin超過父級的margin時，纔會生效，但會帶着父級一起動（作者總結，官方
2020-06-21 18:43:25
原创 vscode使用Chrome瀏覽器調試不好用，解決方法（二）！！
如果你已經下載了 open in browser和view-in-browser並已經正常配置了（正常配置方法見博主另一篇文章：（完整配置）， 但還是找不到打不開Chrome，而且打開的是IE或其他瀏覽器。 解決方法： 1、重新下
2020-06-21 18:43:25
原创 VScode提供快捷鍵總結翻譯
一般 Ctrl + Shift + P，F1顯示命令調色板 Ctrl + P快速打開，轉到文件… Ctrl + Shift + N新窗口/實例 Ctrl + Shift + W關閉窗口/實例 Ctrl +，用戶設置 Ctrl +
2020-06-21 18:43:25
原创 js數據類型和數據類型轉換
一、js數據類型 1、常規的劃分(六種劃分):數字、字符串、布爾值、對象、undefined、unll。 2、八種劃分(詳細劃分)：數字、字符串、布爾值、對象（狹義的對象、數組、函數）、undefined、unll。 三種分類：基
2020-06-21 18:43:25
原创 vscode使用Chrome瀏覽器調試不好用，解決方法！！
1、如果你是剛下載vscode，那麼你需要下載兩個插件。 open in browser(在瀏覽器中查看，支持五大主流瀏覽器)，下載並啓用。 view-in-browser (在瀏覽器中查看，同樣支持五大主流瀏覽器)。 配置
2020-06-21 18:43:14
原创 js獲取自定義屬性的兩種方法
js獲取自定義屬性的兩種方法 一、四種獲取屬性的方法 首先獲取一個元素：var elem = document.getElementById(‘elem’); <div id="elem" class="box" title="
2020-06-21 18:43:14
原创 ant.design rowSelection
rowSelection type type: ‘checkbox’ 複選框支持全選反選 type: ‘radio’ 單選 selectedRowKeys (配合onChange使用) const rowSelect
2020-04-19 07:47:58
1
原创 移動端佈局方案100%佈局（rem）和vw佈局（rem）
1、100%佈局 特點：高度固定，寬度自適應 （1）文字流式（當手機的屏幕越大，顯示的文字越多），控件就是基本固定不變的文字部件就是控件 （2）控件彈性 屏幕越寬控件自適應 （3）圖片自適應 源代碼 *, ::before
2020-03-27 15:07:35
原创 js簡單排序的幾種方法
1、首先定義一個測試數組 let list = [1,10,6,8,7,64] 冒泡排序 function bubbleSort(list) { let len = list.length for(let i =
2020-03-06 03:40:23
原创 electron隱藏狀態欄後的拖拽方法
electron隱藏狀態欄 1、設置了{frame:false}或{titleBarStyle: 'hidden'}都可以達到隱藏標題欄的效果。 但是若果不做處理，就不能進行拖動了。 main.js const { app,
2020-02-29 15:49:41
原创 Json-server簡單實現mock數據
1、安裝 npm install -g json-server 2、來實現一個需要簡單的數據 { "gallery": [ { "id": 199, "name": "泰儀",
2020-02-24 05:47:25