首屏優(yōu)化方案 1、JavaScript外聯(lián)文件引用放在html文檔底部；CSS外聯(lián)文件引用在html文檔頭部，位于head內(nèi)；對(duì)首屏頁(yè)面用到的 css內(nèi)容，可以style 的...
發(fā)簡(jiǎn)信
IP屬地：山西
-
前端優(yōu)化（首屏優(yōu)化） -
小米web前端開(kāi)發(fā)實(shí)習(xí)生面試
一面 盒模型 標(biāo)準(zhǔn)盒模型 IE盒模型 box-sizing以及其屬性 position：relative和absolute position：absolute 是相對(duì)于s...
-
第一次面試總結(jié)
一、如何根據(jù)音量大小制作會(huì)跳動(dòng)的音波特效 1、使用AudioContext接口， new這個(gè)對(duì)象創(chuàng)建上下文AudioContext接口表示由鏈接在一起的音頻模塊構(gòu)建的音頻處理...
-
什么是回流，什么是重繪，有什么區(qū)別？
html 加載時(shí)發(fā)生了什么 在頁(yè)面加載時(shí)，瀏覽器把獲取到的HTML代碼解析成1個(gè)DOM樹(shù)，DOM樹(shù)里包含了所有HTML標(biāo)簽，包括display:none隱藏，還有用JS動(dòng)態(tài)添...
-
網(wǎng)易云音樂(lè)項(xiàng)目項(xiàng)目功能說(shuō)明 可順序、單曲循環(huán)、隨機(jī)播放音樂(lè) 播放上一曲、下一曲音樂(lè) 歌詞的實(shí)時(shí)展示 歌曲滾動(dòng)條實(shí)時(shí) 點(diǎn)擊歌曲添加到播放列表 項(xiàng)目技術(shù) react antd組件庫(kù) 用reac...
-
node.js項(xiàng)目
項(xiàng)目說(shuō)明 該項(xiàng)目的功能 登錄、注冊(cè) 查看詳情頁(yè) 寫(xiě)留言 發(fā)布留言 修改、刪除留言 上傳文件 項(xiàng)目用到的技術(shù) express框架 art-template模板引擎 uikit框...
-
原型，原型鏈
JavaScript 原型 當(dāng)我們使用構(gòu)造函數(shù)新建一個(gè)對(duì)象后，在這個(gè)對(duì)象的內(nèi)部將包含一個(gè)指針，這個(gè)指針指向構(gòu)造函數(shù)的 prototype 屬性對(duì)應(yīng)的值，在 ES5 中這個(gè)指針...
-
-
實(shí)現(xiàn)三欄布局的7種方法
三欄布局一般多指左右兩欄寬度固定，中間欄寬度自適應(yīng)的布局。在能實(shí)現(xiàn)效果的情況下，盡可能的中間欄內(nèi)容優(yōu)先渲染。面試的時(shí)候經(jīng)常被問(wèn)到，總結(jié)了一下，有7種方法。 1.絕對(duì)定位布局 ...
-
實(shí)現(xiàn)三欄布局什么是三欄布局？ 三欄布局一般指的是頁(yè)面中一共有三欄，左右兩欄寬度固定，中間自適應(yīng)的布局。 實(shí)現(xiàn)方法1. 利用浮動(dòng) 注意：中間的自適應(yīng)div要放在最后寫(xiě)。 此方法使得中間欄總...
-
call,apply,bind
相同作用： 都是為了改變this指向而存在的。 區(qū)別： 這三個(gè)方法接受的第一個(gè)參數(shù)都是要綁定的this指向 apply的第二個(gè)參數(shù)是一個(gè)數(shù)組，即把要傳入函數(shù)的參數(shù)放在數(shù)組內(nèi)傳...
-
防抖和節(jié)流
防抖debounce 當(dāng)事件觸發(fā)時(shí)，相應(yīng)的請(qǐng)求函數(shù)并不會(huì)被立即觸發(fā)，而是會(huì)先等待一定的時(shí)間 當(dāng)事件頻繁觸發(fā)時(shí)，請(qǐng)求函數(shù)的觸犯會(huì)被頻繁的推遲 只有等待了一段時(shí)間也沒(méi)有事件觸發(fā)，...
-
使用Ajax解決瀏覽器緩存問(wèn)題
HTTP緩存 瀏覽器第一次向服務(wù)器發(fā)起HTTP請(qǐng)求，服務(wù)器會(huì)返回請(qǐng)求的資源，并在響應(yīng)頭中添加一些有關(guān)緩存的字段，如cache-control expires等，之后瀏覽器再向...
-
Es6學(xué)習(xí)筆記
Set 和 Map 數(shù)據(jù)結(jié)構(gòu) Set本身是一個(gè)構(gòu)造函數(shù)，用來(lái)生成 Set 數(shù)據(jù)結(jié)構(gòu)。 Set函數(shù)可以接受一個(gè)數(shù)組（或者具有 iterable 接口的其他數(shù)據(jù)結(jié)構(gòu)）作為參數(shù)，用...
-
-
函數(shù)防抖和節(jié)流
在前端開(kāi)發(fā)的過(guò)程中，我們經(jīng)常會(huì)需要綁定一些持續(xù)觸發(fā)的事件，如 resize、scroll、mousemove 等等，但有些時(shí)候我們并不希望在事件持續(xù)觸發(fā)的過(guò)程中那么頻繁地去執(zhí)...
-
em、rem、px區(qū)別
css中如何區(qū)分em、rem、px？ 隨著css學(xué)習(xí)的不斷深入頁(yè)面也隨之豐富，那么em、rem、px是我們?cè)陧?yè)面布局中經(jīng)常會(huì)用到的單位，也是面試題中老生常談的一個(gè)問(wèn)題，經(jīng)久不...
-
display:inline-block的間隙問(wèn)題和解決辦法
inline-block會(huì)引起元素和元素之間幾個(gè)像素的間隙（具體間隙大小取決于字體大?。Ｔ斐煽瞻组g隙的原因是在標(biāo)簽和標(biāo)簽之間使用了空格或換行符。因?yàn)榭瞻鬃址彩亲址矔?huì)引...
-
不忘初心，方得始終。做最努力的程序媛。
-
