首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
移动端
订阅
Hulen
更多收藏集
微信扫码分享
微信
新浪微博
QQ
15篇文章 · 0订阅
一次 H5 「保存页面为图片」 的踩坑之旅
1. 需求 最近丁香医生的产品大佬又双叒叕搞事情,想要在 H5 中做一个医生邀请提问的功能,可以将医生的二维码名片分享出去,支持移动、PC 和微信。之前的图片是由后端生成的,并且会缓存三天,导致信息更新不及时。由前端来做就能避免这些问题。 2. 方案 html2canvas.j…
移动H5页面微信支付踩坑之旅(微信支付、单页面路由模拟、按钮加锁、轮询等常见功能)
.net混合开发的vue模板语法的单页面应用,所以不存在脚手架以及没有路由可以跳转。 需要写两个页面,在订单详情页需要点击“请输入手机号”进入手机号绑定页面,手机号绑定成功后自动跳转到订单详情页,如果该手机号已经绑定成功,则不显示“请输入手机号”(即不可点击进入下一个页面),只…
手机端页面在项目中遇到的一些问题及解决办法
首先你可能会给页面的html和body增加了height: 100%, 然后就可能造成IOS上页面滑动的卡顿问题。解决方案是: (1) 看是否能把body和html的height: 100%去除掉。 (2) 在滚动的容器中增加:-webkit-overflow-scrollin…
div+contenteditable 实现富文本发布框的小结
“你想做的一定有人做了,你一定不是第一个遇到这个问题的人”——这句话对80%(二八分布)的人是有效的,我也从中获益不少。 在Chrome中使用button标签来高亮被@的用户,在Firefox中使用img标签来高亮被@的用户(绝妙)这里不同标签的使用很讲究,考虑了浏览器兼容性。…
H5拍照上传填坑汇总
最近工作一直在使用vue+vux做移动端项目,有一个拍照上传照片的需求,发现vux里并没有实现,调研过非官方的vux-uploader后,感觉还不是很理想。 其实网上已经可以找到很多已经实现的成熟方案,但是在调研这个需求的时候,我发现在各种实现方案中也有一些puzzle的知识点…
前端 H5 横屏 独特处理方案详解
随着公司知识付费业务的发展,产品发现横屏展示内容的效果和体验都要比竖屏要来的好。我也感觉确实是这样的~。刚接到这个需求的时候,稍微想了一下,横屏这还不简单直接把整个页面旋转90度,不就完事了?结果真正开发的过程中发现并没有这么简单。比如屏幕横过来手势滑动的方向没有变过来等等!于…
移动端日期插件rolldate
开发日期选择插件的原因,一是基于移动端设计的日期选择插件确实不多,二是大多支持的日期格式不够丰富,也不够灵活,这在多变的项目需求中,无疑是捉襟见肘的。 支持丰富的日期格式,比如年月、年月日、年月日时分、年月日时分秒,后续还可以扩展其他格式,并且通过一系列回调函数,你可以把日期修…
H5移动端获奖无缝滚动动画实现
哈哈,上动态图真的是一下就明了了。 通过css3中的关键帧,可以得到跳步的效果。先通过一个短的看一下思路。 如果是写死的获奖,那么需要把前面的那个复制一份到后面去,如果是一个一个滚动那么就复制第一个,如果是两个两个滚动的就复制第一个和第二个。 然后计算需要滚动多少次,一次多少秒…
【移动端适配】用vw、vh+媒体查询打造最完美的移动端适配方案
从古老的的百分比布局+px+媒体查询到rem布局,一直没找到心仪的移动端适配方案。网上搜索的教程质量也是参差不齐(要么配置过于繁琐,要么一篇文章到处抄袭),反正我看完了总有一种无从下手的无奈。所幸,经同事推荐找到一款完美的插件。欣喜之余,以作记录。同时希望能给需要的朋友提供帮助…
关于移动端适配,你必须要知道的
... 上面这些问题可能我们在开发中已经知道如何解决,但是问题产生的原理,以及解决方案的原理可能会模糊不清。在解决这些问题的过程中,我们往往会遇到非常多的概念:像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等,你真的能分清这些概念的意义吗? 本文将从移动端适配的基础…