文末有福利 面試時(shí)，很經(jīng)常會(huì)說(shuō)對(duì)某某項(xiàng)目進(jìn)行了性能優(yōu)化，使性能有很大的提高之類的話。如果面試官問(wèn)，來(lái)講講做了那些優(yōu)化，這時(shí)候你就要很清晰地把你做過(guò)的優(yōu)化一一說(shuō)出來(lái)。 本文謹(jǐn)以...
發(fā)簡(jiǎn)信
IP屬地：上海
-
前端面試如何說(shuō)解vue項(xiàng)目性能優(yōu)化，你確定不來(lái)看看嗎？ -
vue框架應(yīng)用v-viewers圖片點(diǎn)擊放大，且自定義預(yù)覽寬度功能背景：最近項(xiàng)目上遇到一個(gè)需求：在點(diǎn)擊圖片預(yù)覽時(shí)，彈出圖片和遮罩，左右可切換圖片，上下為放大圖片，但重點(diǎn)是部分頁(yè)面預(yù)覽時(shí)，遮罩不能為全屏，要留出最左側(cè)一塊區(qū)域，在預(yù)覽圖片的...
-
2020前端面試 - Vue.js篇
前言： 2020年是多災(zāi)多難的一年，疫情持續(xù)至今，到目前，全世界的經(jīng)濟(jì)都受到不同程序的影響，各大公司裁員，在這樣一片嚴(yán)峻的形式下，找工作更是難上加難。 企業(yè)的門(mén)檻提高，第一，...
-
Vue 路由 導(dǎo)航守衛(wèi)(全局守衛(wèi)、路由獨(dú)享守衛(wèi)、組件內(nèi)守衛(wèi))一.全局守衛(wèi) 1. router.beforeEach((to,from,next)=>{}) 2. 回調(diào)函數(shù)中的參數(shù)，to：進(jìn)入到哪個(gè)路由去，from：從哪個(gè)路由離開(kāi)，ne...
-
Vue -router路由和前端狀態(tài)管理
11.1 vue-router路由基本加載 簡(jiǎn)單四步走 安裝 引用 配置路由文件，并在vue實(shí)例中注入 確定視圖加載的位置 11.2 vue -router路由的跳轉(zhuǎn) 11....
-
使用vue--cli腳手架一鍵搭建工 程
首先電腦上要安裝最新版的nodeJS.官網(wǎng)下載，安裝完之后安裝淘寶npm鏡像 五部走： 全局安裝vue--cli 進(jìn)入目錄–初始化項(xiàng)目 進(jìn)入項(xiàng)目 安裝依賴 啟動(dòng)項(xiàng)目 目錄結(jié)構(gòu)...
-
第九章 render函數(shù)
9.1 render函數(shù)初步了解 template下只允許有一個(gè)子節(jié)點(diǎn) 9.2 render函數(shù)的第一個(gè)參數(shù) 在render函數(shù)的方法中，參數(shù)必須是 createElemen...
-
Vue中的內(nèi)置指令
5.1 基本指令 5.1.1 v--cloak(遮掩) 一般與display：none進(jìn)行結(jié)合使用 作用：解決初始化慢導(dǎo)致頁(yè)面閃動(dòng)的最佳實(shí)踐 5.1.2 v--once 定義...
-
Vue 可復(fù)用性的組件詳解
7.1 使用組件的原因 作用：提高代碼的復(fù)用性 7.2 組件的使用方法 1. 全局注冊(cè) 優(yōu)點(diǎn)：所有的Vue實(shí)例都可以用缺點(diǎn)：權(quán)限太大，容錯(cuò)率降低 2. 局部注冊(cè) 3. vue...
-
Vue 計(jì)算屬性
什么是計(jì)算屬性 我們己經(jīng)可以搭建出一個(gè)簡(jiǎn)單的 Vue 應(yīng)用，在模板中雙向綁定一些數(shù)據(jù)或表達(dá)式了。但是表達(dá)式如果過(guò)長(zhǎng)，或邏輯更為復(fù)雜時(shí)，就會(huì)變得雕腫甚至難以閱讀和維護(hù)如： 這里...
-
CSS Grid 布局CSS Grid(網(wǎng)格) 布局（又稱為 “Grid(網(wǎng)格)” ），是一個(gè)二維的基于網(wǎng)格的布局系統(tǒng)它的目標(biāo)是完全改變我們基于網(wǎng)格的用戶界面的布局方式。 網(wǎng)格容器(Grid Co...
-
HTML5語(yǔ)義化
什么是語(yǔ)義化? 語(yǔ)義化，指對(duì)文本內(nèi)容的結(jié)構(gòu)化（內(nèi)容語(yǔ)義化），選擇合乎語(yǔ)義的標(biāo)簽（代碼語(yǔ)義化），便于開(kāi)發(fā)者閱讀，維護(hù)和寫(xiě)出更優(yōu)雅的代碼的同時(shí)，讓瀏覽器的爬蟲(chóng)和輔助技術(shù)更好的解析...
-
ES6 字符串、數(shù)組、函數(shù)、對(duì)象
字符串 1. 多行字符串 2. 字符串模板 數(shù)組 1. 擴(kuò)展 2. 函數(shù)參數(shù)的擴(kuò)展 3. 類數(shù)組對(duì)象轉(zhuǎn)數(shù)組 函數(shù) 1. 默認(rèn)值 2. 以下兩種寫(xiě)法的區(qū)別? ex1： 調(diào)用函數(shù)...
-
ES6 解構(gòu)賦值
let var const 1. var 可聲明前置 2. let不可聲明前置 3. let不可重復(fù)聲明 暫時(shí)性死區(qū)（TDZ）：在let聲明變量之前都是該變量的死區(qū)，在死區(qū)內(nèi)...
