背景介绍 信息流App是当下最流行的产品之一,如今日头条等。我所在的团队也是在做这样一款信息流App。App的Feed流是客户端Native实现的。用户点击Feed流中的文章后,会进入到文章底层页。文章底层页大部分都是Native实现的,但是有一些文章的数据是非结构化的,Native没有办法很好地处 ...
分类:
其他好文 时间:
2020-11-30 15:57:15
阅读次数:
6
使用快应用web组件打包封装成H5快应用后,原网页自身没有提供返回主页的功能,但转成快应用后,希望用户在浏览任一H5页面时,都能有一个回到网页主页的入口。此需求可以参考如下步骤实现。在页面script中data下定义变量loadUrl,这个变量用于存储H5网页的url,本示例demo中以华为官网作为主页入口。exportdefault{props:[‘websrc‘],data:{title:""
分类:
其他好文 时间:
2020-11-18 12:16:02
阅读次数:
4
想在PC端预览移动端报表更改url参数即可: 在url路径最后增加 &op=h5 表示显示h5页面 然后浏览器该网页中F12打开开发者调试工具用手机视图展示即可 ...
分类:
移动开发 时间:
2020-11-17 11:54:27
阅读次数:
18
首先我用的框架是Vue+vant 写的h5页面 一:在main.js中 import BaiduMap from 'vue-baidu-map' Vue.use(BaiduMap,{ ak:'KtmkN07XXXXXXXXXmiKbWp9B2'//自己去百度API申请,免费的 }) Vue.conf ...
分类:
其他好文 时间:
2020-07-30 18:09:47
阅读次数:
254
一、前言 工作上遇到一个这样的需求,一个H5页面在APP端,如果勾选已读状态,则下次打开该链接,会跳过此页面。用到了html5 的本地存储 API 中的 localStorage作为解决方案,回顾了下Web缓存的知识,感觉自己了解得不够多,所以想整理下,加深理解。 Web缓存是指一个Web资源(如h ...
分类:
Web程序 时间:
2020-07-23 16:45:17
阅读次数:
97
微信小程序嵌套h5页面,h5页面返回小程序,小程序和h5的页面和交互方法,h5点击分享小程序页面 ...
分类:
微信 时间:
2020-07-22 16:11:16
阅读次数:
138
微信浏览器打开h5页面如果是img标签的话,长按会弹出保存图片的选项。但是微信小程序里面不可以,需要自己写这个功能。 这个功能有两个点,一个是长按,一个是保存图片到本地。 1. 微信小程序关于图片长按的解释,有两种: 因此我们选用 bindlongpress 事件 2. 微信小程序同样提供了保存图片 ...
分类:
微信 时间:
2020-07-21 23:03:28
阅读次数:
137
一、平台 手机移动端 二、实现的效果 当input输入框获得焦点时,在保留光标的情况下,又不让手机虚拟键盘弹起 刚开始在网上找了一番,网上的回答大都自以为是,根本没有弄清诉求,他们提供的三种解决方法,把input框用div代替、给input框设readonly属性、input获得焦点时使其失去焦点, ...
分类:
移动开发 时间:
2020-07-15 23:08:25
阅读次数:
130
appium定位并操作app H5页面元素,以及一些报错和解决方案 ...
分类:
移动开发 时间:
2020-07-13 21:43:26
阅读次数:
123
背景 在Native+H5项目中, 加载H5页面过程中会出现白屏问题. 离线包重在解决建立链接 -> 接受页面/样式/脚本的白屏过程 技术方案 前端 offline_demo_fe 单个前端可使用webpack-plugin对项目进行打包 生成index.json: 表示离线包信息 { "packa ...
分类:
其他好文 时间:
2020-07-13 18:33:58
阅读次数:
85