原创 js面向對象理解
ECMAScript 有兩種開發模式：1.函數式(過程化)，2.面向對象(OOP)。面向對象的語言有一個標誌，那就是類的概念，而通過類可以創建任意多個具有相同屬性和方法的對象。但是，ECMAScript 沒有類的概念，因此它的對象也與
2019-05-13 23:38:16
1
原创 盒子模型詳細介紹---面試全面回答
1.基本概念：標準模型+IE模型 區別？ 在網頁中，一個元素佔有空間的大小由幾個部分構成，其中包括元素的內容（content），元素的內邊距（padding），元素的邊框（border），元素的外邊距（margin）四個部分。這四個部
2019-05-09 20:56:19
1
原创 typeof 與 instanceof之間的區別
ES6規範中有7種數據類型，分別是基本類型和引用類型兩大類 基本類型（簡單類型、原始類型）：String、Number、Boolean、Null、Undefined、Symbol 引用類型（複雜類型）：Object（對象、Functi
2019-05-07 21:02:21
原创 js閉包--關於在for循環中綁定事件打印變量i是最後一次。
閉包是指有權訪問另一個函數作用域中的變量的函數，創建閉包的常見的方式，就是在一個函數內部創建另一個函數，通過另一個函數訪問這個函數的局部變量。 在for循環裏面的匿名函數執行 return i 語句的時候，由於匿名函數裏面沒有i這個變
2019-05-06 20:58:35
原创 js閉包--關於在for循環中每隔一秒打印一次
上篇我們介紹了js閉包-關於在for循環中綁定事件打印變量i 我們可以將結果一次性打印出0 1 2 3 4，那麼下面我介紹一下每隔一秒鐘一次打印出 0 1 2 3 4 1000*i是重點 es5方法: for (var i = 0;
2019-05-06 20:58:35
原创 gulp的配置文件
1. 全局安裝 gulp： $ npm install --global gulp 2. 作爲項目的開發依賴（devDependencies）安裝： $ npm install --save-dev gulp 3. 在項目根目錄下創建
2019-05-05 20:56:09
原创 js篩選條件匹配對應值的幾種方法
根據狀態值篩選出對應的狀態文字 switch寫法： function test (status) { switch (status) { case 0: return "未啓動" case 1:
2019-05-05 20:56:09
3
原创 ES6 之reduce的高級技巧
reduce() 方法接收一個函數作爲累加器，數組中的每個值（從左到右）開始縮減，最終計算爲一個值。 語法：array.reduce(function(total, currentValue, currentIndex, arr),
2019-05-05 20:56:08
6
原创 js連續賦值與求值順序,應用場景舉例
面試題中經常會遇到js連續賦值與求值順序問題： var a = {n: 1}; var b = a; a.x = a = {n: 2}; console.log(a.x); // undefined console.log(b.x
2019-05-03 19:43:10
原创 js 實現sleep函數
sleep函數作用是讓線程休眠，等到指定時間在重新喚起。 方法一：這種實現方式是利用一個僞死循環阻塞主線程。因爲JS是單線程的。所以通過這種方式可以實現真正意義上的sleep()。 function sleep(delay) {
2019-05-03 19:43:10
原创 CSS實現導航下劃線hover動畫transform彙總
對於一個 hover transition 動畫，它應該是從： 正常狀態 -> hover狀態 -> 正常狀態 （三個步驟，兩種狀態） 所以，必須要有一種方法，能夠使得 hover 動畫的進入與離開產生兩種不一樣的效果，實現： 狀態1
2019-04-29 18:02:45
原创 原生js實現圖片預覽功能
現在的UI框架已經幫助我們實現了前端大部分的基礎功能，交互效果，下面我們來看看這些組件底層是如何實現圖片上傳預覽的，主要是js的new FileReader()和readAsDataURL(file) <!DOCTYPE html>
2019-04-29 18:02:44
原创 扁平化多維數組
1.最基本的方法 var result = [] function unfold(arr){ for(var i=0;i< arr.length;i++){ if(typeof arr[i]=="object"
2019-04-29 18:02:44
原创 Vue.js 3.0 新特性預覽
此文轉自：https://www.css88.com/archives/10052?from=timeline Evan You（尤雨溪）今天（2018年11月16日）早上在 Vue Toronto 的主題演講中預演了 Vue 3 。
2019-04-29 18:02:44
5
原创 js深度複製的方式
1.使用jq的$.extend(true, target, obj) 2.newobj = Object.create(sourceObj)，// 但是這個是有個問題就是 newobj的更改不會影響到 sourceobj但是 sour
2019-04-29 18:02:44