原创 關於類數組與轉換
類數組定義 1）擁有length屬性，其它屬性（索引）爲非負整數（對象中的索引會被當做字符串來處理）; 2）不具有數組所具有的方法； 類數組是一個普通對象，而真實的數組是Array類型。 常見的類數組有: 函數的參數 argume
2020-07-04 22:36:40
原创 字體小圖標使用與優缺點
之前對換膚就是改變css與img中的路徑來進行切換，但是效果與打包後的文件都不理想。使用字體小圖標只要改變CSS中的font-size和color就可以。 現結合其他資料對其進行小總結下： 優勢 輕量級：一個圖標字體要比一系列的圖
2020-07-04 22:36:40
1
原创 ES6數組新增常用方法總結
項目中經常用到數組，沒有系統小結下，現在小結如下： 創建數組： ES5的方式` new Array() new Array(size) new Array(el0, el1,..., eln) 用數組字面量語法，例如： var
2020-07-04 22:36:40
原创 vue中使用import路由懶加載的原理、import和require的區別
import和require的區別 node編程中最重要的思想就是模塊化，import和require都是被模塊化所使用。 遵循規範 require 是 AMD規範引入方式 import是es6的一個語法標準，如果要
2020-06-20 14:56:28
原创 JS之prototype用法（給Number添加通用屬性/方法）
下午室友發給我一道前端面試題，因爲當時忙着趕項目，目光掃了一眼，立馬就回答道 “寫一個add方法和一個minus方法傳參數進去就好了丫~ ” 等下班回過頭來仔細看這道題，爲自己的愚蠢的回答感到愧疚，發現題中是數字調用方法
2020-06-20 13:47:52
原创 前端性能優化---預加載
預加載 1.什麼是預加載 資源預加載是另一個性能優化技術，我們可以使用該技術來預先告知瀏覽器某些資源可能在將來會被使用到。預加載簡單來說就是將所有所需的資源提前請求加載到本地，這樣後面在需要用到時就直接從緩存取資源。
2020-06-20 13:47:52
原创 爲什麼v-for中的key值不推薦使用index
首先我們舉一個例子我們現在有這個數組[ { id:201401, name:'chen' }, { id:201402, name:'sun' },
2020-06-20 13:47:52
原创 移動端fastClick 300ms延遲問題
爲什麼要使用FastClick 移動設備上的瀏覽器默認會在用戶點擊屏幕大約延遲300毫秒後纔會觸發點擊事件，這是爲了檢查用戶是否在做雙擊。爲了能夠立即響應用戶的點擊事件，纔有了FastClick。 項目地址：https
2020-06-20 13:47:52
原创 JSON.stringfy和JSON.parse多參數情況
JSON.parse('{"p": 5}', function(k, v) { if (k === '') { return v; } return v * 2; });
2020-06-14 15:33:09
原创 css預處理器scss
CSS預處理和SASS語法 爲什麼用SASS？ SASS語法 1.變量 2.嵌套 3.計算功能 4.代碼重用 繼承 mixin 5.高級用法 條件語句 循環語句 自定義函數 CSS預處理 爲什麼用SASS？ 剛接觸
2020-06-14 01:54:06
原创 js中event的target和currentTarget的區別
本質區別是： target：返回觸發事件的元素。 currentTarget：返回事件綁定的元素。 關鍵點： 兩者在沒有冒泡的情況下，但在用了事件委託的情況下，就不一樣了，例如： <ul id="ulT"> <li class="
2020-06-14 01:54:06
原创 vue的自定義指令及常用使用場景
除了核心功能默認的內置指令（v-model和v-show）,也可以允許註冊自定義指令 代碼的複用和抽象是主要形式是組件，然而，有的情況系啊，你仍然需要對普通DOM進行底層操作 鉤子函數、鉤子函數參數、動態指令參數 常用場景總計如
2020-06-14 01:54:06
原创 HTML標籤的role作用
看到別人代碼中出現role屬性，記錄一下： <li role="tab" class=tabs-tab>tab1</li> role 是增強語義性，當現有的HTML標籤不能充分表達語義性的時候，就可以藉助role來說明。 通常這
2020-06-14 01:54:06
原创 iframe中父子調用方法
近期做一些非單頁應用的管理後臺頁面中，iframe父子頁面調用難以避免。 jquery使用，現在總結如下： 1.父調用iframe中的元素（一定要iframe是load狀態）： $('#iframe').load(functio
2020-06-14 01:54:06
原创 $(function(){ })的使用
JQuery 的代碼我們通常會包裹在一個$(function(){})函數中，jq 的$(function(){})也就是$(document).ready(function(){})的簡寫，與之對應的原生 js 的window
2020-06-08 13:11:04