原创 前端路由的實現原理解析
本文提供三種方式實現前端路由，分別是原生JS路由實現，Vue路由實現，React路由實現 什麼是前端路由？ 首先我們先來了解一下路由是什麼？ 路由是用來跟後端服務器進行交互的一種方式，根據不同的url地址展現不同的內容或頁面。
2020-04-21 09:50:20
原创 理解 cookie、session、localStorage 和 sessionStorage 區別及應用場景
cookie 和 session cookie是存儲在客戶端瀏覽器中的，一般由服務器端生成，用於標識用戶身份。 session是存儲在服務器端，用於跟蹤瀏覽器用戶身份的會話方式。 他們的區別： 1、cookie存儲在瀏覽器端，se
2020-04-21 09:50:20
原创 JS節流、防抖的區別，以及應用場景
函數節流與函數防抖都是爲了限制函數的執行次數，以優化函數觸發頻率過高導致的響應速度跟不上觸發頻率，出現延遲、假死或卡頓的現象。 函數節流 當持續觸發事件時，每隔一段時間函數就觸發一次，不管在這段時間內，觸發了多少次事件，在這段之間
2020-04-21 09:50:20
原创 script標籤中的defer和async屬性的區別
如果script標籤中沒有defer或async屬性，瀏覽器在渲染中遇到script標籤就會停止渲染，下載執行js代碼，等待JS執行完畢後，瀏覽器再從中斷的地方恢復渲染。這就會造成瀏覽器阻塞，如果你想首屏渲染的越快，就越不應該在
2020-04-21 09:50:20
原创 MVC、MVVM模式的概念與區別
MVC模式 MVC全名是Model View Controller,是模型（model）- 視圖（view）- 控制器（controller）的縮寫。它是用一種業務邏輯、數據與界面顯示分離的方法來組織代碼，將衆多的業務邏輯聚集到一
2020-03-21 06:47:53
原创 繼承-js
1、 call apply bind的區別 相同點： 1：改變this的指向； 2：可用來實現繼承 3：第一個參數都是this要指向的對象 不同點： 1：call和bind可以傳很多參數，apply第二個參數必須是數組; 2:
2020-03-21 06:47:53
原创 vue/cli4的安裝與使用
1：若你已安裝過vue-cli2的話，你得先卸載掉，命令如下 //首先查看是否已安裝過vul-cli vue -V //如是有的話，就用下面命令卸載 npm uninstall vue-cli -
2020-03-21 06:47:53
原创 常見前端的安全問題
一般前端常見的網絡攻擊方式有兩種： 一：CSRF(跨站請求僞造) CSRF攻擊的全稱是跨站請求僞造（ cross site request forgery)，是一種對網站的惡意利用，攻擊者盜用了你的身份，以你的名義給第三方網站發送
2020-03-21 06:47:43