原创 h5 video

video 想要更好的控制分段請求,需要前後端共同設置。前端可以藉助 video.js 這樣的庫,再其 7 版本之後已經集成對於流媒體視頻播放的支持(支持 HLS,DASH 等協議)。 “Media Source Extensions”(

原创 h5 video 歸納

video 想要更好的控制分段請求,需要前後端共同設置。前端可以藉助 video.js 這樣的庫,再其 7 版本之後已經集成對於流媒體視頻播放的支持(支持 HLS,DASH 等協議)。 “Media Source Extensions”(

原创 一句話項目經驗

一個函數解決一個問題更容易維護和解決 bug。 複雜圖片在動態適應的容器中,切成不同模塊後,再作爲背景

原创 關於 Vue、React 與 MVVM

首先要明確 MVVM 是什麼,它是 MVC 的衍生架構。無論是 MVC 還是 MVVM 都不是隻針對於前端或後端開發的,它們是針對於所有軟件開發的架構。 MVC 在 MVC 中,Mode 是數據,View 是用戶看到的視圖,Control

原创 前端框架響應式簡單實現及代碼分析

// 只有先執行了依賴收集,才能在屬性更新的時候派發更新 class Dep { constructor() { this.subs = [] } //添加依賴 addSub(sub) { this.subs.push(s

原创 Axios 怎麼讀

Axios 來源於希臘語 ἄξιος,讀做「艾科C藕絲」 點擊聽一下谷歌的讀法

原创 一文梳理 SASS

變量可以是連續幾個值,變量也可以被當做連續幾個值中的一個值使用,變量在塊外聲明相當於全局變量。 中劃線聲明的變量可以用下劃線引用,在規則塊中可以嵌套規則塊。一個規則塊可以同時包含屬性和規則塊。& 代表當前規則塊的選擇器,也就是父選擇器。父選

原创 Vue 框架的組成部分及簡單原理分析(未完待更新)

對於 Vue 來說,Virtual DOM 技術是底層技術,組件化是思想,管理組件狀態是重點。 虛擬DOM 虛擬節點(virtual DOM)將真實 DOM 中的數據提取出來,以對象的形式模擬樹形結構。 diff算法 根據真實 DOM 生

原创 JavaScript 中爲什麼 4 + [1] 的結果爲 "41"

本文中的簡單基本類型指的是除了 object 的基本類型 對於這個問題,首先我們需要知道,在 JavaScript 中對兩個操作數進行加法操作會發生什麼。 總的來說有以下幾種情況: 當加號兩邊都是非字符串以及非對象的操作數時,進行數字

原创 淺談瀏覽器 eventloop 與 Nodejs eventloop 的不同點

示例代碼 瀏覽器和 Node 都有事件輪詢的機制,雖然都屬於 JavaScript,但二者的內部機制完全不同。 以下面這段代碼爲例 setTimeout(()=>{ console.log('timer1') Promise.resolv

原创 前端面試重要問題記錄

1. 斐波那契數列的考察 題目中會出現看似不太規律的數字增長,數字的增加依賴於前面的數值,如果列出幾個數字發現當前項是前面兩項相加的和,則考察點爲斐波那契數列,使用遞歸思維可快速實現。 2. v-if 與 v-show 的區別 這個問題從初

原创 常見算法分析

1. 複雜度定義及常見量級 複雜度分爲時間複雜度和空間複雜度。 以下面的函數爲例: 1 int count(int n) { 2 int[] arr = new arr[n]; 3 for(int i =

原创 用 JavaScript 實現一個能夠處理所有簡單選擇器的 querySelector

代碼如下: // getElementById、getElementsByName、getElementsByTagName、getElementsByClassName,這幾個 API 的性能高於 querySelector。

原创 歸併排序與快速排序

快速排序 /*************當每次劃分爲 n-1 個元素和 0 個元素時,最壞情況發生*********/ //方法一 function quickSort(arr) { if (arr.length <= 1) {

原创 我的學習觀

很多知識互相聯繫緊密,不需要分清先學誰、後學誰,有時可以並行學習。 人在一個時間點只能學一中東西。但在一段時間內,可以以某一種知識的學習爲主,遇到需要其他相關知識的地方再去學其他知識。 當一件事的難度超過一定程度的時候,那些聰明的人會找到