從五個(gè)方面來(lái)分析前端性能優(yōu)化埂材，為面試而打造塑顺。 優(yōu)化HTML 避免圖片和 iFrame等src屬性為空俏险。src屬性為空严拒，會(huì)重新加載當(dāng)前頁(yè)面竖独，影響速度和效率 盡量避免在HTML標(biāo)...
IP屬地：廣東
-
關(guān)于前端性能優(yōu)化——大總結(jié)
-
才看了幾個(gè)，到concat就開(kāi)始錯(cuò)了预鬓，建議作者自己再糾正一遍
常用數(shù)組方法（ES6）
arr.push() 從后面添加元素巧骚，返回值為添加完后的數(shù)組的長(zhǎng)度格二。 arr.pop() 從后面刪除元素劈彪，只能是一個(gè)，返回值是刪除的元素顶猜。 arr.shift() 從前...
-
大屏可視化的屏幕適配如何使用 rem 和 px 函數(shù)適配各種屏幕 1. 整體屏幕適配 假設(shè)我們的設(shè)計(jì)稿是16：9的比例长窄，大屏是紅色的邊框滔吠，我們想要顯示的效果是紫色 部分，上下居中疮绷，左右居中，這樣...
-
查看簡(jiǎn)書(shū)文章時(shí)冬骚，自動(dòng)生成側(cè)邊目錄
簡(jiǎn)書(shū)是沒(méi)有目錄的，導(dǎo)致我們查看文章的時(shí)候有一些特別長(zhǎng)的文章看著挺亂的懂算。 效果 方法 1. 安裝油猴腳本(Tampermonkey)插件 如果你可以直接訪問(wèn)google只冻，那么可...
-
響應(yīng)式設(shè)計(jì)
響應(yīng)式設(shè)計(jì)是Ethan Marcotte在2010年5月提出的概念计技，這里的相應(yīng)值得是網(wǎng)頁(yè)能夠在不同尺寸和類(lèi)型的設(shè)備上作出不同的表現(xiàn)。 一個(gè)經(jīng)過(guò)精心設(shè)計(jì)的響應(yīng)式頁(yè)面垮媒，可以在多種...
-
【數(shù)據(jù)結(jié)構(gòu)】邏輯結(jié)構(gòu)&&物理結(jié)構(gòu)按照視點(diǎn)的不同航棱，我們把數(shù)據(jù)結(jié)構(gòu)分為邏輯結(jié)構(gòu)和物理結(jié)構(gòu)。 邏輯結(jié)構(gòu) 是指數(shù)據(jù)對(duì)象中數(shù)據(jù)元素之間的相互關(guān)系贱呐。邏輯結(jié)構(gòu)分為以下四種： 1. 集合結(jié)構(gòu) 集合結(jié)構(gòu)中的數(shù)據(jù)元素除了同屬于...
-
設(shè)置axios.defaults.withCredentials = true失效
現(xiàn)象 在項(xiàng)目中丧诺，因?yàn)榭缬蜿P(guān)系奄薇，前端需要設(shè)置 axios.defaults.withCredentials = true ，這樣才能進(jìn)行跨域操作抗愁。但是設(shè)置了之后也依舊報(bào)錯(cuò)馁蒂。 原...
-
【React】井字棋代碼優(yōu)化
我在網(wǎng)上有找過(guò)幾個(gè)版本的優(yōu)化蜘腌，要么不是一步步的實(shí)現(xiàn)的，要么就是代碼不全或者有bug撮珠，這個(gè)我自己試過(guò)了沒(méi)問(wèn)題沮脖，如果有不能實(shí)現(xiàn)的地方，可以給我留言芯急。我會(huì)持續(xù)更新版本。 需求 re...
-
Vue 與 Angular
無(wú)論在代碼體積和性能上面娶耍，Vue都比Angular1、Angular2表現(xiàn)得優(yōu)異許多榕酒。 1. 模板語(yǔ)法 Vue有許多語(yǔ)法和Angular十分相似胚膊，可以認(rèn)為Angular是Vu...
-
Vue 與 ReactVue和React都是輕量級(jí)框架想鹰，不過(guò)從總體來(lái)看紊婉，Vue的性能是要高于React的。 1. 虛擬DOM 在處理用戶界面時(shí)喻犁，DOM操作成本是最高的，兩者都在渲染流程中采用虛擬D...
-
Vue中computed和watch的區(qū)別計(jì)算屬性 computed 支持緩存株汉，只有依賴數(shù)據(jù)發(fā)生改變，才會(huì)重新進(jìn)行計(jì)算 不支持異步歌殃，當(dāng)computed內(nèi)有異步操作時(shí)無(wú)效乔妈，無(wú)法監(jiān)聽(tīng)數(shù)據(jù)的變化 computed 屬性值會(huì)...
-
【Vue】常見(jiàn)修飾符
有過(guò)JS事件代碼開(kāi)發(fā)經(jīng)驗(yàn)的一定對(duì)event.preventDefault()（阻止節(jié)點(diǎn)默認(rèn)行為）和event.stopPropagation()（阻止事件冒泡）不陌生氓皱，這是處...
-
-
56個(gè)JavaScript 實(shí)用工具函數(shù)助你提升開(kāi)發(fā)效率！1. 數(shù)字操作 生成指定范圍隨機(jī)數(shù) 數(shù)字千分位分隔 2. 數(shù)組操作 數(shù)組亂序 數(shù)組扁平化 數(shù)組中獲取隨機(jī)數(shù) 3. 字符串操作 生成隨機(jī)字符串 字符串首字母大寫(xiě) 手機(jī)號(hào)中間四位...
-
20 個(gè)殺手級(jí) JavaScript 單行代碼
本篇整理了一些JavaScript的單行代碼。 獲取瀏覽器Cookie的值 通過(guò)document.cookie 來(lái)查找cookie值 顏色RGB轉(zhuǎn)十六進(jìn)制 復(fù)制到剪貼板 借助...
-
CSS3中的translate埠帕、transform和transition的區(qū)別
transform和translate 用途 transform是變形的意思，translate是transform的一個(gè)屬性敛瓷，表示2D動(dòng)作叁巨。 ex transition 用...
-
Cookie呐籽、Session锋勺、LocalStorage、SessionStorage
Cookie 【牢記：前端永遠(yuǎn)不要讀/寫(xiě)Cookie】 定義 HTTP協(xié)議本身是無(wú)狀態(tài)的狡蝶。什么是無(wú)狀態(tài)呢庶橱，即服務(wù)器無(wú)法判斷用戶身份，所以我們?yōu)g覽器僅僅用HTTP協(xié)議是遠(yuǎn)遠(yuǎn)不夠...
-
前端面試題集【初級(jí)】（包含HTML、CSS丝格、JS撑瞧、DOM、HTTP显蝌、VUE预伺、算法、安全曼尊、Webpack）
本篇分為九個(gè)模塊：HTML酬诀、CSS、JS骆撇、DOM瞒御、HTTP、VUE肴裙、算法趾唱、安全、Webpack 一蜻懦、HTML模塊 1.你是如何理解HTML語(yǔ)義化的甜癞？ 答： 舉例，段落用 p宛乃，...