原创 JavaScript 的 this 指向
this 的定義 this 是一個指針，指向的是函數執行的環境對象。 用幾個例子說明 this 的指向 普通函數內的 this 指向執行環境對象，例子中的執行環境是 window var a = 'window' function
2020-06-16 15:57:49
原创 JavaScript 的 閉包
詞法作用域： 首先我們看一個最簡單的例子： var x = 100; function fn(){ console.log(x); } fn(); // 100 毫無疑問，"fn()" 函數是可以訪問到外部定義的變量 "x"
2020-06-16 15:57:49
原创 JavaScript 的 原型鏈
首先要明確的是，JavaScript 是面向對象的語言，但與 Java 、 C# 等語言有別，沒有類的概念，而是基於原型鏈 (即使是ES6的"class"也是基於原型鏈的一種語法糖)。 理解原型對象 只要創建一個新函數，系統默認爲其創
2020-06-16 15:57:49
原创 JavaScript 函數內的 arguments 對象
描述： arguments 是一個對應於傳遞給函數的參數的類數組對象。不是數組，但可以轉化成數組。函數內部必定存在的一個對象。 function fn () { console.log(arguments); } fn('a',
2020-06-16 15:57:49
原创 CSS 堆疊覆蓋 層級關係
如下圖所示： 其中需要注意的是，行元素是 後定義的 高於 前定義的 ，"z-index≥0" 高於 上下文所有元素。 代碼如下： <div class="parent"> <span>層疊上下文背景色及邊框</span>
2020-06-16 15:57:49
原创 前端JavaScript面試技巧
一、JS基礎知識 1.變量類型和計算 值類型： var a = 100 var b = a a = 200 console.log(b) // 100 引用類型：（對象、組數、函數）： var a = {age: 20} var
2020-02-25 22:17:41
原创 Git 入門
起步： 1. 安裝：安裝過程很簡單，根據電腦系統安裝即可，官網鏈接。 2. 首次配置： # 配置用戶名及郵箱 $ git config --global user.name "Your Name" $ git config --glob
2020-02-25 22:17:41
原创 npm install -S -D -g 的區別
npm install module_name -S 即 npm install module_name --save 寫入dependencies npm install module_name -D 即
2020-02-25 22:17:41
原创 Vue 常用組件
1、Better-scroll （移動端實現頁面滾動） // 安裝 npm install better-scroll --save <templat> <div ref="wrapper"> // ... </div
2020-02-25 22:17:41
原创 webpack4--[未完]
1.使用 npm 初始化項目 npm init 2.安裝webpack npm install webpack -D // 若失敗，可以使用cnpm淘寶鏡像，配置方法如下： // npm config set registry htt
2020-02-25 22:17:41
原创 關於 Linux 常用命令
ssh name@server //“name”爲登陸賬號名，“server”爲服務地址，回車後會提示輸入密碼 mkdir xxx // 創建文件夾xxx ls/ll
2020-02-25 22:17:41
原创 Echarts (數據可視化庫) 入門
安裝： $ npm install echarts --save 官網地址：https://echarts.baidu.com/index.html github項目地址：https://github.com/apache/incub
2019-02-14 15:14:06
2
原创 Flex 佈局
基本概念： 採用 Flex 佈局的元素，稱爲 Flex 容器（flex container）。它的所有子元素自動成爲容器成員，稱爲 Flex 項目（flex item）。 容器默認存在兩根軸：水平的主軸（main axis）和垂直的
2019-01-27 15:07:36
4
原创 迴流( reflow ) 與 重繪( repaint )
瞭解頁面渲染過程： 渲染過程如下： 解析 HTML 生成 DOM Tree；解析 CSS 生成 Style Rules； 兩者合併生成 Render Tree； 根據幾何信息(位置、大小等)，生成頁面佈局 (Layout)； 根據特徵信
2019-01-25 15:21:19
原创 JavaScript 函數內的 Arguments 對象
描述： arguments 是一個對應於傳遞給函數的參數的類數組對象。不是數組，但可以轉化成數組。 function fn () { console.log(arguments); } fn('a', 'b', '', 'd');
2019-01-07 16:18:32