webGL和openGL的联系和区别?
WebGL是一个3D绘图标准,它允许Javascript和OpenGLES2.0的结合。通过增加一个OpenGLES2.0的Javascript绑定,WebGL可以为HTML5Canvas提供硬件3D加速渲染,让W
js游戏引擎排名?
梅龙尼斯
M
Web前端开发好不好学,如何更好的实现图片优化?
常见的优化方案:
使用数据URI(base64)编码代替图片:适用于图片大小为2KB,页面引用图片总数较少的情况。其原理是将图片转换成base64编码字符串内联到页面或CSS中,这样可以减少HTTP请求。
Mergesprite:在移动端有多张图片的情况下,可以将多张图片合并成一张图片,并以CSS定位背景图片的形式引用图片,可以有效减少HTTP请求。
用CSS、svg、canvas或iconfont代替图片:适用于移动或高级浏览器,绘制的图片相对简单。
惰性负载
使用cdn提供图片访问。