随笔分类 -  移动端js

中高级前端必须注意的40条移动端H5坑位指南
摘要：HTML方向 调用系统功能 使用<a>能快速调用移动设备的电话/短信/邮件三大通讯功能，使用<input>能快速调用移动设备的的图库/文件。 这些功能方便了页面与系统的交互，关键在于调用格式一定要准确，否则会被移动端浏览器忽略。 <!-- 拨打电话 --> <a href="tel:10086">拨 阅读全文
posted @ 2021-01-27 10:32 believe66 阅读(493) 评论(0) 推荐(0)
jsbridge的js封装
摘要：/*注意：源生app需要配置jsbridge的环境，而在前端页面中需要下方封装代码，既可以达到调用app方法的功能和注册供app调用的方法1、注册方法：注册后，供app调用，注册时，同名函数，下一个会覆盖上一个2、调用函数，可以调用多次3、使用时，只需要导入即可 如：import {setbridg 阅读全文
posted @ 2019-04-26 16:37 believe66 阅读(3815) 评论(0) 推荐(0)
H5在WebView上开发小结
摘要：背景 来自我司业务方要求，需开发一款APP。但由于时间限制，只能采取套壳app方式，即原生app内嵌webview展示前端页面。本文主要记述JavaScript与原生app间通信，以及内嵌webview开发时，前端方面可能踩的一些坑。 技术架构 前端：vue+vuex+vue-router+webp 阅读全文
posted @ 2019-02-28 15:20 believe66 阅读(3234) 评论(0) 推荐(1)
摇一摇事件
摘要：html5新增了一个devicemotion的事件，可以使用手机的重力感应。如下代码所示： window.ondevicemotion = function(event){ var gravity = event.accelerationIncludingGravity; console.log(g 阅读全文
posted @ 2017-09-21 11:39 believe66 阅读(303) 评论(0) 推荐(0)
vue10行代码实现上拉翻页加载更多数据，纯手写js实现下拉刷新上拉翻页不引用任何第三方插件
摘要：vue10行代码实现上拉翻页加载更多数据，纯手写js实现下拉刷新上拉翻页不引用任何第三方插件/库 一提到移动端的下拉刷新上拉翻页，你可能就会想到iScroll插件，没错iScroll是一个高性能，资源占用少，无依赖，多平台的javascript滚动插件。iScroll不仅仅是 滚动。它可以处理任何需 阅读全文
posted @ 2017-08-04 10:12 believe66 阅读(417) 评论(0) 推荐(0)
js判断手机或Pc端登陆.并跳转到相应的页面
摘要：<script src="~/Web/js/jquery-1.10.1.min.js"></script> <script> $(function () { window.location.href = /Android|webOS|iPhone|iPod|BlackBerry/i.test(nav 阅读全文
posted @ 2017-08-04 09:58 believe66 阅读(215) 评论(0) 推荐(0)
移动端touch事件封装
摘要：<meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"><title>无 阅读全文
posted @ 2017-08-03 11:26 believe66 阅读(1012) 评论(0) 推荐(0)