管的宽

2017年2月13日

摘要：最近在负责一个微信H5 App项目，遇到一个郁闷的问题，手机浏览器查看网页时图标都是模糊的，有锯齿，电脑浏览器显示则是正常。大概知道是分辨率适配等类型的问题，后来网上查找了一些办法，大部分的解决方案都是设计一套放大1倍的图标，再压缩显示。我们都知道标签可以通过固定宽高的方式来压缩大图，从而得到高清阅读全文

posted @ 2017-02-13 11:11 管的宽阅读(283) 评论(0) 推荐(0) 编辑

移动端H5页面高清多屏适配方案

摘要：背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 1）首先，选阅读全文

posted @ 2017-02-13 11:09 管的宽阅读(380) 评论(0) 推荐(0) 编辑

2017年2月9日

iOS Safari/WebKit对DeviceOrientationEvent的实现

摘要：背景知识： Apple官方只发现一个文档： https://developer.apple.com/library/safari/#documentation/SafariDOMAdditions/Reference/DeviceOrientationEventClassRef/DeviceOrie 阅读全文

posted @ 2017-02-09 16:04 管的宽阅读(386) 评论(0) 推荐(0) 编辑

2017年2月8日

手机端重力感应接口及应用

摘要：现在微信开发如火如荼，各种基于微信的H5市场上也是很火爆，今天做个笔记就是跟大家分享手机端重力感应的应用，根据重力感应接口我们可以得到手机的方向，移动速度，xyz轴偏移量，现在先上所有数据展示，大家有兴趣的也可以亲身测试： <!DOCTYPE html><html> <head> <meta cha 阅读全文

posted @ 2017-02-08 10:51 管的宽阅读(1537) 评论(0) 推荐(0) 编辑

2017年2月7日

H5项目常见问题及注意事项

摘要： Meta基础知识： H5页面窗口自动调整到设备宽度，并禁止用户缩放页面空白页基本meta标签其他meta标签常见问题：移动端如何定义字体font-family 打电话发短信写邮件怎么实现移动端touch事件（区分webkit和winphone）移动端click屏幕产生200-300ms的阅读全文

posted @ 2017-02-07 15:59 管的宽阅读(160) 评论(0) 推荐(0) 编辑

移动端 h5开发相关内容总结——CSS篇

摘要： 1.移动端开发视窗口的添加 h5端开发下面这段话是必须配置的其它相关配置内容如下： width viewport 宽度(数值/device-width) height viewport 高度(数值/device-height) initial-scale 初始缩放比例 maximum-scale 阅读全文

posted @ 2017-02-07 15:17 管的宽阅读(1973) 评论(0) 推荐(0) 编辑

2017年1月18日

都2017年了，H5这些知识你还不知道?

摘要：一、交互上，慎用横屏展示效果。但是在今年的微信传播中，好的创意也可以尝试使用。原因：体验上，需要用户设备开启屏幕旋转功能，才能正常观看，用户操作成本高。对不同屏幕的手机，长宽比例不一，难以展示最佳的视觉效果。原因：体验上，需要用户设备开启屏幕旋转功能，才能正常观看，用户操作成本高。对不同屏幕的阅读全文

posted @ 2017-01-18 11:04 管的宽阅读(778) 评论(0) 推荐(0) 编辑

一种解决h5页面背景音乐不能自动播放的方案

摘要：场景：微信、浏览器、App 普通解决方案：采用audio标签的autoplay属性现象： $解决方案：监听WeixinJSBridgeReady事件、DOMContentLoaded事件微信的JS API建立在微信壳浏览器的内置JS对象WeixinJSBridge上，WeixinJSBridge 阅读全文

posted @ 2017-01-18 11:03 管的宽阅读(4984) 评论(0) 推荐(0) 编辑

2017年1月13日

html5游戏制作总结

摘要： QQ空间Android版4.2和4.5上线的玩吧游戏“空间疯狂套牛”是一款使用HTML5开发出的手机游戏，虽然还有很多不足，但其中使用的一些技术与技巧还是很有必要为大家分享出来，方便大家用秘籍打通各种关卡创造出更多更好的HTML5游戏。(本秘籍主要讲述使用HTML + CSS技术方面) 一、自适应阅读全文

posted @ 2017-01-13 15:05 管的宽阅读(590) 评论(0) 推荐(0) 编辑

svg动画学习

摘要：首先我们定义一块画布，然后在上面画一个圆形。他看起来应该是这个样子的：（每一个实例我都会附加图片以及demo链接，方便直观的理解与源代码的查看，查看的时候请使用标准浏览器）点击查看Demo 现在我们就让这个圆动起来动起来是这个样子的（gif循环之后234三个demo将无法区分，所以这里的gif 阅读全文

posted @ 2017-01-13 13:45 管的宽阅读(572) 评论(0) 推荐(0) 编辑

公告