原创 React、Vue、Angular 對比優劣勢之處

前言 每個框架都不可避免會有自己的一些特點,從而會對使用者有一定的要求,這些要求就是主張,主張有強有弱,它的強勢程度會影響在業務開發中的使用方式。 一、Angular,它兩個版本都是強主張的,如果你用它,必須接受以下東西: 必須使用

原创 初步認識 Babel

Babel 是怎麼工作的 Babel 是一個 JavaScript 編譯器。 做與不做 注意很重要的一點就是,Babel 只是轉譯新標準引入的語法,比如: 箭頭函數 let / const 解構 哪些在 Babel 範圍外?對

原创 手動實現完整的Promise

聲明:本文是學習珠峯培訓視頻,模仿實現的Promise,通過了 promises-aplus-tests測試,文章最下面有截圖。 const PENDING = 'pending'; // 初始態 const FULFILLED = 'f

原创 Webpack面試題總結

1. 有哪些常見的Loader?你用過哪些Loader? raw-loader:加載文件原始內容(utf-8) file-loader:把文件輸出到一個文件夾中,在代碼中通過相對 URL 去引用輸出的文件 (處理圖片和字體) u

原创 執行上下文/作用域/閉包/一等公民

1.什麼時執行上下文? 執行上下文,它是比較抽象的概念,就是當前 JavaScript 代碼被解析和執行時所在環境,所以,在 JavaScript 中運行任何的代碼都是在執行上下文中運行的。 執行上下文有三種類型 第一種類型:全

原创 Deno 和 Node 的區別

Deno VS Node Node Deno API 引入方式 模塊引入 全局對象 模塊系統 CommonJS & 新版 node 實驗性 ES Module ES Module 瀏覽器實現 安全 無安全限

原创 前端性能優化(JavaScript 篇)

1.優化循環 如果現在有一個 data[] 數組,需要對其進行遍歷,應當怎麼做?最簡單的代碼是: for(let i = 0; i < data.length; i++){ } 這裏每次循環開始都需要判斷 i 是否小於 data

原创 2020前端近期面試題整理

1. DIV+CSS 佈局的好處 代碼精簡,且結構和樣式分離,易於維護 代碼量少了,減少大量的帶寬,頁面加載的更快,提升了用戶體驗 對 SEO 搜索引擎更加友好,且 H5增加了許多語義化的標籤也是如此 可以更好的豐富頁面效果 符

原创 前端開發面試基礎總結

1.如何在 ES5 環境下 實現 let 實際上主要的區別在於,var 聲明的變量由於不存在塊級作用域所以可以在全局環境中調用,而 let 聲明的變量由於存在塊級作用域所以不能在全局環境中調用。 function(){ f

原创 從URL輸入到前端頁面顯示到底發生了什麼?

**總的來說可以分爲以下幾個過程** DNS解析:將域名解析爲 IP 地址 TCP連接:TCP 三次握手 發送HTTP請求 服務器響應並返回HTTP報文 瀏覽器解析報文渲染頁面 斷開鏈接:TCP 四次揮手 一、URL是什麼

原创 4.Less混合(mixins)

4.混合(mixins) 1.普通混合       ①什麼是混合:混合就是將一系列屬性從一個規則集引入(“混合”)到另一個規則集的方式。      ②實例:        Less編寫:        .bordered{       

原创 2.正確使用Less

2.正確使用Less 1.如何使用Less Less文件只有被編譯後才能被瀏覽器識別訪問使用。 2.Less編譯工具          ①Koala:國人開發的全平臺的開發LESS編譯工具,網站:http://koala-app.com

原创 動態規劃-最長公共子序列、最長公共子串

首先,動態規劃是一種算法。那麼,何謂算法?計算機書籍中不難找到其嚴謹的學術定義,大衆可以簡單理解爲“解決某一類問題的核心思想”。 先談動態規劃的意義——望文生義,“動態”規劃對應“動態”的問題:你並不知道問題的規模會有多大,而不論是個

原创 折半查找,把一個數放到一個有序數組的對應位置

public static int half_searsh(int arr[],int key){ int left = 0, right = arr.length -1,mid; while( left <

原创 兩個數交換的三種方法

比如 a=3;b=8; 用三種方法來交換兩個數的值? 第一種      定義一個臨時比變量存儲 :                    int temp = a;                     a = b;