原创 2021年年終總結:工作10年寶媽級別的前端開發工程師年終總結

大家好,我是前端嵐楓,一枚二線城市的程序媛,今天也是在公司上班的最後一天(因爲公司要全員放長假,啥時候能上班待定),即將爲從2011畢業到現在10年工作的歷程畫上句號。在這裏總結一下自己2021年。 工作方面 一年工作部門調整了三次,最

原创 2021前端面試題系列:HTTP請求和HTTP緩存控制

大家好,我是前端嵐楓,一枚二線城市的程序媛,今天主要跟大家分享我整理的筆記2021前端面試題系列:HTTP請求和HTTP緩存控制,此方面內容在我們的工作中常用到, 也是面試官經常提問的問題,希望下面文章對大家有所幫助。 1. 一次完整的

原创 前端性能優化的重要方案:圖片懶加載

大家好,我是前端嵐楓,一枚二線城市的程序媛,今天主要跟大家分享我整理的前端性能優化的重要方案:圖片懶加載,主要包括其原理,我們常用的一些插件,及編寫源碼實現圖片懶加載功能等,圖片懶加載是項目比較常見的性能優化方案,也是面試中常遇到的問題。

原创 2021前端面試題系列: VUE相關的基礎面試題

大家好,我是前端嵐楓,今天主要跟大家分享我整理的筆記2021前端面試題系列:vue傳值方式、vuex、router、vue服務器端渲染、多頁面、權限、開發環境跨域方案等等,此方面內容在我們的工作中常用到, 也是面試官經常提問的問題,希望下

原创 前端性能優化經典:javascript防抖節流

大家好,我是前端嵐楓,一枚二線城市的程序媛,今天主要跟大家分享我整理的前端的一些性能優化,js防抖節流,它是項目比較常見的性能優化方案,也是面試中常遇到的問題。希望下面文章對大家有所幫助。 我們在做項目過程中會用一些方法,比如防抖、節流

原创 VUE系列-Vue核心應用(二)

大家好,我是前端嵐楓,一枚二線城市的程序媛,上篇主要跟分享了《Vue核心概念及特性 (一)》,今天主要跟大家分享我整理的vue的一些常用的核心應用,主要包括一些表單組件、自定義指令、修飾符、watch、computed、動畫、vue的生

原创 VUE系列-Vue中組件的應用(三)

大家好,我是前端嵐楓,一枚二線城市的程序媛,上篇主要跟分享了《VUE系列-Vue核心應用(二)》,今天主要跟大家分享我整理的vue的組件相關的,主要包括組件聲明、組件種類、組件間的幾種數據通信方式及一些常用的面試題,vue面試題相關的答

原创 vue系列:Vue核心概念及特性 (一)

大家好,我是前端嵐楓,一枚二線城市的程序媛,下半年對於我們來說是比較特殊的幾個月,7月底,鄭州出現好多年不遇的水災,沒法出行,在家休息,8月出現了疫情,在家辦公一個月,9月疫情過去,終於能來公司上班了。博客也荒廢了一段時間,接下來,我會陸

原创 javascript基礎系列:DOM相關的技術知識點 javascript基礎系列:DOM相關的技術知識點

javascript基礎系列:DOM相關的技術知識點 DOM及其基礎操作 DOM: document object model 文檔對象模型,提供一些屬性和方法供我們操作頁面中的元素 獲取DOM元素的方法 document.getEl

原创 javascript基礎系列:堆棧內存(stack&heap)(二)

忙了一段時間,很容易忘記更新博客文章,拖延症很嚴重,今天晚上趁着有時間,繼續系統溫習,希望對大家有所幫助。本文章僅代表前端嵐楓的個人觀點,有不正確還望指出。 瀏覽器運行機制及基本類型與引用類型的區別 /* * 1. 創建變量a,放到當

原创 javascript基礎系列:字符串的常用方法 javascript基礎系列:字符串的常用方法

javascript基礎系列:字符串的常用方法 字符串的常用方法 所有用的單引號、雙引號、反引號包起來的都是字符串 1. charAt/charCodeAt charAt:根據索引獲取指定位置的字符 charCodeAt: 獲取指定字符的

原创 前端javascript面試題經典集合(2020年最新)

1. call和apply的區別是什麼,哪個性能更好一些 fn.call(obj, 10, 20, 30) fn.apply(obj, [10, 20, 30]) call性能要比apply性能好一點,(尤其是傳遞給函數的參數超過三個的時候

原创 javascript基礎系列:數組常用方法解析

今天是比較特殊的日子,我們編程人員共同的節日,1024,祝每個編程人員節日快樂! 數組是javascript必不可少的一項,今天讓我們來總結一下數組操作的一些常用方法。 <a name="qRFkW"></a> 數組及數組中常用方法

原创 javascript基礎系列:函數(三)

函數 function 函數就是一個方法或者一個功能體,函數就是實現某個功能的代碼放到一起分裝,以後想要操作實現這個功能,只需要把函數執行即可,減少頁面中的冗餘代碼,提高代碼重複使用率(低耦合高內聚)<br />創建函數<br />形參<b

原创 夯實基礎,徹底掌握js的核心技術(四):ES5、ES6對象方法詳解

ES5 Object 對象方法擴展 ES5給Object擴展了一些靜態方法,常用的2個 Object.create(prototype,[descriptors]) 作用:以指定對象爲原型創建新的對象<br />爲新對象指定新的屬性,並