從五個(gè)方面來分析前端性能優(yōu)化,為面試而打造。 優(yōu)化HTML 避免圖片和 iFrame等src屬性為空。src屬性為空,會(huì)重新加載當(dāng)前頁面,影響速度和效率 盡量避免在HTML標(biāo)...
從五個(gè)方面來分析前端性能優(yōu)化,為面試而打造。 優(yōu)化HTML 避免圖片和 iFrame等src屬性為空。src屬性為空,會(huì)重新加載當(dāng)前頁面,影響速度和效率 盡量避免在HTML標(biāo)...
才看了幾個(gè),到concat就開始錯(cuò)了,建議作者自己再糾正一遍
常用數(shù)組方法(ES6)arr.push() 從后面添加元素,返回值為添加完后的數(shù)組的長度。 arr.pop() 從后面刪除元素,只能是一個(gè),返回值是刪除的元素。 arr.shift() 從前...
如何使用 rem 和 px 函數(shù)適配各種屏幕 1. 整體屏幕適配 假設(shè)我們的設(shè)計(jì)稿是16:9的比例,大屏是紅色的邊框,我們想要顯示的效果是紫色 部分,上下居中,左右居中,這樣...
簡書是沒有目錄的,導(dǎo)致我們查看文章的時(shí)候有一些特別長的文章看著挺亂的。 效果 方法 1. 安裝油猴腳本(Tampermonkey)插件 如果你可以直接訪問google,那么可...
響應(yīng)式設(shè)計(jì)是Ethan Marcotte在2010年5月提出的概念,這里的相應(yīng)值得是網(wǎng)頁能夠在不同尺寸和類型的設(shè)備上作出不同的表現(xiàn)。 一個(gè)經(jīng)過精心設(shè)計(jì)的響應(yīng)式頁面,可以在多種...
按照視點(diǎn)的不同,我們把數(shù)據(jù)結(jié)構(gòu)分為邏輯結(jié)構(gòu)和物理結(jié)構(gòu)。 邏輯結(jié)構(gòu) 是指數(shù)據(jù)對象中數(shù)據(jù)元素之間的相互關(guān)系。邏輯結(jié)構(gòu)分為以下四種: 1. 集合結(jié)構(gòu) 集合結(jié)構(gòu)中的數(shù)據(jù)元素除了同屬于...
現(xiàn)象 在項(xiàng)目中,因?yàn)榭缬蜿P(guān)系,前端需要設(shè)置 axios.defaults.withCredentials = true ,這樣才能進(jìn)行跨域操作。但是設(shè)置了之后也依舊報(bào)錯(cuò)。 原...
我在網(wǎng)上有找過幾個(gè)版本的優(yōu)化,要么不是一步步的實(shí)現(xiàn)的,要么就是代碼不全或者有bug,這個(gè)我自己試過了沒問題,如果有不能實(shí)現(xiàn)的地方,可以給我留言。我會(huì)持續(xù)更新版本。 需求 re...
無論在代碼體積和性能上面,Vue都比Angular1、Angular2表現(xiàn)得優(yōu)異許多。 1. 模板語法 Vue有許多語法和Angular十分相似,可以認(rèn)為Angular是Vu...
Vue和React都是輕量級框架,不過從總體來看,Vue的性能是要高于React的。 1. 虛擬DOM 在處理用戶界面時(shí),DOM操作成本是最高的,兩者都在渲染流程中采用虛擬D...
計(jì)算屬性 computed 支持緩存,只有依賴數(shù)據(jù)發(fā)生改變,才會(huì)重新進(jìn)行計(jì)算 不支持異步,當(dāng)computed內(nèi)有異步操作時(shí)無效,無法監(jiān)聽數(shù)據(jù)的變化 computed 屬性值會(huì)...
有過JS事件代碼開發(fā)經(jīng)驗(yàn)的一定對event.preventDefault()(阻止節(jié)點(diǎn)默認(rèn)行為)和event.stopPropagation()(阻止事件冒泡)不陌生,這是處...
1. 數(shù)字操作 生成指定范圍隨機(jī)數(shù) 數(shù)字千分位分隔 2. 數(shù)組操作 數(shù)組亂序 數(shù)組扁平化 數(shù)組中獲取隨機(jī)數(shù) 3. 字符串操作 生成隨機(jī)字符串 字符串首字母大寫 手機(jī)號中間四位...
本篇整理了一些JavaScript的單行代碼。 獲取瀏覽器Cookie的值 通過document.cookie 來查找cookie值 顏色RGB轉(zhuǎn)十六進(jìn)制 復(fù)制到剪貼板 借助...
transform和translate 用途 transform是變形的意思,translate是transform的一個(gè)屬性,表示2D動(dòng)作。 ex transition 用...
Cookie 【牢記:前端永遠(yuǎn)不要讀/寫Cookie】 定義 HTTP協(xié)議本身是無狀態(tài)的。什么是無狀態(tài)呢,即服務(wù)器無法判斷用戶身份,所以我們?yōu)g覽器僅僅用HTTP協(xié)議是遠(yuǎn)遠(yuǎn)不夠...
本篇分為九個(gè)模塊:HTML、CSS、JS、DOM、HTTP、VUE、算法、安全、Webpack 一、HTML模塊 1.你是如何理解HTML語義化的? 答: 舉例,段落用 p,...