原创 Vue-router 底層實現原理 源碼實現 深度解析

Vue-router 底層原理 1、項目架構 以下文件夾,是我們實現路由原理所需的 boinnie-router文件夾裏,是我們要自己實現的vue-router的源碼 router文件夾裏,是關於路由的配置 views文件夾,是

原创 彈性佈局 flex

1、flex佈局是什麼? Flex 是 Flexible Box 的縮寫,意爲"彈性佈局",用來爲盒狀模型提供最大的靈活性。任何一個容器都可以指定爲 Flex 佈局。行內元素也可以使用 Flex 佈局。 彈性佈局 flex 是CS

原创 關於vue 常見面試題 (一) (賊全,一般人我不告訴他 )

傳送門 → vue 常見面試題 (二) 1、Vue中key值的作用? vue中列表循環需加:key="唯一標識"。唯一標識可以是item裏面id index等,因爲vue組件高度複用增加Key可以標識組件的唯一性,爲了更好地

原创 Useless constructor no-useless-constructor 錯誤爲何會出現?如何解決?

在react項目運行的時候,有時候會報這個警告 Useless constructor no-useless-constructor 下圖是我的代碼運行之後的警告: 此時代碼如下: 原因是構造函數裏缺少state,解決方法

原创 vue路由 vue-router 詳解 0基礎

Vue-router 1、概念 什麼是路由? 根據用戶請求的路徑來展示不同的頁面或返回不同的數據 2、路由的分類 前端路由 後端路由 前端路由: 根據用戶請求不同的url來展示不同的頁面或者數據,前端路由是不會涉及到後端請求的

原创 JavaScript 數組的方法

一、數組的方法 數組在js中經常用於保存數據,是操作頻率非常高的數據類型,js也提供了很多方法來對數組進行操作。下面介紹常用的方法。 join()、push()、pop()、shift() 、 unshift()、sort()、r

原创 Keep-alive 詳解

1、爲什麼要使用 keep-alive? 在各個頁面之間進行跳轉的時候,回到之前瀏覽過的頁面,此時是會重新進行渲染、重新創建組件,頁面也不是停留在剛纔停留的位置。那麼,能不能在回到瀏覽過的頁面時,還停留在剛剛瀏覽的位置呢?再次進行

原创 使用vue-cli腳手架進行項目的搭建

vue-cli搭建項目 1.安裝環境 npm install -g @vue/cli 或者使用 yarn yarn global add @vue/cli 安裝完成後,還可以用這個命令來檢查其版本是否正確: vue --ver

原创 路由的生命週期 路由鉤子函數 導航守衛 路由的懶加載

路由 導航守衛 一、路由生命週期的概念、作用 給一個 前往官網的傳送門 → Vue Router 導航守衛分爲:全局生命週期、局部生命週期 在這裏呢,我們只對於常用的一些守衛進行講解。 全局: beforeEach 局部: bef

原创 EventLoop 事件循環機制

1. EventLoop 概念 Event Loop即事件循環,是指瀏覽器或Node的一種解決javaScript單線程運行時不會阻塞的一種機制,也就是我們經常使用異步的原理。 因爲JavaScript就是單線程,也就是說,同一

原创 關於vue 常見面試題 (三) (賊全,一般人我不告訴他 )

1、vue如何監聽鍵盤事件中的按鍵? <input @keyup.enter=“function”> 直接方法.就可以了 .delete delete(刪除)/BackSpace(退格) .tab Tab .enter Enter

原创 css 高度塌陷的解決辦法

高度塌陷的解決辦法一、爲什麼會出現高度塌陷二、解決高度塌陷2.1 給父元素一個固定的高度2.2 父元素也浮動2.3 給父元素添加屬性 overflow: hidden;zoom:1;2.4 在浮動元素後添加一個div2.5 萬能清

原创 Promise 講解如何簡單使用方法

Promise一、promise是什麼?二、promise的優缺點三、promise方法的使用3.1 promise.then3.2 promise.catch3.3 promise.all3.4 promise.race3.5

原创 Ajax異步請求原理和過程

Ajax異步請求原理和過程1.什麼是Ajax2.AJAX創建異步對象XMLHttpRequest ( 考慮兼容性 )3.操作XMLHttpRequest 對象 1.什麼是Ajax Ajax是一種異步請求數據的web開發技術,對於改

原创 vue在created鉤子函數請求異步數據,在mounted鉤子獲取不到?

異步數據問題1.created、mounted的定義1.1 created1.2 mounted2.問題現象及解決辦法 1.created、mounted的定義 1.1 created 附一個官方對於created的定義 : 【c