唤醒方式： 1、URL Schemes 2、android appLink 3、chrome intent DeepLink实践URL Schemes方式 需要在AndroidManifest.xml文件进行配置 <activity android:name=".ui.
2023-03-30
问题描述：ios12+，微信H5页面存在bug，键盘收回时，界面没有恢复，底下出现空白区域，并导致光标位置错乱，再次点击输入框区域时无法focus，弹框按钮无法点击 解决方案：当input失焦，键盘收回后，滚动一下页面就可以使页面恢复正常 补充：当在手机号与验证码之间切换输入时，会同时触发前输入框
2023-03-18
业务场景：webapp点击图片保存到相册 使用的h5api： plus.gallery(系统相册): http://www.html5plus.org/doc/zh_cn/gallery.html plus.nativeObj.Bitmap: http://www.html5plus.org/do
2023-03-18
普通JavaScript中使用 <script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script> <script> // init vCons
2023-03-12
WeUI(支持H5)：https://github.com/Tencent/weui vux.li(支持H5)：https://vux.li/ Ant.design(支持H5)：https://vue.ant.design | https://pro.ant.design 有赞Vant(支持H5)：
2023-03-12
meta标签规范 使用W3c CSS filter方式的grayscale实现Html页面及图像灰度 CSS3中借鉴IE私有滤镜的方式提供了标准的CSS Filter方案，支持grayscale灰度、sepia褐色、saturate饱和度、hue-rotate色相旋转、invert反色、opaci
2023-03-12
移动端HTML5页面开发常见的需求：长按识别图中二维码 //点击事件 document.addEventListener("click", function() { document.getElementById("mask").style.displa
2023-03-12
使用meta标签：viewport H5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。 viewport 是用户网页的可视区域。翻译为中文可以叫做"视区"。 手机浏览器是
2023-03-12
有时候我们需要区分H5页面是在微信中打开的还是在支付宝中打开的，然后进行相应的操作。这就用到浏览器对象模型中的Navigator 对象，Navigator 对象包含有关浏览器的信息。我们通过Navigator 获取到userAgent的相关信息。 公共方法封装 function isAlipayO
2023-03-12
借助其它标签样式 思路： 设置checkbox类型的input表单为不可见 自定义div或label标签的常态及选中样式 根据checkbox的状态更新div或label标签的样式 index.vue </template> ... <yd-cell-item typ
2023-03-12
基本介绍 localStorage和sessionStorage都是用来存储客户端临时信息的对象。只能存储字符串类型的对象（虽然规范中可以存储其他原生类型的对象，但是目前为止没有浏览器对其进行实现）。 localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localSt
2023-02-25
touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发 touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动 touchend事件：当手指从屏幕上离开的时候触发 touchcancel事件
2023-02-25