随笔分类 -  移动端

iOS滚动回弹修复方案
摘要:在苹果的WKWebview中存在两个弹性滚动,分别是全局和局部滚动回弹,全局回弹最方便的办法是让客户端同学设置webview属性,禁用回弹效果,这样无需前端做兼容处理,也很方便实用,不过即便是客户端禁用了回弹,局部滚动中的回弹依然会存在。 Q: 为什么需要关注这个回弹 如果局部滚动的区域大于 1/2 阅读全文
posted @ 2022-09-05 10:00 ygunoil 阅读(1800) 评论(0) 推荐(0) 编辑
JSBridge的原理及使用
摘要:一、什么是JSBridge 主要是给 JavaScript 提供调用 Native 功能的接口,让混合开发中的前端部分可以方便地使用 Native 的功能(例如:地址位置、摄像头)。而且 JSBridge 的功能不止调用 Native 功能这么简单宽泛。实际上,JSBridge 就像其名称中的Bri 阅读全文
posted @ 2021-01-22 13:44 ygunoil 阅读(790) 评论(0) 推荐(0) 编辑
H5微信自定义分享链接(设置标题+简介+图片)
摘要:起源:最近公司在做招募广告的html5页面,然后做出来后,产品提出一个问题,需要分享出去的链接是卡片形式,内容也要自己定义,这下就难到我了,因为是第一次遇到这种需求,果断百度,然而,我就像大家一样,看都看不懂,一大堆什么微信jssdk官方文档,看得我眼花缭乱,博客上面的也大多都是php形式的解释,也 阅读全文
posted @ 2020-05-21 17:10 ygunoil 阅读(8863) 评论(1) 推荐(2) 编辑
微信JS-SDK分享接口实例开发(nodeJS)
摘要:本文基于工作使用学习,做的整理笔记 当我们进行微信分享时,分享出去的效果,我们最容易发现的是没有图,那我们就埋一个301 * 301的图。但是,我们又发现没有描述,只有链接。这个该怎么解决呢。最终方法就是需要使用微信公众平台的JS-SDK来实现,调用分享接口。实现这个功能时遇到不少坑,走了不少弯路, 阅读全文
posted @ 2020-05-21 15:51 ygunoil 阅读(1011) 评论(0) 推荐(0) 编辑
记一次使用vue+typescript做微信公众号网页分享的坑
摘要:需求场景 这个微信网页是一个用户测试的活动。开始测试之前需授权获取用户信息,所以新建一个firstPage页面作为/页面来判断需不需要授权。如果测试完成分享给用户,用户看到的是分享人的结果页面,这个页面是不需要授权的。扫描其中的二维码开始测试才需要授权。所以在前端路由里传一个query 的参数。根据 阅读全文
posted @ 2020-05-21 15:49 ygunoil 阅读(840) 评论(0) 推荐(0) 编辑
手把手带你使用JS-SDK自定义微信分享效果
摘要:前言 刚进入一家新公司,接到的第一个任务就是需要需要自定义微信分享的效果(自定义缩略图,标题,摘要),一开始真是一脸懵逼,在网上搜索了半天之后大概有了方案。值得注意的是一开始搜索到的解决方案全是调用微信的自带的JS-SDK,然而腾讯是不会让广大吃瓜群众这么轻而易举的调用他们的东西的。微信开发团队已经 阅读全文
posted @ 2020-05-21 14:07 ygunoil 阅读(939) 评论(0) 推荐(1) 编辑
微信JS-SDK“分享信息设置”API及数字签名生成方法"
摘要:第一步 认证的微信公众帐号 首先你得拥有一个通过认证了的微信公众号或者开发者帐号,没有通过认证的公众帐号。数字签名认证也能成功,但是分享信息是无法设置成功的; 第二步 添加安全域名 在公众帐号平台后台添加app运行的域名地址,可以理解为为某个域名添加白名单功能 以我们公司旗下的榕树下为例: 微信公众 阅读全文
posted @ 2020-05-21 14:02 ygunoil 阅读(1523) 评论(0) 推荐(0) 编辑
解决invalid url domain
摘要:获取url的时候去掉#号后面的数据 let url = window.location.href.split('#')[0]1、检查后台是否设置:右上角公众号名称--功能设置--JS接口安全域名 2、检查代码里的appid和公众号后台的id是否一致 iOS有问题可以看这个 url使用下面方式获取需要 阅读全文
posted @ 2020-05-21 14:00 ygunoil 阅读(2684) 评论(0) 推荐(0) 编辑
iOS 中button点击事件无效的几种可能
摘要:1. button的frame超过出了父View的frame; 2. button上面覆盖了一个透明层(在Debug View Heirarchy里面查看); 3. button添加到一个不能响应点击事件的View里(如:UIImageView); 4. button上添加了一个View,然后这个V 阅读全文
posted @ 2020-05-13 09:54 ygunoil 阅读(2098) 评论(0) 推荐(0) 编辑
vue 移动端禁止浏览器后退,禁止安卓和ios点击后退操作乱跳页面
摘要:开发微信公众号网页,页面登录成功之后,是禁止再次返回到登录页。 我在页面设置了让禁止跳到登录页,可是在手机上有自带的微信浏览器后退按钮,所以必须要禁止浏览器后退,才能禁止后退到登录页。 刚开始百度,查到了一个vue禁止浏览器后退的插件:vue-prevent-browser-back 首先,npm 阅读全文
posted @ 2020-05-09 17:28 ygunoil 阅读(2422) 评论(0) 推荐(0) 编辑
解决前端浏览器字体小于12px办法
摘要:做项目时,UI设计的字体10px,看效果图时发现字体仍然蛮大,改变12px时字体还是那么大,改变到14px时,字体变大了,发现规律,才知道原来浏览器为了让用户字体看的清楚,最小设置为12px。怎么办?设计就是10px? 最终实现的效果图如下: 百度时,各位网上大神说利用transform: scal 阅读全文
posted @ 2020-05-02 01:43 ygunoil 阅读(1413) 评论(0) 推荐(0) 编辑
微信h5静默、非静默授权获取用户openId的方法和步骤
摘要:一、openId是什么?openId是用户在当前公众号下的唯一标识(‘身份证’),就是说通过这个openId,就能区分在这个公众号下具体是哪个用户。 二、openId有什么用? 假如用户A在当前公众号下购买了一件商品,用户的下单信息肯定要存储到后台数据库,那根据什么进行存储呢?openId是用户在当 阅读全文
posted @ 2020-04-24 10:06 ygunoil 阅读(3266) 评论(0) 推荐(0) 编辑
抖音特效在 Web 端的实现
摘要:当下最火的短视频应用莫过于抖音了,凭借着丰富的视频特效,抖音吸引了很多年轻用户的青睐,今天我们来看一下,抖音特效如何在 Web 端实现。 核心原理 实现原理比较简单,总结起来有如下三个步骤: 1、使用预渲染 canvas 绘制 video 的每一帧画面。 2、将预渲染 canvas 作为纹理传到显存 阅读全文
posted @ 2020-04-08 18:52 ygunoil 阅读(2086) 评论(0) 推荐(0) 编辑
关于css中touch-action属性 在移动端开发中遇到的问题
摘要:初次接触第一次接触touch-action这个属性 是在之前一个网约车公众号项目中遇到的 当时采用的是vue做框架 cube-ui做组件库 当时在版本迭代的时候增加了余额支付的功能 需要一个密码键盘 种种原因没有引入第三方插件 而是选择了手写 样式如下图: 当连续快速点击某个数字时,在ios端出现了 阅读全文
posted @ 2019-12-11 13:53 ygunoil 阅读(738) 评论(0) 推荐(0) 编辑
PhoneGap和Cordova应该用哪一个?
摘要:就目前来看,cordova是一个移动应用开发框架,你基于这个东西可以用网页代码作出APP。Phonegap Build是一个在线打包工具,你把使用cordova写好的项目给Phonegap Build,Phonegap Build就会在线打包成App。目前大家所说的Phonegap,其实指的都是co 阅读全文
posted @ 2019-04-22 17:07 ygunoil 阅读(822) 评论(0) 推荐(0) 编辑
cordova/phonegap/webapp性能优化方法
摘要:1.有条件可以自己做UI,不要用框架.用框架的话不要用jquery mobile,用sencha touch或者jqmobi(app framework) 2.不要在服务器生成UI,在本地生成. 3.前端尽量少在DOM上插入,删除显示的元素. 4.把页面切换特效关掉,安卓上很多白屏就是这样出现的. 阅读全文
posted @ 2019-04-22 17:07 ygunoil 阅读(184) 评论(0) 推荐(0) 编辑
html5+ plus和phoneGap、cordova的比较
摘要:偶遇大神言论,摘录 phonegap出的早,自然用的人多。phonegap自己的定位是混合开发hybrid,用原生+js;HBuilder的定位是纯js搞定一切。5+ 和 phonegap在能力、性能、开发便利性上都优于phonegap。 先看能力: 5+ 有HTML5+和Native.js技术,H 阅读全文
posted @ 2019-04-22 17:05 ygunoil 阅读(1302) 评论(0) 推荐(0) 编辑
(淘宝无限适配)手机端rem布局详解
摘要:从网易与淘宝的font-size思考前端设计稿与工作流 本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习,讨论html5设计稿尺寸以及前端与设计之间协作流程的问题,内容较多,但对你的技术和工作一定有价值,欢迎阅读和点评:)。 这是淘宝的github网址,里面有 阅读全文
posted @ 2019-03-13 09:52 ygunoil 阅读(1863) 评论(0) 推荐(0) 编辑

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示