原创 Uncaught TypeError: cannot set property “onclick” of undefined 解決辦法
如果把js內容直接放在這個head標籤以內，button按鈕不能正常點擊更換body的背景顏色，報錯提示：demo6.html:16 Uncaught TypeError: Cannot set property 'onclick' of
2020-06-26 17:24:36
原创 前端進階知識(一)之瀏覽器渲染機制
這張主要分5個環節尋行漸近的回答，分別是【什麼是DOCTYPE及作用】、【瀏覽器渲染過程】、【重繪Reflow】、【重繪Repaint】，很多都是直接通過本人用大白話講。 一、什麼是DOCTYPE及作用 1.DTD（文檔類型定義）：DTD
2020-06-24 03:05:01
原创 JavaScript☞原型與原型鏈
本章內容一共分爲四大項，然後尋行漸近的說名，這四大項是 【創建對象有幾種方法】【原型、構造函數、實例、原型鏈】【instanceof原理】【new運算符】 一、創建對象的幾種方式 第1種：字面量 let n1 = {a: 1} l
2020-06-24 03:05:01
原创 webpack4.x 系列(五) ☞ webpack多頁面打包
單頁面應用：整個應用裏面只有一個html文件。現在主流的框架，vue，react都是單頁面應用。所以webpack絕大部分都是對單頁面打包。那麼webpack如何對多頁面進行打包。 目錄： |- build |- webpack.co
2020-06-24 03:05:01
原创 vue學習--$emit 與 props 以及非父子組件之間的通信
一、$emit的用法 主要是子組件可以使用 $emit 觸發父組件的自定義事件。 子組件：通過自定義組件sendCity向父組件派發 <template> <div> <button @click="handleCity">
2020-06-24 03:05:01
原创 javascript將一維數組的分割成多個數組
要求： 把一個數組arr按照制定的數組大小newArrLength分割成若干個數組塊。 樣本： changeArrGroup([1,2,3,4,5,6,7,8,9],3) 返回 [[1,2,3],[4,5,6],[7,8,9]] chan
2020-06-24 03:05:01
原创 js的this講解
涉及面試題：如何正確判斷 this？箭頭函數的 this 是什麼？先記住了一句話 this取什麼值是在函數執行時候確定的，而不是在函數定義時候確定的！ 場景一：作爲普通函數 function foo(){ console.log
2020-06-24 03:05:01
原创 js之詞法作用域及閉包
一、作用域 我們平常用的作用域叫做詞法作用域，詞法作用域的內涵是，作用域在詞法分析階段就被確定了（寫代碼的時候就確定了），也就是說，變量在代碼中所處的位置 (而不是運行時所處的位置)，決定了作用域。下面介紹作用域分【全局作用域】、【函數作
2020-06-24 03:05:01
原创 Vuex的使用及手繪
Vuex主要用於兄弟組件或者是隔代組件通信，並分享數據的最好方式！並要關注幾個問題： 1.vuex是什麼？ 2.vuex的核心概念； vuex的屬性； vuex的數據傳遞流程； 3.爲什麼要用vuex？ 答1： Vuex 是一個專爲
2020-06-24 03:05:01
原创 webpack4.x 系列(二) ☞懶加載 、Preload、Prefetch的講解
我們總是在想，如何讓一些代碼先不加載，而是先讓核心代碼加載，讓用戶能夠快速的看到主頁代碼，而像一些事件按鈕、其他頁面通過某些操作再進行加載，或者在瀏覽器休息時候再進行加載呢！這裏我們講了三種方法去讓代碼優化。本節還介紹一些打包代碼的工具，
2020-06-24 03:05:01
原创 Vue學習高級特性(三)---動態組件、異步加載組件、緩存組件、如何抽離公共邏輯
本章學習動態組件、異步加載組件、緩存組件、如何抽離公共邏輯這4部分內容。 一、動態加載組件 來直接上代碼: <div id="app"> <!-- 動態組件綁定原理 <child-one v-if="type==
2020-06-24 03:05:01
原创 JavaScript之運行機制，以及Event-Loop的講解
這章節採用先題目後原理的說法爲大家講解。 一、引入題目 我們先看一道題目吧！ console.log(1); setTimeout(()=>{ console.log(2) },0); console.log(3) 你們覺得上面打
2020-06-24 03:05:01
原创 vue學習高級特性(一)--三種插槽(slot)用法
本章主要是講slot插槽部分，分【slot的基本使用】、【slot的具名插槽】、【slot的作用域插槽】講解。 插槽（Slot）是Vue提出來的一個概念，正如名字一樣，插槽用於決定將所攜帶的內容，插入到指定的某個位置，從而使模板分塊，
2020-06-24 03:05:01
原创 vue學習高級特性(二)--$nextTick、自定義v-model
這部分來講vue的高級特性--$nextTick和自定義v-model，寫這個主要是給自己有一個大致的印象。 一、$nextTick 直接來看代碼： <div id="demo"> <ul ref="qq"> <li v-for
2020-06-24 03:05:01
原创 webpack4.x 系列(六) ☞ devServer的一些配置
我們都知道，在瀏覽器端會有同源策略，不符合同源策略(也就是協議、域名、端口號三者組成的同源策略)的資源是獲取不到的。那如何能夠獲取一些其他網站的資源呢？答案就是跨域，那麼這裏就講下devServer中常用的一些東西，然後最後重點講下pro
2020-06-24 03:05:01