原创 vue-router組件內的導航守衛

【示例】: 用戶進入user組件之前取路由值執行alert 用戶改變query參數,觸發alert(等價於watch $route) <script> export default { name: "Us

原创 前端工程化--commit代碼校驗配置

需求 配置使得在git commit -m 'xxxx’時,先執行1. eslint檢測 2.commit規範檢測,兩個條件通過後才commit成功,纔可以push代碼。是前端工程化的一部分,使得代碼及commit更加規範 com

原创 【webpack】2. loader---動態加載css樣式,文件,數據

webpack學習 【webpack】1.快速入門 【webpack】2.webpack核心–loader 【webpack】3. 將入口html也打包 【webpack】4. webpack-dev-server思考 【webp

原创 【webpack】1. 快速入門

webpack學習 【webpack】1.快速入門 【webpack】2.webpack核心–loader 【webpack】3. 將入口html也打包 【webpack】4. webpack-dev-server思考 【webp

原创 js浮點乘除bug

在做項目的時候涉及到百分數小數的顯示轉化,對小數進行乘除發現出不精確的問題,比如 a=0.69,c=a*10,得到的確是6.8999999999999995,這是一個JS浮點數運算Bug,於是找到了乘除的解決辦法,代碼如下 文

原创 原型鏈相關知識

先說構造函數 比如我想創建很多個user對象,一個一個創建太麻煩,弄個工廠函數 function user (name, age, sex) { var person = {}; person.age = age; person.

原创 數組和對象的深淺拷貝

文章目錄淺拷貝淺拷貝和賦值如何實現淺拷貝對象數組深拷貝json實現Object.assign迭代遞歸法 淺拷貝 淺拷貝和賦值 基本數據類型可以直接賦值 引用數據類型直接賦值,那是指向同一個引用地址,所以用淺拷貝 淺拷貝只複製一層

原创 vuex的學習與使用

1. vuex vue中有父子組件之間的通信,但某些變量需要在全局使用,那就用到了vuex,Vuex 是一個專爲 Vue.js 應用程序開發的狀態管理模式。 2. 在vue3中的使用 創建一個vue3項目,具體如下vue-cli3

原创 如何判斷js數據類型

文章目錄數據類型有哪些判斷數據類型的方法typeofinstaceofprototypeconstructor總結 數據類型有哪些 基本數據類型:number,string,boolean,null,undefined 引用數據

原创 前端面試題總結--css篇

摘要 經過實習秋招的面試,總結了一些前端面試題,此處爲css篇章,答案是簡略答案,詳細可自行搜索 1. 盒模型 margin,border,padding,content 在標準盒模型中,width設的是content的寬度 在I

原创 js面試題及簡要答案(持續更新)

文章目錄基本類型和方法js值類型和引用類型的區別call,apply,bind區別undefined === null?什麼是變量提升Object.create是什麼JS類型判斷的方法有哪些JS類型和基礎類型數組去重的幾種方法原型

原创 vue響應式原理 源碼解析

引言 從狀態生成dom再輸出到用戶界面顯示的流程叫做渲染,應用在運行時會不斷進行重新渲染。而響應式系統賦予框架重新渲染的能力。變化偵測的作用就是偵測到數據的變化,當數據變化時,會通知視圖進行相應的更新。 追蹤變化 Vue.js的響

原创 call、apply和bind

區別 bind是綁定,call和apply都是綁定並執行 像箭頭函數,箭頭函數的this在定義時綁定,內部用了bind call和apply的區別,apply接收兩個參數,第一個參數是要綁定給 this 的值,第二個參數是一個參數

原创 js幾種繼承方式

原型鏈繼承 原型鏈本身就是爲了繼承的 function Animal (color) { this.color = color } Animal.prototype.sleep = function () { console.

原创 js中的判斷操作語句詳解(易錯題)

JS中的判斷操作語句 1.if/else if/else 只要有一個條件成立,後面不管是否存在成立的條件都不再判斷執行了 【關於條件可以怎麼寫?】 不管你在條件判斷中寫什麼,最後總要把其計算出TRUE/FALSE來判斷條件是否成立