原创 ECMAScript 6 學習:Promise篇

  Promise是異步編程的一種解決方案。Promise對象,可以將異步操作以同步操作的流程表達出來,避免了層層嵌套的回調函數。 從0到1實現Promise 這篇文章詳細地介紹了Promise的實現,值得細細研讀。     1、Prom

原创 jquery 這些小技巧你懂嗎

jquery有很多奇淫技巧,它的結構清晰,高內聚、低耦合,兼具優秀的性能與便利的擴展性。 這裏僅對其中的一些小技巧做個總結。   1、jquery閉包 把當前沙箱需要的外部變量通過函數參數引入進來 只要保證參數對內提供的接口的一致性,你可

原创 如何啓用 eslint

使用vscode編輯器,在應用裏安裝了eslint,還需要全局安裝eslint,項目裏的配置纔會生效。 npm i eslint -g  

原创 用 loading 切圖實現 loading 動畫

原文鏈接:https://blog.csdn.net/weixin_41076513/article/details/80199253 直接上代碼 <img src="../asset

原创 【轉】JavaScript——連續賦值與求值順序(var a.x=a={n:2})

例題 var a = { n: 1 }; var b = a; a.x = a = { n: 2 }; alert(a.x); // undefined alert(b.x); // [object Object] 解析: a.x

原创 axios禁止請求緩存

360瀏覽器“極速模式”採用Blink(Webkit)內核,具有更高的網頁瀏覽速度和更好網頁渲染效果。不存在自動緩存請求。 “兼容模式”採用Trident內核(IE內核),會自動緩存請求。導致在進行一些表格操作(增刪改查)時出現不刷新,重

原创 ECMAScript 6 學習:Proxy篇

  概述 Proxy 用於修改某些操作的默認行爲,等同於在語言層面做出修改,所以屬於一種“元編程”(meta programming),即對編程語言進行編程。 Proxy,在目標對象之前假設一層攔截,外界對該對象的訪問,都必須先通過這層攔

原创 項目中 eslint 報錯: Expected linebreaks to be 'LF' but found 'CRLF'

  原因:不同系統不同工具下換行符的問題   方法一: 修改eslintrc.js,給rules添加:   'linebreak-style': ['error', 'window'],(如果你用的是windows)    或者   'l

原创 promise筆記

1 Promise 新建後就會立即執行 2 調用 resolve 或 reject 並不會終結 Promise 的參數函數的執行 3 Promise 內部的錯誤不會影響到 Promise 外部的代碼 4 finally 方法的回調函數不接

原创 Reflect筆記

Reflect對象是ES6 爲了操作對象而提供的新 API。   Reflect.get(target, name, receiver) 1、Reflect.get方法查找並返回target對象的name屬性,如果沒有該屬性,則返回und

原创 Generator筆記

1 Generator 函數是一個狀態機,封裝了多個內部狀態 2 執行 Generator 函數會返回一個遍歷器對象;返回的遍歷器對象,可以依次遍歷 Generator 函數內部的每一個狀態 3 特徵 function關鍵字與函數名之間有

原创 擴展運算符

含義 擴展運算符(spread)是三個點(...)。它好比 rest 參數的逆運算,將一個數組轉爲用逗號分隔的參數序列。 console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2,

原创 eslint使用

使用vscode編輯器,在應用裏安裝了eslint,還需要全局安裝eslint,項目裏的配置纔會生效。 npm i eslint -g  

原创 CSS Modules 用法教程

學過網頁開發就會知道,CSS 不能算編程語言,只是網頁樣式的一種描述方法。 爲了讓 CSS 也能適用軟件工程方法,程序員想了各種辦法,讓它變得像一門編程語言。從最早的Less、SASS,到後來的 PostCSS,再到最近的 CSS in

原创 webpack的loader

1. style-loader  css-loader  sass-loader 的作用 style-loader: 將所有的樣式嵌入到dom的style屬性當中。 css-loader: 將css當中的 @import 和 url(..