原创 裝飾者模式能做什麼?

什麼是裝飾者模式 裝飾者模式是一種爲函數或類增添特性的技術,它可以讓我們在不修改原來對象的基礎上,爲其增添新的能力和行爲。它本質上也是一個函數(在javascipt中,類也只是函數的語法糖)。 我們什麼時候可以弄到它呢 我們來假設一個場景

原创 Flutter要火!Dart你會了嗎?

從Flutter問世,人們對他的關注一直不斷,特別是前不久Flutter 1.0發佈後,人們對他的關注更多了,Flutter要火!那就學習一下了,我呢,身爲一個前端開發工作者,就以一個前端開發者的身份來學習Flutter,由於Flutter

原创 從“雅虎軍規”看性能優化

一直以來,性能優化是開發的重中之中,而提及 前端性能優化 ,大家應該都會想到 雅虎軍規,本文會結合 “雅虎軍規” 融入自己的瞭解知識,進行的總結和梳理。希望對大家無論是開發中還是面試中都能有所幫助! 內容部分 1.儘量減少HTTP請求數  

原创 圖片上傳方案彙總

圖片上傳是前端開發中經常使用到的,上傳方案也有很多種吧,可能你有在使用一些插件完成上傳,(比如我以前自己寫的一個後臺系統)現在在這裏總結下圖片上傳的解決方案。主要有一下幾種: 1.input 標籤之 file 類型 2.FileReade

原创 前端面試中的各種方法實現

最近在面試,面試官動不動就讓寫一個原生方法的實現,那咱們就在這裏寫一下常見的一些實現: 1.bind Function.prototype.bind2 = function (context) { var self = this;

原创 javascript遍歷方法總結

forEach 循環 JavaScript誕生已經有20多年了,我們一直使用的用來循環一個數組的方法是這樣的: for (var index = 0; index < myArray.length; index++) { console

原创 javascript的繼承你瞭解多少?

什麼是繼承? 大多數人使用繼承不外乎是爲了獲得這兩點好處,代碼的抽象和代碼的複用。代碼的抽象就不用說了,交通工具和汽車這類的例子數不勝數,在傳統的OO語言中(比如Java),代碼的抽象更多的是使用接口(interface)來實現,而使用繼承

原创 徹底弄懂 JavaScript 執行機制

不論你是javascript新手還是老鳥,不論是面試求職,還是日常開發工作,我們經常會遇到這樣的情況:給定的幾行代碼,我們需要知道其輸出內容和順序。 因爲javascript是一門單線程語言,所以我們可以得出結論: javascript是按

原创 Edge要兼容 Chrome 擴展

隨着微軟對 Edge 瀏覽器將採用 Chromium 內核的消息的確認,越來越多的人開始關注並議論此事。在 Reddit 上的相關話題下,有人寫道: 此舉並不會有助於 Edge 的市場份額。現在沒有用 Edge 的人,並不會因爲一個 Chr

原创 登錄權限驗證session

原理 登錄成功後,保存登錄信息到文件/數據庫種,同時保存創建時間和過期時間,下次驗證的時候取出來做驗證使用express-session中間件來進行session的操作 安裝express-session npm install expre

原创 koajs--基於node.js的下一代web開發框架

Koa 是一個新的 web 框架,由 Express 幕後的原班人馬打造, 致力於成爲 web 應用和 API 開發領域中的一個更小、更富有表現力、更健壯的基石。 通過利用 async 函數,Koa 幫你丟棄回調函數,並有力地增強錯誤處理。

原创 登錄權限驗證token

原理後端不在存儲認證信息,而是在用戶登錄的時候生成一個token,然後返回給前端,前端進行存儲,在需要進行驗證的時候將token一併發送到後端,後端進行驗證 加密的方式:對稱加密和非對稱加密,對稱加密指的是加密解密使用同一個密鑰,非對稱加密