原创 webpack學習之自動編譯代碼
對於每次代碼發生改變時都要去手動運行，根據webpack官方文檔總結出二種自動編譯代碼的方法。 webpack`s Watch Mode webpack-dev-server 使用webpack`s Watch Mode 在package
2020-06-26 18:05:59
原创 ES6之數組的flat(),flatMap()
數組的成員還是數組時，Array.prototype.flat（）用於將嵌套的數組“拉平”，編程一維數組。該方法返回一個新的數組，對原數據沒有影響。 [1, 2, [3, 4]].flat() // [1, 2, 3, 4] flat（
2020-06-26 18:05:59
原创 封裝判斷數據類型方法的函數
首先用typeof判斷數據類型共有六種情況： <script> var a = null; var b; var c = 1; var d = "abc"; var e = true; v
2020-06-26 18:05:48
原创 DOM0級事件和DOM2級事件
DOM0級事件 分爲兩種，一種是在標籤內添加執行語句: <button id = "button1" onclick="console.log('123')">點擊</button> 一種是定義執行函數 <button id="but
2020-06-26 18:05:48
原创 Webpack學習之搭建Vue項目
一.配置環境 由於npm是基於node環境，所以要先安裝node。 創建文件夾在VScode中打開並打開終端（快捷鍵：shift+ctrl+`），輸入指令： npm init //初始化一個項目 npm install webpack
2020-02-23 21:29:23
原创 Web Storage學習（一）
Web Storage提供了存儲器的緩存機制，使得瀏覽器可以安全地存儲鍵值對。 基本概念: 1. Storage類型： 提供了訪問特定域名下的會話存儲或本地存儲的功能。 方法： clear(): 刪除所有項。 getItem(n
2019-10-26 06:13:02
原创 把一個URL解析成一個對象
第一種方法：原生JS var url = "http://www.taobao.com/index.php?key0=0&key1=1&key2=2"; var str = url.split("?")[1]; var item = s
2019-08-23 04:16:41
原创 JS中數組的方法
1.創建方法 var arr = [1,2,3];//字面量 var arr = new Array(1,2,3)//構造函數實例化 2.join（）數組轉字符串 arr.join('')//以''裏的分隔符鏈接成字符串 consol
2019-08-23 04:16:41
原创 let，const，var的區別
let是ES6新規定的一種聲明變量的方法，用來取代ES5中var命令，消除var聲明變量的不合理，不嚴謹之處。const用來聲明常量。 let使用規則 1.let聲明的變量不存在變量提升的問題，必須遵循 "先聲明，後使用"否則會報錯。但用
2019-08-23 04:16:41
原创 JS中的數據類型
一.數據類型 1.原始數據類型：Null，Undefined，Boolean，String，Number 2.引用數據類型：Object，Array，Function 二.面試常考 1.Null和Undefined的區別 Undefine
2019-08-23 04:16:41
原创 JS中的數組去重
var arr = [1,2,5,8,6,3,2,1]; //1.運用set結構特點：存儲的數據沒有重複的，結果爲對象，再用Array.from()轉換成數組 var set = new Set(arr); console.log(
2019-08-23 04:16:40
原创 CSS實現多種圖案
1.圓形 原理：上下左右都是圓角且爲寬高一半 .circle{ width: 100px; height: 100px; background-color: red;
2019-08-15 03:58:07
原创 CSS三欄佈局
三欄佈局（左右定寬，中間自適應） 方法一：聖盃佈局 .box1{ padding: 0 150px 0 200px; } .main1,.left1,.right1{ float: left; height: 1
2019-08-09 04:58:31
原创 CSS兩欄佈局
CSS兩欄佈局（左側定寬，右側自適應） 方法一：float + margin-left /*css*/ .left1{ width: 100px; background-color: red; float:left
2019-08-08 04:37:36
原创 元素常見的居中方式
1.行內文字居中，未設置高度，定位，浮動的情況下失效 text-align：center，水平居中 line-height: 行高，垂直居中 2.表格內元素的居中 text-align：center，水平居中
2019-08-07 04:42:29