随笔分类 -  移动端web

ionic 移动端开发总结
摘要：官网 CLI安装 启动 文档查看 1.安装ionic 和cordova 2.创建项目 *webapp为起得项目名称 小键盘上下选择 确定回车后 输入 y 这里就没弄直接退出来了 然后进入项目目录(刚才建立的webapp) 目录是这样的 cd webapp ionic serve 启动ionic 启动 阅读全文
posted @ 2017-08-06 08:14 星耀学园 阅读(238) 评论(0) 推荐(0) 编辑
fiddler 手机抓包 微信开发 移动端网页调试
摘要：1.实现fiddler抓包 移动端网页 以下方法为安卓手机配置方式 电脑端设置 1）配置fiddler远程调试选项 Tools - Telerik Fiddler Options... Connections - 打勾 Allow remote computers to connect 然后重启 查 阅读全文
posted @ 2017-04-11 16:55 星耀学园 阅读(1441) 评论(0) 推荐(0) 编辑
html5 微信识别图中二维码
摘要：微信里只有HTML内的图片才能识别二维码,如下 img标签， 图片高度直接设置为8rem,用来图片的自适应，需要计算 如果用a标签包括img无法弹出二维码 阅读全文
posted @ 2017-04-11 16:05 星耀学园 阅读(1250) 评论(0) 推荐(0) 编辑
微信 缓存更新的解决办法
摘要：头部禁止缓存 此方法可以在清除缓存 <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate"><meta http-equiv="pragma" content="no-cache"><meta ht 阅读全文
posted @ 2017-02-14 10:28 星耀学园 阅读(480) 评论(0) 推荐(0) 编辑
微信调试移动端页面
摘要：百度地图开发 百度开发者中心 百度地图API JS接口 安卓调试 google 浏览器 苹果调试 safari浏览器 Xcode https://developer.apple.com/develop/cn/ 微信web开发者工具 微信 web 开发者工具 基于 weinre X5 Blink 内核 阅读全文
posted @ 2017-02-13 16:27 星耀学园 阅读(372) 评论(0) 推荐(0) 编辑
js抽奖转盘
摘要：HTML 这里.left 固定了圆的宽度和高度，还有canvas也设置了固定宽高 绘制圆心的坐标也就出来了 (203,203) 抽奖转盘是由一个大圆和一个内圆完成 ；大圆负责绘制上奖品 ，内圆负责确定指针的位置，指针直接使用图片，决定位置确定 <div class="left"> <div clas 阅读全文
posted @ 2017-02-04 16:07 星耀学园 阅读(415) 评论(0) 推荐(0) 编辑
背景音乐不断的解决办法 pjax
摘要：PJAX 解决 多页面切换 背景音乐不断的问题 使用zepto.min.js zepto中文API 背景音乐可以一直播放，这里index局部刷新 解决思路： window.history.pushState()无刷新改变url，配合ajax获取需要的页面和数据 关键点： 1)window.histo 阅读全文
posted @ 2017-01-24 21:00 星耀学园 阅读(653) 评论(1) 推荐(0) 编辑
ajax + php 写入数据库最简单实例
摘要：这个是最简单的表单提交 延伸：后面有很多需要提交的信息 如何快速部署接口 此例子是移动端H5页面，使用的是zepto.min.js HTML 前端页面JS 不跨域的情况下 后端PHP页面 注意不要跨域 1.这里接收前端数据 $_POST[name],$_POST[tel],post传送过来，这里需要 阅读全文
posted @ 2017-01-20 00:11 星耀学园 阅读(1963) 评论(0) 推荐(0) 编辑
H5页面 敏捷开发解决办法 css3常用动画
摘要：解决方案一：rem自适应加媒体查询组成自适应网页 1.zepto 开发 单页面多屏滚动 （多屏滚动 是一个页面里 这样背景音乐一直播放 页面没有改变） 解决方案 移动端：zepto.fullpage.js PC端：jQuery全屏滚动插件fullPage.js 这里主要用移动端的 全屏滚动实现：fu 阅读全文
posted @ 2017-01-13 18:51 星耀学园 阅读(305) 评论(0) 推荐(0) 编辑
移动端开发 测试 包括微信
摘要：1.安卓PC端虚拟环境 Genymotion genymotion安卓模拟器 2.微信web开发者工具 微信web开发者工具 - 微信公众平台开发者文档 参考资料 电脑上调试手机网站的几种方法 阅读全文
posted @ 2017-01-12 13:28 星耀学园 阅读(135) 评论(0) 推荐(0) 编辑
微信打开页面 有缓存不更新
摘要：1.修改完页面后，微信打开还是原来的， 这时候就要加上时间戳来解决 ?datetime=new Date().getTime() 实例参考： http://www.xiangcloud.com.cn/yun.html?datetime=new%20Date().getTime() 阅读全文
posted @ 2017-01-11 16:44 星耀学园 阅读(753) 评论(0) 推荐(0) 编辑
移动端页面开发 总结
摘要：H5适配解决方案1 pageResponse.js http://www.cnblogs.com/PeunZhang/p/4517864.html https://github.com/peunzhang/pageResponse 参考资料： http://www.cnblogs.com/tugen 阅读全文
posted @ 2017-01-03 18:18 星耀学园 阅读(162) 评论(0) 推荐(0) 编辑
移动端 幻灯插件swiper
摘要：使用方法 http://www.swiper.com.cn/usage/index.html 页面头部引用 HTML 参考官方HTML CSS JS 参考文献： 响应式设计怎么让图片自适应？ http://www.zhihu.com/question/23346183 阅读全文
posted @ 2016-05-06 16:01 星耀学园 阅读(320) 评论(0) 推荐(0) 编辑
百度地图 api 移动端页面调用
摘要：官方API http://lbsyun.baidu.com/index.php?title=jspopular/guide/introduction 地图实例 http://developer.baidu.com/map/jsdemo.htm#a1_2 1.申请AK http://lbsyun.ba 阅读全文
posted @ 2016-04-28 14:32 星耀学园 阅读(2349) 评论(0) 推荐(0) 编辑
移动端 图片背景自适应 background-size:contain;
摘要：移动端基本都是webkit核心的浏览器，所以不用关注IE的那些了， 图片自适应用到的是做为背景图片处理，如果直接img标签的图片，判断屏幕尺寸，JS判断下载对应的图片这样的。不过分辨率各种各样的，手机端的也不能完全适配所有的。 下面就记录下图片背景的时候,用到css3 background-size 阅读全文
posted @ 2016-04-27 10:10 星耀学园 阅读(1206) 评论(0) 推荐(0) 编辑
h5 移动页面 拨打电话
摘要：手机浏览器一般都是webkit核心浏览器，使用原生H5 API接口就可以实现打电话功能， 实例 <a href="tel:4006120888" style="display:block;width:100%;height:100%;">电话号码</a> 分机号这样的拨打电话是否正确暂时没有测试，手 阅读全文
posted @ 2016-04-25 17:13 星耀学园 阅读(372) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示