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