原创 React 中的核心
1、什麼是虛擬DOM 本質：用JS對象的形式，來模擬頁面上DOM嵌套的關係；（虛擬DOM是以JS對象的形式存在的） 目的：就是爲了實現頁面元素的高效更新。 <!--舊DOM--> <div id="mydiv" tit
2020-07-01 18:01:24
原创 什麼是同源策略及限制
同源策略限制從一個源（協議、域名、端口）加載的文檔或腳本如何與來自另一個源的資源進行交互。這是一個用於隔離潛在的惡意文件的關鍵的安全機制。如果源不一樣就是協議、域名、端口有一個不一樣的話，就是非同源策略，就跨域了。 什麼是限制呢？
2020-07-01 18:01:24
1
原创 Vue生命週期，Vue中在哪個生命週期階段調用異步請求最佳
Vue生命週期 beforeCreate（創建前）: 在數據觀測和初始化事件還未開始,data、watcher、methods都還不存在，但是$route已存在，可以根據路由信息進行重定向等操作。 created(創建後)：在實例
2020-07-01 18:01:24
原创 6種跨域方式實現原理
1.JSONP （1）jsonp原理 利用script標籤沒有跨域限制的漏洞，網頁可以得到從其他來源動態生產的JSON數，JSONP請求一定要對方的服務器做支持纔可以。 (2) jsonp和ajax對比 相同點：都是客戶端向服務端
2020-07-01 18:01:24
原创 雙向數據綁定的原理
雙向數據綁定的原理 首先我們來理解一下什麼是雙向，如下圖所示，當服務端中的數據發生改變，也就是data(Model)發生改變，View就會發生改變，這是正向的。當View層有數據發生改變的時候，那就觸發相應的data（Model）
2020-07-01 16:50:37
原创 關於渲染機制的面試題
什麼是DOCTYPE及作用 DOCTYPE是用來聲明文檔類型和DTD規範的，一個主要的用途便是驗證文件的合法性，如果文件代碼不合法，那麼瀏覽器解析時就會出現一些差錯。 DTD（document type definition ,文
2020-07-01 16:50:37
原创 VUE中根據文件後綴名顯示對應的圖標
簡述需求 哈哈哈，這應該是比較簡單的一個小需求，但是剛開始碰到我還不知道怎麼下手，在這裏記錄一下下~~ 從後臺返回的數據中，會含有多個不同類型的文件，需將文件按順序且在每個文件前顯示對應的文件icon和文件名，效果就是下面這樣子的
2020-07-01 16:50:37
原创 原型(prototype)、__proto__、constructor、原型鏈
_ _ proto _ _ __ proto __和constructor屬性是對象所獨有的，當構造函數創建一個實例後，該實例內部將包含一個指針，指向構造函數的原型對象（fn.protorype），這個指針就是 __ proto
2020-07-01 16:50:37
原创 JS中深拷貝和淺拷貝
1、棧和堆 JS引擎中對變量的存儲主要有兩種，棧內存和堆內存 棧內存：主要存儲JS中的基本數據類型的變量，包括String、Number、Boolean、undefined、Null、 Symbol和對象變量的指針。棧內存中的變
2020-07-01 16:50:36
原创 nui-app的環境搭建
1、下載HBuilder X 下載地址：https://www.dcloud.io/hbuilderx.html 建議下載app開發版本的，因爲好多插件已經安裝好了，不用自己再下插件了 2、安裝好之後，打開HBuiblder
2020-07-01 16:50:36
原创 理解瀏覽器的緩存機制
一、緩存位置 緩存位置分爲Service Worker 、M emory Cache、Disk Cache 和Push Cache 四種，他們都有優先級，當依次查找緩存都沒有找到的時候，纔會去請求服務器。 1、Service Wo
2020-07-01 16:50:36
4
原创 如何創建AJAX
首先在創建AJAX之前，需要注意如下幾個點： （1）XMLHttpRequest 對象的工作流程 （2）兼容性處理 （3）事件的觸發條件 （4）事件的觸發順序 下面開始創建AJAX if(opt.url){ // 第一步，XM
2020-07-01 16:50:36
原创 創建一個基本的webpack4.x的項目
運行npm init -y 快速創建項目（安裝完之後，會多出一個package.json文件） 在項目的根目錄創建一個src源碼目錄和dist產品目錄 在src目錄下創建一個index.html,和一個index.js文件 使用
2020-07-01 16:50:36
原创 將接口數據存儲在Vuex裏
最近做的一個項目中，由於頭部導航是接口返回的，而且數據還特別多，所以這裏就運用到了Vuex來存儲接口返回的數據，這樣子接口就只需要調用一次就可以了。 步驟 1、安裝Vuex npm install vuex --save
2020-07-01 16:50:36
原创 HTTP的基本內容
什麼是HTTP協議？ http協議即超文本傳輸協議，是一個客戶端和服務器端請求和應答的標準，通過使用網絡瀏覽器、網絡爬蟲或者其他工具，客戶端發送一個http請求到服務器指定的端口上（一般默認爲80端口），我們稱這個客戶端爲用戶
2020-07-01 16:50:36