Flash-like的2D渲染引擎(例如Pixi.js等),在碰撞检测方面,与HTML5有所不同。
在微信、QQ内的H5游戏,由于顶部有微信/QQ自带的Header,导致无法全屏。
在这种情况下,采用什么样的宽高比,能最大限度的满足兼容性和体验呢?
通常在游戏开发时,需要检测网页是否切换到了后台,并且需要监测再次切回来时的事件。
HTML Canvas是在一开始就占用了内存,还是在绘画时刻才占用内存呢?
又如何清空不再需要的Canvas内存呢?
webpack-dev-server在移动端调试总是莫名奇妙出错?
可能是因为这些原因…
100纹理不合图集2000Sprite同屏,Pixi 4.6.0
、Layaair 1.7.13 beta
、Egret 5.1.0
的性能对比。
使用PushState开发单页面应用,在iOS端如果点击后退或向左滑屏,一定几率可能会导致白屏。
通常对于componentWillReceiveProps
,认为是外层Update时才会触发。
对于使用了React-Router的场景,通常也会理解为,当路由发生跳转时才会触发。
而实际上,当页面发生hash跳转(例如点击了<a href="#">XXX</a>
)时,虽然路由没有跳转,但也会触发componentWillReceiveProps
。
iOS下,iframe的width或height设置为100%时,往往未能如愿。
当iframe内容的实际宽高大于100%时,会自动撑开。
解决方案如下:
React + React Router + WebPack + Express的全栈开发流程。
项目越来越大,webpack的编译时间也越来越长。
通过Webpack DLLPlugin,可以助你大幅节省编译时间。
检测用户在网页中打开了控制台的代码片段。
Chrome和Firefox下测试可用,IE和Edge下无效。
HTML5 Web Audio API存在一些兼容性问题和坑,使用时需要注意。