原创 vue響應式對象

在vue中與視圖中綁定的數據,其數據的變化會驅動視圖的更新,這是因爲vue是響應式 那麼有沒有那麼一種情況數據的變化視圖沒有變化呢? 答案肯定是有的,例如對象的屬性變化vue並不能監聽到,因此數據的變化並不能驅動視圖更新 vue也提供了$

原创 canvas寬高理解,即canvas座標系與屏幕座標系

canvas在空標籤沒有任何額外手動添加的屬性時,默認寬高爲300*150px // 默認寬高300*150px <canvas /> 這裏的寬高有兩個含義 canvas元素寬高爲300*150px canvas畫布可見區域爲300*

原创 vuex基礎理解

vuex是vue的一個插件,下面要從以下三方面來初步瞭解以下vuex1.vuex是什麼官方解釋:Vuex 是一個專爲 Vue.js 應用程序開發的狀態管理模式。它採用集中式存儲管理應用的所有組件的狀態,並以相應的規則保證狀態以一種可預測的

原创 vue-router路由對象屬性

vue路由對象爲this.$route,下面詳細列一下該對象屬性的詳細信息屬性名類型讀寫說明$route.pathstaring只讀當前路由的名字(一般爲#後面的部分,但不包含query查詢值)如:http://example.com/#

原创 vue-router導航守衛

導航守衛這個名字聽起來略微有點中二(手動滑稽)迴歸正題,導航守衛大體上分爲以下三類:1.全局守衛鉤子2.獨享守衛鉤子3.路由組件守衛鉤子下面詳細說明以上三種守衛鉤子包含的方法及調用時序1.全局守衛鉤子全局守衛顧名思義是在路由全局執行,即在

原创 JS基本數據類型判斷方法

通常來講js有七種基本數據類型但是ES6又新增一種基本數據類型Symbol數據類型那麼常見數據類型的判斷使用typeof來判斷以下是typeof判斷數據類型結果表typeof操作表值操作結果說明123typeofnumber正常顯示'st

原创 Eslint理解與常見工具使用

1.Eslint是什麼 Eslint是JS的代碼檢測工具,一般都是通過插件的形式存在,本身是nodejs編寫的 因爲JS本身是弱類型語言,沒有類型校驗、沒有編譯過程 (運行時編譯) 因此在開發過程中會有很多以外錯誤不容易被髮,因此有Esl

原创 VUE keep-alive理解分享

在vue中keep-alive能夠被經常使用到,下面總結下使用方法、技巧、概念 1.通常用來包裹組件使用,本身沒有意義,不會產生任何可視的元素,與component一起使用 <keep-alive> <component :is

原创 瀏覽器請求資源的過程

如果存在service work,會先觸發cache事件,判斷是否命中service work中的緩存 未命中則memory-cache中查找命中 未命中則disk-cache中查找命中,其中如果有強緩存且緩存沒有過期,則使用強緩存狀態全

原创 有效的數獨

有9x9數量不變數獨用二維數組表示,檢查數獨是否滿足以下條件: 數字1-9每行只能出現一次 數字1-9每列只能出現一次 數字1-9每3x3的框內只能出現一次 數獨空白部分用‘.’填充,列子如下 var a = [ ["5","3",

原创 web頁面迴流與重繪

當瀏覽器必須重新處理和繪製部分或全部頁面時,迴流就會發生,例如當一個交互式站點更新後,前面這段話是在MDN上對迴流的表述,那麼這段話啥意思呢,實際上就是當元素的內容、結構、位置、尺寸等發生變化時會引起迴流,而回流必定會引起重繪 頁面初始化

原创 旋轉矩陣

給定一個 n × n 的二維矩,將圖像順時針旋轉90度,且必須原地旋轉,即不能借助其他矩陣來完成旋轉操作,示例如下 matrix = [ [1,2,3], [4,5,6], [7,8,9] ] //原地旋轉輸入矩陣,使其變爲

原创 JS事件循環優先級

由於JS是單線程的,但是JS又又異步處理概念,那麼是怎麼處理這個異步的東西的呢,這個時候就有了事件循環的概念 在JS裏事件循環是很重要的概念,代碼的執行棧都是以事件循環爲標準的具體的事件循環概念這裏就不詳細解釋描述,主要講述事件循環中的執

原创 ES6 async await原則探索

ES6中新增異步函數,即在函數聲明前加上async即可,使得異步操作更加方便簡潔,其中await是在async函數中獨有的 在執行過程中一旦遇到await就會先返回,等到異步操作完成之後再接着執行函數後面的語句,這句話是什麼意思呢 一旦遇

原创 整型大數相加(JS字符串)

由於語言本身的限制或者是機器本身的限制,整型數字通常都是有大小限制的,超過大小的數字沒有辦法正常計算 比如在js裏有安全整數的概念Number.MAX_SAFE_INTEGER與Number.MIN_SAFE_INTEGE分別是最大與最小