原创 用比較的方式學習ES6的class

class的由來我在以前的文章中,曾經分享過,關於JavaScript中的對象的知識,其中提到了,構造函數創建的方式以及各個函數的優缺點,其實今天要講的class,可以看作是構造函數的語法糖,因爲它的絕大部分的功能,在ES5中都能夠實現

原创 重溫基礎:ES6系列(一)

ES6系列目錄1 let 和 const命令2 變量的解構賦值3 字符串的拓展4 正則的拓展5 數值的拓展6 函數的拓展7 數組的拓展8 對象的拓展9 Symbol10 Set和Map數據結構11 Proxy12 Promise對象13

原创 第13題 - 鏈式調用和argument

面試題目(頭條): 設計一個sum函數,使其滿足以下要求 sum(1, 2).sumOf() // 返回 3 sum(1, 2)(3).sumOf() // 返回 6 sum(1)(2, 3, 4).sumOf() // 返回

原创 第16題-不借助變量交換兩個數

不借助變量交換兩個數我們在平時寫代碼的過程之中,竟然會有交換兩個變量值的需求。然而我們大多數還是會採用藉助額外變量的方式,因爲這種方式不僅簡單,容易理解,可讀性高, 更重要的是適用範圍廣。那麼今天我們來研究一下《如何不借助變量交換兩個數

原创 下一代 Web 應用應用模型Progressive Web App(PWA)- Service Worker

背景Web 應用的現狀網絡資源下載帶來的網絡延遲Web 應用依賴於瀏覽器作爲入口沒有很好的離線使用方案沒有好的消息通知方案….針對以上問題,出現了PWA技術PWA簡介PWA全稱Progressive Web App,即漸進式WEB應用。

原创 前端靜態資源緩存 sevice worker

作爲前端開發,有沒有不需要後端配合的緩存方式呢?下面,我們就一起來了解一下,在客戶端代碼控制web離線緩存的sevice worker。Service Worker 是 Chrome 團隊提出和力推的一個 WEB API,用於給 web

原创 node實例推導瀏覽器的渲染機制

前言 瀏覽器的渲染原理是每個前端開發工程師的必修課,網絡上也有很多這方面的文章,但大多數只是告訴你瀏覽器表現就是這樣的,並沒有一個直觀的認識,讓人讀完就瞬間忘卻。 所以小編決定通過node實踐來模擬瀏覽器渲染時的一些場景,對市面

原创 Git 常見場景問題解決攻略,讓你縱享絲滑不是夢

引言本文整理自工作多年以來遇到的所有 Git 問題彙總,之前都是遺忘的時候去看一遍操作,這次重新整理了一下,發出來方便大家收藏以及需要的時候查找答案。一、必備知識點倉庫Remote: 遠程主倉庫;Repository/History:

原创 第17題 - 100 * 100 的Canvas 佔用內存多大

題目描述 一個 100 * 100 Canvas 佔用內存多大,它的大小的決定因素是什麼?這裏我們只考慮存儲這麼多像素的內存,不考慮運算過程中使用的內存。感性認識 我們知道 Canvas 給了我們前端像素級別控制的能力,我們可以精確到像

原创 累死累活幹不過一個寫PPT的(如何量化工作成果)

無論是身處什麼行業什麼領域,數據分析越來越成爲一向必不可少的技能, 而運用數據思維進行決策更能產生形成高質量的決策結果。隨着互聯網的不斷髮展和物聯網設備的不斷普及,我們日常生活中的各種數據被存儲下來,讓我們可以通過定量分析數據,利用數據

原创 第18題 - 被小看的傳值 or 傳引用

前幾天一個正在找工作的朋友發來一個面試題,感覺挺有意思的今天發出來大家一起樂呵樂呵。這個題其實不難,但是涉及到不只一個知識點,而且平時可能不會注意到。來直接看題得到這個題後也發給了自己的小夥伴兒一起研究了下,得出的很多種答案。從各自的答

原创 重溫基礎:ES6系列(六)

ES6系列目錄1 let 和 const命令2 變量的解構賦值3 字符串的拓展4 正則的拓展5 數值的拓展6 函數的拓展7 數組的拓展8 對象的拓展9 Symbol10 Set和Map數據結構11 Proxy12 Promise對象13

原创 JS截取視頻第一幀

當視頻能夠預覽並上傳後,非要來一張視頻第一幀的截圖貼上,第一幀是黑的怎麼辦,下一幀。一、文件上傳使用 <inputtype="file">上傳, change事件作爲預覽 video的 src的觸發條件 新鮮源碼:<video cont

原创 監聽DOM加載完成及改變MutationObserver應用

什麼是MutationObserver接口提供了監視對DOM樹所做更改的能力。它被設計爲舊的MutationEvents功能的替代品,該功能是DOM3 Events規範的一部分。簡單粗暴,就是監聽DOM樹的變動。那麼,被代替的 Muta

原创 這兒有20道大廠面試題等你查收

今年來,各大公司都縮減了HC,甚至是採取了“裁員”措施,在這樣的大環境之下,想要獲得一份更好的工作,必然需要付出更多的努力。本文挑選了20道大廠面試題,建議在閱讀時,先思考一番,不要直接看解析。儘管,本文所有的答案,都是我在翻閱各種資料