原创 webkit渲染引擎工作流程

一、真實DOM和其解析流程?     瀏覽器渲染引擎工作流程都差不多,大致分爲5步,創建DOM樹——創建StyleRules——創建Render樹——佈局Layout——繪製Painting     第一步,用HTML分析器,分析HTML

原创 ES6的模塊化

如果你對模塊化已經瞭解,可以直接從第三點開始閱讀。 一、模塊化的概念: 在進行項目分析或者編碼時,先把項目進行拆分,拆分成很多的類,對象,很多的函數等等。能夠提高代碼的複用性。這些被拆分出來的類型,對象,函數就是模塊。就像一輛汽車是由很多

原创 面試題:深拷貝和淺拷貝(超級詳細,有內存圖)

這篇文章竟然寫了一上午,親,請懷着感恩的心閱讀!!          深拷貝和淺拷貝是經常在面試中會出現的,主要考察你對基本類型和引用類型的理解深度。我在無數次的面試中,應聘者還沒有一個人能把這個問題回答情況,包括很多機構的培訓老師。這篇

原创 作用域和作用域鏈,let聲明的全局變量不是window對象的屬性

  這篇博文是我在心情不好的情況下寫的。   一、作用域 作用域,就是變量起作用的區域(範圍)。或者說,js代碼執行時,查找變量的範圍。 ES5及其以前:         JS的變量作用域分爲:全局作用域和函數作用域(局部作用域)  

原创 前端面試題:wepack中loader和plugin的區別

一、從功能作用的角度區分: 1、loader:      loader從字面的意思理解,是 加載 的意思。       由於webpack 本身只能打包commonjs規範的js文件,所以,針對css,圖片等格式的文件沒法打包,就需要引入

原创 vue路由按需加載(路由懶加載)

vue的SPA(Single Page Application)應用裏,當(webpack)打包構建時,會把所有的js打在一起,JavaScript 包會變得非常大,並在第一次請求時全部下載完畢,影響頁面加載(性能)。如果我們能把不同路由

原创 前端模塊化:AMD和CMD,後端模塊化:commonJS,ES6模塊化

如果你對模塊化已經瞭解,可以直接從第三點開始閱讀。 一、模塊化的概念: 在進行項目分析或者編碼時,先把項目進行拆分,拆分成很多的類,對象,很多的函數等等。能夠提高代碼的複用性。這些被拆分出來的類型,對象,函數就是模塊。就像一輛汽車是由很多

原创 ES6增加了擴展運算符: ... 三個點是ES幾的

ES6 的擴展運算符( spread )是三個點(...)。它好比 rest 參數的逆運算,將一個數組轉爲用逗號分隔的參數序列。 將一個數組轉爲用逗號分隔的參數序列。 如下: let arr=[12,23,34]; function te

原创 vue組件更新_引起組件更新的起因,什麼會引發組件的更新

        會不會引發vue中的組件更新,只要抓住:組件模板的顯示結果會不會改變就行,如果顯示結果會變,那就會更新組件,否則不會引發組件更新 一、數據有沒有渲染在頁面上: 數據在模板(頁面)裏使用了:只要數據變了,自然會引起頁面的更新

原创 前端面試題:後臺管理系統的權限怎麼弄,如何根據權限展示不同的頁面

簡介:      後臺管理系統中的權限管理是常見的問題,因爲,後端管理牽扯到不同工作人員的職責和權限,所以,對於後臺管理系統來說,不同的人員登錄進入到系統後,看到的菜單(功能)是不一樣的,這就是所謂的後臺管理系統的權限。   一、後臺管理

原创 什麼是async,什麼是await,async和await的區別,async和await的理解

       ES6 作爲多年來 JavaScript 的重大版本變革,受到 JavaScript 開發者們的普遍歡迎,也正是從 ES6 (ES2015) 開始,JavaScript 版本發佈變爲年更,即每年發佈一個新版本,以年號標識版本

原创 前後端分離情況下,如何聯調項目

一、聯調前:保證前後端各自沒有問題。 後端用postman測試一下。 前端連接的jsonserver,保證數據格式和後端返回的數據格式一致。   二、前後端的計算機連在同一個局域網     可以在cmd 裏,用命令  ping 對方的ip

原创 JavaScript中的Object.defineProperty()函數

       花了一個半小時寫的,請懷着一顆感恩的心閱讀,謝謝!        我在說明一個事物和概念時,喜歡先上代碼看到效果,然後再解釋概念。        ES5新增的函數Object.defineProperty(),可以給Java

原创 react路由時,不能正常渲染,需要刷新,才能渲染

刪除你多餘的BrowserRouter標籤,整個項目中,寫一個BrowserRouter 標籤就行。 如在index.js裏寫了: 在App.js寫了 去掉App.js裏的BrowserRouter標籤,改成如下:

原创 架構,框架,模式,模塊、組件、插件的含義和區別

這篇文章看上去總結的不錯,暫時沒有時間閱讀,先存起來,有空,我得看看要不要補充。 架構、框架、模式、模塊、組件、插件、控件、中間件的含義和區別。經常看到這些概念,但是有些含糊,花點兒功夫整理一下,結果還是有些地方理解的不透徹,先將整理的內