從五個(gè)方面來分析前端性能優(yōu)化，為面試而打造。 優(yōu)化HTML 避免圖片和 iFrame等src屬性為空。src屬性為空，會(huì)重新加載當(dāng)前頁面，影響速度和效率 盡量避免在HTML標(biāo)...
IP屬地：廣東
-
關(guān)于前端性能優(yōu)化——大總結(jié)
-
才看了幾個(gè)，到concat就開始錯(cuò)了，建議作者自己再糾正一遍
常用數(shù)組方法（ES6）
arr.push() 從后面添加元素，返回值為添加完后的數(shù)組的長度。 arr.pop() 從后面刪除元素，只能是一個(gè)，返回值是刪除的元素。 arr.shift() 從前...
-
大屏可視化的屏幕適配如何使用 rem 和 px 函數(shù)適配各種屏幕 1. 整體屏幕適配 假設(shè)我們的設(shè)計(jì)稿是16：9的比例，大屏是紅色的邊框，我們想要顯示的效果是紫色 部分，上下居中，左右居中，這樣...
-
查看簡書文章時(shí)，自動(dòng)生成側(cè)邊目錄
簡書是沒有目錄的，導(dǎo)致我們查看文章的時(shí)候有一些特別長的文章看著挺亂的。 效果 方法 1. 安裝油猴腳本(Tampermonkey)插件 如果你可以直接訪問google，那么可...
-
響應(yīng)式設(shè)計(jì)
響應(yīng)式設(shè)計(jì)是Ethan Marcotte在2010年5月提出的概念，這里的相應(yīng)值得是網(wǎng)頁能夠在不同尺寸和類型的設(shè)備上作出不同的表現(xiàn)。 一個(gè)經(jīng)過精心設(shè)計(jì)的響應(yīng)式頁面，可以在多種...
-
【數(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ù)對象中數(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)上有找過幾個(gè)版本的優(yōu)化，要么不是一步步的實(shí)現(xiàn)的，要么就是代碼不全或者有bug，這個(gè)我自己試過了沒問題，如果有不能實(shí)現(xiàn)的地方，可以給我留言。我會(huì)持續(xù)更新版本。 需求 re...
-
Vue 與 Angular
無論在代碼體積和性能上面，Vue都比Angular1、Angular2表現(xiàn)得優(yōu)異許多。 1. 模板語法 Vue有許多語法和Angular十分相似，可以認(rèn)為Angular是Vu...
-
Vue 與 ReactVue和React都是輕量級框架，不過從總體來看，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í)無效，無法監(jiān)聽數(shù)據(jù)的變化 computed 屬性值會(huì)...
-
【Vue】常見修飾符
有過JS事件代碼開發(fā)經(jīng)驗(yàn)的一定對event.preventDefault()（阻止節(jié)點(diǎn)默認(rèn)行為）和event.stopPropagation()（阻止事件冒泡）不陌生，這是處...
-
-
56個(gè)JavaScript 實(shí)用工具函數(shù)助你提升開發(fā)效率！1. 數(shù)字操作 生成指定范圍隨機(jī)數(shù) 數(shù)字千分位分隔 2. 數(shù)組操作 數(shù)組亂序 數(shù)組扁平化 數(shù)組中獲取隨機(jī)數(shù) 3. 字符串操作 生成隨機(jī)字符串 字符串首字母大寫 手機(jī)號中間四位...
-
20 個(gè)殺手級 JavaScript 單行代碼
本篇整理了一些JavaScript的單行代碼。 獲取瀏覽器Cookie的值 通過document.cookie 來查找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)不要讀/寫Cookie】 定義 HTTP協(xié)議本身是無狀態(tài)的。什么是無狀態(tài)呢，即服務(wù)器無法判斷用戶身份，所以我們?yōu)g覽器僅僅用HTTP協(xié)議是遠(yuǎn)遠(yuǎn)不夠...
-
前端面試題集【初級】（包含HTML、CSS、JS、DOM、HTTP、VUE、算法、安全、Webpack）
本篇分為九個(gè)模塊：HTML、CSS、JS、DOM、HTTP、VUE、算法、安全、Webpack 一、HTML模塊 1.你是如何理解HTML語義化的？ 答： 舉例，段落用 p，...