原创 ECMAScript - ECMAScript和JavaScript關係

ECMAScript和JavaScript JavaScript是由ES(ECMAScript)、DOM(瀏覽器文檔對象)、BOM(瀏覽器對象模型)組成 ECMAScript和JavaScript的關係是 前者是後者的規格(規

原创 webpack報錯之-- CleanWebpackPlugin is not a constructor

webpack CleanWebpackPlugin is not a constructor 改成: 解構賦值、CleanWebpackPlugin不寫參數默認刪除output.path目錄下的文件 (如下)

原创 Git -- 推送本地分支到遠程分支

git推送本地分支到遠程分支 1、遠程有分支,直接將分支拉到本地進行開發 (第一個devName本地分支,第二個origin/devName遠程分支) git checkout -b devName origin/devName

原创 vue -- 瀏覽器標籤頁title修改

vue – 瀏覽器標籤頁title修改 main.js配置 Vue.directive('title', { inserted: function (el) { document.title = el.dataset.

原创 webpack報錯之-- SplitChunksPlugin

webpack 報錯如下 改成:filename -> name 點贊 收藏 分享 文章舉報 咦_我是長頸鹿 發佈了14 篇原創文章 · 獲贊 7 · 訪問量

原创 F5和Ctrl+F5區別

F5 使用F5刷新頁面,size顯示內容來自緩存 size以下集中常見情況 1、from memory cache: 請求數據來自內存,關閉頁面後內存會被釋放,再次打開會重新請求資源,status爲200 2、from disk

原创 ESLint報錯之-- TypeError: Cannot read property 'range' of null

ESLint 解決方案:刪除node_modules文件,重新npm install安裝相關依賴包

原创 ESLint報錯之 -- Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag

ESlint Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag (分析錯誤:相鄰的JSX元素必須包裝在封閉標記中) 解決辦法:

原创 ECMAScript6新特性

let生命變量 1、只在它所在的代碼塊有效 { let a = 10; var b = 1; } a // Uncaught ReferenceError: a is not defined b // 1 2、不存在變量提升

原创 SCSS

SCSS css預處理器一種 CSS預處理器一種專門的編程語言,它能使CSS更簡潔、適應性更強、層級關係更加明顯,並提高可讀性、易於代碼的維護。 有助於更好地組織管理樣式文件,以及更高效地開發項目 CSS進行大規模的web開

原创 vue端口號不固定解決方案

vue端口號不固定解決方案 解決方案: npm install [email protected]

原创 頁面加載和重繪重排

輸入url到頁面加載經歷了什麼 1.在瀏覽器地址中輸入url; 2.瀏覽器在查看是否有瀏覽器緩存-系統緩存-路由緩存,如果緩存中有,直接顯示在頁面中;如果沒有,則進入下一步; 3.進行DNS(域名)解析,獲取相應的IP地址; 4.瀏

原创 CSS命名規範--BEM

BEM 基於組件方式的web開發方法,基本思想是將用戶界面分成獨立的模塊。 Block(塊) (通常指模塊,組件) Block 是一個邏輯上和功能上獨立的頁面組件,等同於網頁組件中的部件(等同於網頁中的組件)。Block 封裝了行爲(J

原创 數組的常用方法

push 向數組的末尾增加一項,返回值是數組的新長度 - 語法 arr.push(item1,item2…) - 參數 添加到數組的元素 - 返回值 返回數組的新長度 var arr = [2,5,6,9,7,8,5]; va