k8w.io
Web前端

Flash-like的2D渲染引擎(例如Pixi.js等),在碰撞检测方面,与HTML5有所不同。

在微信、QQ内的H5游戏,由于顶部有微信/QQ自带的Header,导致无法全屏。
在这种情况下,采用什么样的宽高比,能最大限度的满足兼容性和体验呢?

通常在游戏开发时,需要检测网页是否切换到了后台,并且需要监测再次切回来时的事件。

HTML Canvas是在一开始就占用了内存,还是在绘画时刻才占用内存呢?
又如何清空不再需要的Canvas内存呢?

webpack-dev-server在移动端调试总是莫名奇妙出错?
可能是因为这些原因…

100纹理不合图集2000Sprite同屏,Pixi 4.6.0Layaair 1.7.13 betaEgret 5.1.0的性能对比。

实验作品,用HTML5 AudioContext做的小Demo:指尖钢琴

使用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存在一些兼容性问题和坑,使用时需要注意。