原创 淺談WebAssembly

生動形象地介紹 WebAssembly 你可能已經聽說過,WebAssembly 執行的更快。但是 WebAssembly 爲什麼執行的更快呢? 在這個系列文章中,我會爲你解釋這一點。 等等,什麼是 WebAssembly? We

原创 淺談ES6--Promise

最近準備系統深入的學習一下promise這個東西,將從它的概念,使用場景,優勢等方面做一個系統的總結。 先總結下每次遇到的關於promise的幾種題型,比如判斷promise打印順序,實現合併發送兩個請求,發送多個請求,且有依賴關

原创 快速排序、函數柯里化、call封裝bind,編程大雜燴

這是一篇雜亂的編程題練習 call封裝一個bind 先說下call,apply,bind幹嘛用的: 他們都是用來改變this指向的,call,apply只是傳的參數方式不同,並且是立即執行,返回一個值。bind()則返回的是一個函

原创 學習筆記

學習筆記基本類型與引用類型 在這裏想說一下基本類型與引用類型的兩大點不同,1、可以進行的操作不同。2、複製的方式不同。 我們可以爲一個引用類型值例如對象,添加屬性和方法,但是對於基本類型值就不能這麼操作了。 var obj = n

原创 JS基礎知識複習---原型鏈

最近在複習js的基礎知識,今天準備學習的是js原型鏈,那在介紹js原型鏈之前先看一段代碼。 function Person() { } // 一個構造函數 let person1 = new Person(); let pers

原创 HTML之DOM事件流

HTML Q1:簡述DOM事件流的三個階段? 首先簡述下在前端中流的概念 在現今的JavaScript中隨處可見。比如說React中的單向數據流,Node中的流,又或是今天本文所講的DOM事件流。都是流的一種生動體現。 至於流

原创 CSS之animation和transition

CSS3已經火了很久了,它可以代替js實現一些複雜的動畫,代碼簡單,性能好,面試css3經常是重點考點,本章內容主要歸納總結animation和transition的使用和區別。 Transition Animation 區別

原创 CSS--Margin摺疊的兩種情況

本文簡單總結一下css佈局中常見的兩種margin摺疊情況,以及解決方法。 1、兄弟元素之間發生摺疊 .box1, .box2{ width: 200px; hieght: 200px; margin: 20px; } <

原创 HTML之defer和async的區別

Q1:script標籤的defer,async的區別 這兩個元素在紅包書的第二章中就有介紹,先看下來自書中的定義: async:可選,表示應該立即下載腳本,不妨礙頁面中的其他操作,比如下載其他資源或等待加載其他腳本。只對外部腳

原创 CSS--浮動元素

雖然css浮動是每個fe都認爲爛熟於心的知識點,但很多小細節都容易忽略。本文將複習css的浮動元素,主要講解浮動元素的概念,特點,以及如何消除浮動。以4個demo來理解浮動元素的特點。 浮動float 浮動元素是指元素脫離了常規流

原创 常見HTTP狀態碼

HTTP狀態碼3XX表示重定向,表明瀏覽器需要執行某些特殊的處理以正確處理請求。 301 Moved Permanently 永久性定向。該狀態碼錶示請求的資源已被分配了新的URI,以後應使用資源現在所指的URI。 302 Fou

原创 使用腳手架搭建一個前端項目

這篇文章主要介紹兩種使用腳手架搭建前端項目的步驟。 使用命令 npm install --global create-react-app //全局安裝create-react-app命令 create-react-app x

原创 JS--對象的深拷貝與淺拷貝

本篇文章將整理一下深淺拷貝的相關知識。文章包括以下內容: 基本類型和引用類型 對象的深拷貝和淺拷貝 基本類型和引用類型 JS中包含兩種數據類型,既基本類型和引用類型,基本類型是簡單的數據段,它是按值訪問的,因爲基本類型可以操

原创 淺談arguments對象

今天想簡單說一下不常用但是經常會被問到的一個特殊變量arguments。這篇文章將解釋關於arguments的以下幾個問題。 arguments是什麼 它的特點 僞數組如何轉化成真數組 延伸:es6的擴展運算符 概念 JS中

原创 洗牌算法

背景:一副52張的撲克牌,隨機的分給四個人,保證每個人13張牌。 實現思路 生成一副有序的撲克牌 將撲克牌打亂順序 將撲克牌平分成4組 可以看到解決問題的關鍵在於打亂數組順序,而打亂順序我能想到的是生成隨機數。這裏就先回顧一下