摘要:什么是打開一些網(wǎng)站可以看到每張圖片相應(yīng)需要請求一次后臺,如下圖請求是比較消耗資源的,當(dāng)網(wǎng)站中存在較多的請求時,性能就會相應(yīng)的降低,加載就會變慢,甚至卡住。減少請求能提高性能,就是通過合并多張圖片達(dá)到減少請求目的的一種技術(shù)。 什么是css sprites? 打開一些網(wǎng)站可以看到每張圖片相應(yīng)需要請求一次后臺,如下圖: showImg(http://segmentfault.co...
摘要:原文鏈接完喜歡的歡迎作者簡介葉茂,蘆葦科技前端開發(fā)工程師,代表作品口紅挑戰(zhàn)網(wǎng)紅小游戲服務(wù)端渲染官網(wǎng)微信小程序粒子系統(tǒng)。擅長網(wǎng)站建設(shè)公眾號開發(fā)微信小程序開發(fā)小游戲公眾號開發(fā),專注于前端領(lǐng)域框架交互設(shè)計(jì)圖像繪制數(shù)據(jù)分析等研究。 title: next.js入門 tag:next.js, react 序章 服務(wù)端渲染 服務(wù)端渲染(SSR: Server Side Rendering),h...
摘要:整理常見操作更多前端技術(shù)和知識點(diǎn),搜索訂閱號菌訂閱框架用多了,你還記得那些操作的純語法嗎看看這篇文章,來回顧一下 showImg(https://segmentfault.com/img/remote/1460000018940009?w=640&h=360); 整理常見 DOM 操作 ?? 更多前端技術(shù)和知識點(diǎn),搜索訂閱號 JS 菌 訂閱 框架用多了,你還記得那些操作 DOM 的純 ...
摘要:代理和反射的定義調(diào)用可常見代替其它目標(biāo)對象的代理,它虛擬化了目標(biāo),所以二者看起來功能一致。代理可攔截引擎內(nèi)部目標(biāo)的底層對象操作,這些底層操作被攔截后會觸發(fā)響應(yīng)特定操作的陷阱函數(shù)。 代理和反射的定義 調(diào)用 new Proxy() 可常見代替其它目標(biāo) (target) 對象的代理,它虛擬化了目標(biāo),所以二者看起來功能一致。 代理可攔截JS引擎內(nèi)部目標(biāo)的底層對象操作,這些底層操作被攔截后會觸發(fā)...
摘要:碰撞檢測邊界檢測在前端游戲,以及涉及拖拽交互的場景應(yīng)用十分廣泛。這就涉及到碰撞檢測或者叫邊界檢測的問題了。若四邊均未發(fā)生重合,則未發(fā)生碰撞,反之則發(fā)生碰撞。目前業(yè)務(wù)有遇到碰撞需求,所以抽時間整理了下。 碰撞檢測(邊界檢測)在前端游戲,以及涉及拖拽交互的場景應(yīng)用十分廣泛。 那么啥叫碰撞?JavaScript 又是如何檢測 DOM 發(fā)生碰撞的呢? 碰撞,顧名思義,就是兩個物體碰撞在了一起,...
暫無介紹