原创 js閉包的實用性----應用場景

上篇文章說了閉包的形成以及原理。 這篇說一說閉包的實用性。 應用場景一:事件節流與事件防抖 這裏講一個事件防抖的例子,在監聽input值發生變化的時候,定時發送請求,預防請求過多,服務器性能過載。 function antiS

原创 移動端滾動神器 better-scroll 系列篇三 原生js+BS上滑加載,下拉刷新

第一步 基礎佈局及引入JS <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=

原创 js內存管理系列篇二:內存泄漏,內存管理

內存泄漏 上篇文章講到 js 內存泄漏存在的各種表現以及問題。現在來說說常見代碼中的內存泄漏。 關於全局變量 function fn(){ demo = '我很帥'; } fn(); function fn

原创 js內存管理系列篇三:垃圾回收機制

js作爲一門高級程序語言,具有自動的垃圾回收機制,那我們來探究一下它的原理及機制。 引用計數垃圾收集 這是最初級的垃圾收集算法。此算法把“對象是否不再需要”簡化定義爲“對象有沒有其他對象引用到它”。如果沒有引用指向該對象(零引

原创 深度剖析互聯網一線大廠Vue面試題

熟練使用框架的必要性        說到使用前端框架,已經不是什麼新鮮事了,目前大部分公司都會要求你熟練使用Vue或React框架,這也成了前端工程師面試的家常便飯。        所以這也是我們的必備技巧,同時也經歷了一波發展變化,

原创 深度瞭解js閉包形成及其原理

閉包 一說到這個問題,很多人第一印象就是函數裏返回一個函數,就是閉包。閉包也是被大家廣泛討論的一個問題,但是很多人都是隻知其然,不知其所以然。 那麼閉包到底是什麼?我們放到後面來回答。 作用域與作用域鏈 作用域 // 案

原创 四面騰訊與華爲,大廠前端面試都問些什麼問題?

        今年算是經歷頗多的一年了,騰訊和華爲都走了幾趟(一共面試了四個部門),拿了兩個offer。(開心.png),但還是掛了兩次,有點遺憾。   面試題總結      面試完之後,趕緊總結了一波,前端這個崗位,這兩家大廠的

原创 2020年了,前端還有的搞麼?要怎麼學?

前言        首先簡單介紹下自己,目前七年前端實際項目經驗,有一線大廠經驗,也去過國外。算的上是前端老鳥了,這篇文章是個人的經驗和心得,不吹不黑,中肯的態度來說,希望能夠幫到大家。 都2020年了,我現在學前端還來的及麼?

原创 Vue3.0來了,一起來看看尤大大說了啥

說在前面 前端的技術一直更新特別快,特別是框架這塊。4月21晚,Vue作者尤雨溪在B站直播分享了Vue.js 3.0 Beta最新進展。趕緊拿出小本本做筆記,一起來看看尤大大說了些什麼。 Performance 當我們項目功能越

原创 深入瞭解js原型與原型鏈——繼承

導語 說到 js原型、原型鏈、繼承,是個令人頭疼的問題,說懂吧,只懂一點,說不懂,倒是知道一點。 看到網上很多關於這幾個知識點的文章,不過大都會把人講懵,今天你刷到我,那麼你就舒服了。 js 原型 話不多說,先上代碼: f

原创 cssTransform.js 優化版三

終極版,減少參數傳遞,降低耦合度 function Transform(element) { var transform = {}; var transformValue = ''; var props

原创 cssTransform.js 優化版二

說在前面 上一篇文章對獲取、設置transfrom相關屬性做了一個簡單的封裝(上一篇文章 鏈接:cssTransform.js1.0 方案) 代碼還是比較 low 的,所以優化一個版本。 HTMLElement.prototy

原创 獲取、設置transfrom相關屬性: 封裝函數 cssTransform.js 系列篇一

概述 傳統的使用transfrom,直接設置值,未免太過粗暴,且代碼冗長複雜,例 : var rotate = document.querySelector(".rotate"); rotate.addEventListene

原创 手把手帶你實現一個mini版jquery

手寫一個mini版jquery 我們要實現的功能如下 1.執行結構 2.amd模塊檢測 3.整體架構搭建 4.原型方法添加 5.全局方法添加 執行結構與amd模塊檢測 //amd模塊檢測 if (typeof define

原创 js經典面試題之 Object.create(null)

說在前面 之前騰訊面試的時候,問了這個問題:對象字面量創建對象與 Object.create(null)創建對象有什麼區別?一開始是有點懵的,不都是創建對象麼,能有啥不同,後面我去試了一下,結果發現還蠻有意思: 不同點