原创 【學習筆記-web-瀏覽器】瀏覽器是如何加載一個頁面

1、瀏覽器的組成: 1.1、用戶界面 :包括導航欄、地址欄、書籤菜單等。 1.2、瀏覽器引擎 :在用戶界面和渲染引擎之間傳送指令。 1.3、渲染引擎 : 負責顯示內容。負責解析 HTML 和 CSS 內容,並將解析後的內容顯示在屏幕上。

原创 【學習筆記--前端--js】export and import

常用的兩種 模塊導出和導入方法: a. 命名導出        在 moduleA.js中:        const model = ‘debug’;        function func(){            console

原创 【前端--移動端適配】

移動端適配的最終效果: 不需要用戶縮放和橫向滾動就能正常的查看網站的所有內容; 在不同分辨率的屏幕中,顯示的文字的大小是合適的。比如一段14px大小的文字,不會因爲在一個高密度像素的屏幕裏顯示得太小而無法看清。 移動端適配方案: 1)vi

原创 Javascript內存模型

在JavaScript引擎中內存分兩種,一個叫內存堆(Memory Heap),一個叫調用堆棧(Call Stack)。 js中數據類型 分爲 基本數據類型(包括String) 和 引用數據類型(例如Array)。 不管 基本類型 還是

原创 【記錄--學習方法】

提出一個有價值的問題解決方案 當想提出一個有價值的問題解決方案時,可參考的以下規則: 解決一個具體的普遍性問題 從儘可能簡單的示例開始 一次只介紹一個複雜的點 鏈接到其它文檔,而不是在這裏重新解釋概念 把問題描述清楚,而不是假設大家對

原创 【前端--CSS--設置元素高度】

在有些情況下,需要設置某末端元素高度,讓其佔滿剩餘屏幕高度。 /** * Des: 設置某元素高度,讓其佔滿 屏幕剩下高度 * Input:元素id * */ setAutoHeight

原创 【面試--前端--webpack面試題】

前端代碼爲何要進行構建和打包 module、chunk和bundle分別是什麼意思,有何區別 loader和plugin的區別 webpack如何實現懶加載 webpack常見性能優化 babel-runtime和babel-polyfi

原创 【面試--前端--Vue面試題】

v-show和v-if的區別          當條件爲false時,v-if不會渲染對應的組件,而v-show是將組件屬性設置爲 display:none。          當條件頻繁變動時,使用v-show,因爲v-if會導致Dom

原创 【面試-前端-React面試題】

React組件間如何通訊 JSX本質是什麼 context是什麼,有何用途 shouldComponentUpdate的用途 描述redux單向數據流 setState是同步還是異步

原创 【面試--前端--框架綜合應用面試題】

基於React設計一個todolist(組件結構,redux state數據結構) 基於Vue設計一個購物車(組件結構,vuex state數據結構)

原创 【記錄--學習方法】提出一個有價值的問題解決方案

當想提出一個有價值的問題解決方案時,可參考的以下規則: 解決一個具體的普遍性問題 從儘可能簡單的示例開始 一次只介紹一個複雜的點 鏈接到其它文檔,而不是在這裏重新解釋概念 把問題描述清楚,而不是假設大家對這個問題很熟悉 解釋過程,而不是隻

原创 【學習筆記--前端--Vue CLI】webpack配置

簡單的配置方式 配置方法: 方法一:在 vue.config.js 中的 configureWebpack 選項提供一個對象:   方法二:在 vue.config.js 中的 configureWebpack 選項提供一個函數: 該

原创 【記錄--常見問題解決方案】

1.Local Storage作爲客戶端存儲的一種解決方案, 只適合用於存儲簡單的值。爲了存儲對象和數組這樣更復雜的數據,你必須使用 JSON 來對數據進行序列化和反序列化。

原创 【學習筆記--前端--Vue CLI】vue-cli-service命令

安裝了@vue/cli-service 模塊後即可調用 vue-cli-service 的命令 調用vue-cli-service的方法:    一:通過npm scripts調用:   默認在package.json中有以下配置: 通

原创 【記錄--程序開發問題】

  1. 當程序開發需要 安裝 全局依賴時,如何保證 程序包在 不同機器上的 一致性。