移动端h5 第9页

一个数字键盘引发的问题——移动端H5输入框、光标、数字键盘全假套件实现...

问题产生背景移动端H5项目需求点：进入某页面自动弹出带小数点的数字键盘，并且自带输入验证，比如金额——只能输入数字和小数点，并且只能输入一位小数点、小数位不超过2位，且输入前验证不合法就不让输入、(UE

weixin_30314631·2020-07-05 20:08

移动端H5开发之顶部固定导航布局

在开发移动端h5应用时，尤其是在开发混合app时，一般情况下，顶部导航会一直固定在页面头部，如下图：h5的常规操作是直接来个fixed定位，代码如下：position:fixed;top:0;left:

素素_钗钗·2020-07-05 13:29

移动端屏幕适配 fis3+rem方案

移动端多屏适配rem方案背景1.开发移动端H5页面2.面对不同分辨率、dpr的手机3.面对不同屏幕尺寸的手机一、概念1、物理像素(physicalpixel)一个物理像素是显示器(手机屏幕)上最小的物理显示单元

疯小伙五·2020-07-05 13:53

阻止移动端H5开发浏览器默认左右滑动行为

Touch事件小知识1.避免点击300ms延迟css：*{touch-action:manipulation;}正题:如何解决H5移动端开发浏览器默认左右滑动事件在进行移动端开发时,由于浏览器自带的滑动行为，使手指只要左右滑动页面就可以上一页，下一页的跳转，体验可以说是十分的不好。为了解决这个问题，我在网上进行了一番搜索以及一番尝试得出了下面两种方法。现在就下面两种方法进行一个对比，希望帮助更多的

Hws有梦想·2020-07-05 06:13

移动端H5页面实现生成图片的代码

本篇文章给大家带来的内容是关于移动端H5页面实现生成图片的代码，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

lin123_00·2020-07-02 08:07

干货|移动端H5前端性能优化

得益于智能手机的普及和各行各业互联网+的运动，移动端的市场占比疯狂增长。2016年1月艾瑞咨询发布的2015年电商数据显示，2015年中国移动端网购交易额同比暴涨123.2%，在网购总交易额中的占比首次超越PC端达到55%。技术上，HTML5大行其道：1：有数据显示，截至2015，有80%的App全部或部分基于HTML5。2：谷歌浏览器于9月1日起不在支持自动播放Flash。3：亚马逊旗下网站（包

dongyang0311·2020-07-01 22:43

移动端H5页面生成图片解决方案

现在有很多微信公众号运营活动，都有生成图片的需求，生成图片后可以发送给好友和发到朋友圈扩散，利于产品的宣传！1.生成图片可以用canvas,但是由于已经有了html2canvas这个开源库，所以为了节省时间就没有自己写了github地址:html2canvas少啰嗦，先看东西！！！LiveDemo/***根据window.devicePixelRatio获取像素比*/functionDPR(){i

千羽千寻·2020-07-01 18:50

移动端H5开发踩坑记录

html篇常用的meta属性设置屏幕设置//Android禁止屏幕旋转//全屏显示//UC应用模式，使用了application这种应用模式后，页面讲默认全屏，禁止长按菜单，禁止收拾，标准排版，以及强制图片显示。//QQ强制竖屏//QQ强制全屏//QQ应用模式电话号码识别在iOSSafari（其他浏览器和Android均不会）上会对那些看起来像是电话号码的数字处理为电话链接，比如：7位数字，形如：

丫an梅·2020-07-01 15:58

从UI到AI——移动端H5生成技术漫谈

内容来源：2017年7月29日，百度资深研发工程师潘征在“2017谷歌开发者节北京站”进行《从UI到AI——移动端H5页面生产技术漫谈》演讲分享。

我爱丁丁猫·2020-07-01 12:54

玩转HTML5移动页面——动效篇

同时也会谈及移动端H5页面的优化细节与关键点，因此本文章将分为动效篇和优化篇。前方高能(1)CSS3时序错开渐显动画这是一种比较

yeana1·2020-06-30 07:10

移动端H5固定底部导航菜单的三种布局实现

http://www.fly63.com/article/detial/859需求：需要把导航固定在底部？只能滑动内容，导航菜单固定不动的。效果如下：这篇文章主要讲解三种实现方案，包括：fixed,absolute,以及css3的flex布局。html结构如下：滚动区域底部固定菜单html,body{margin:0;padding:0;height:100%;width:100%;}footer

xiaoxiaohui520134·2020-06-30 01:50

基于Vue CLI3 搭建五脏俱全的移动端H5应用

前言之前开发vue项目，一直是自己搭建脚手架，并没有使用配套的Vue-CLI。一、是3.0之前的CLI无明显优势，配置繁琐；二、是觉得自己从零配置项目可控性更强。Vue-CLI3.0于去年8月份就已发布，却一直没去了解。近日，有新VueH5项目开发，就想着用VueCLI3.0脚手架构建项目。并记录一下构建使用过程。使用脚手架最好的参考就是官方文档，官方文档整体还是比较清晰明了的，更新也很及时。「链

Web全栈开发·2020-06-29 16:02

vue移动端h5调用支付宝支付接口

介绍一种比较简单的h5调用支付宝支付接口的方法首先，肯定是后台写好接口，将订单信息传给后台，后台根据文档，向支付宝请求h5的支付数据，返回一个form表单到前端上，格式如下:得到这个form之后怎么用呢，我们需要在ajax请求的异步回调上，将返回的form输出到html界面上，代码如下：payMoney(){this.$http.get('/api/wpersonaldata.ashx?actio

帅帅狗·2020-06-28 22:05

移动端h5原生分享到朋友圈、微博等

结合nativeshare和m-share两个包生成一个vue移动端的分享组件需要npminstallNativeShare--save和npminstallm-share--saveshareBar.vue分享到{{button.text}}//https://github.com/fa-ge/NativeShareconstnativeshare=()=>import('nativeshare

laumlin·2020-06-28 21:34

移动端H5 页面 input 获取焦点不灵敏

开发中遇到ios的浏览器中input控件获取焦点，需要一定的点击时长，所以用户经常无法一次成功获取焦点。改进方法非常的简单。在input控件外面包裹一层div，然后在div上添加点击事件，为input手动获取焦点。vue代码为例temp模板:复制代码script:inputClicked(){if(this.$refs.phoneInput){this.$refs.phoneInput.focus

weixin_34209851·2020-06-28 13:45

网页设计规范网页设计稿尺寸

2019独角兽企业重金招聘Python工程师标准>>>移动端H5设计稿尺寸移动端H5尺寸设计移动端H5项目的时候，我们一般以用户量较高的iPhone6/7/8的尺寸：750x1334px为准，然后我们要在顶部预留出微信或者浏览器导航区域

weixin_34122810·2020-06-28 11:02

基于VUE+TypeScript 一个快速开发的移动端UI组件库

这是一篇求职文章年龄21目前级别p6+坐标成都找一份vue.js移动端H5工作一份没有任何包装纯真实的简历简历戳这求职文章一共有两篇另外一篇请点这一个nuxt(vue)+mongoose全栈项目聊聊我粗浅的项目架构项目简介为什么有这个项目

weixin_34008784·2020-06-28 09:41

移动端H5多终端适配解决方案

weixin_30700977·2020-06-27 23:02

【移动端H5开发】iOS下页面底部的input被弹出键盘遮挡问题

【移动端H5开发】iOS下页面底部的input被弹出键盘遮挡问题状况在iOS下，如果页面底部有个input输入框，那么在input获得焦点，弹出虚拟键盘时，有一定的几率，input会被虚拟键盘给遮挡住，

刘海涛在首都·2020-06-26 23:15

HTML开发完美解决移动端H5页面pop弹出蒙版后底层滑动问题

html弹出蒙版后禁止底层滑动在对应的最外层（蒙版父视图），添加cssposition:relative;蒙版层使用position:fixed;然后点击弹出蒙版和关闭蒙版调用下面的方法//处理弹出/关闭pop的时候，使背景图不滚动fixedBody:function(){varbody=document.bodyif(body.style.position!='fixed'){this.body

开发仔XG·2020-06-26 17:42

HTML5 移动端自适应方案与踩坑

原文链接：blog.sjfkai.com/2019/01/29/…转载请注明出处最近刚接触前端开发，接手了一个移动端H5项目。着实体会掉了前端的坑之多，和H5移动端的坑之多多。

大灰狼的小绵羊哥哥·2020-06-26 10:47

移动端开发必会出现的问题和解决方案

coder吹雪·2020-06-26 02:09

移动端技术和平台的对比

移动端h5和原生app的对比h5适合场景：功能要求少，使用持续时间短，如信息统计的投票、报名、用户反馈等优点:使用上手容易，开发成本低，跨平台使用缺点:使用体验差，网络要求高原生app适合场景：功能丰富

酒遥·2020-06-25 21:28

移动端h5商品横向列表ul li 左右滑动

#divscroller{width:100%;max-width:2000px;//最大宽度/*min-width:320px;*/}#divscroller.box123{white-space:nowrap;//不允许换行overflow-x:auto;//x轴有超出部分显示滚动条}#divscroller.box123li{list-style:none;display:inline-bl

狗蛋0·2020-06-25 17:42

移动端H5混合开发设置复盘与总结

app场布设置已经上线了，用户可以通过手机端嵌入的h5网页进行场布设置，原来只能在pc端浏览器，还得带上个笔记本电脑很是不方便，这个功能很好的解决了目前设置不顺畅的问题。上线后得到大家的认可，提升了业务效率，这一个多月的辛苦开发还是值得的，接下来是对自己这一段时间开发过程的一个总结。整体开发基于H5+Css3+Jquery,前端这个组合略显过时，不过我就这个用的熟悉，先做完再说前后端开发混合开发功

qq_38464151·2020-06-25 14:23

H5性能测试（优化建议）

如何打造一个移动端H5性能平台？听起来是否有点高大上，不知道如何下手。不要紧张，我们来手把手教大家打造自己的移动端H5性能测试平台。

slq520·2020-06-25 01:46

Vue移动端h5使用canvas生成海报带有分享码

请长按图片保存切换海报importTitleBarfrom"../../../components/titleBar/TitleBar.vue";import{Component,Prop,Vue}from"vue-property-decorator";import{PosterCanvasParams}from"./data";import{showLoading,hideLoading}fr

peachtang·2020-06-24 19:16

vue 移动端H5网页适配

自己记录一下现在做的项目中的知识点，也方便自己之后查看，哈哈哈哈哈哈哈一、准备工作安装依赖yarnaddpostcss-px2rem-exclude--saveyarnaddlib-flexible--save这里是vue3.0以上的脚手架搭建的项目，所以需要自己新建postcss.config.js文件;写如下代码；因为我项目中的设计图是750px，所以remUnit:75module.expo

panda329·2020-06-24 19:05

移动端H5开发遇到问题及解决办法总结

根据工作中遇到的各项移动端问题，总结的几个问题的解决办法:1、禁止页面滚动document.addEventListener('touchmove',function(e){e.preventDefault();},false);//如果不想让页面滑动，可以加上这段代码2、判断设备类型是android还是iosvaru=navigator.userAgent;varisAndroid=u.inde

lizheng_0508·2020-06-24 07:51

H5页面浏览器返回时的处理

多页面下浏览器返回多页面时浏览器返回的上一个页面如果数据是用ajax加载的则页面会显示不出数据，可以通过以下方法判断在浏览器的返回前进时刷新当前页面，以下方法放到jquery的ready或者HTML的onload方法里，主要针对移动端

缘来一场梦·2020-06-23 17:12

解惑好文：移动端H5页面高清多屏适配方案

背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。

hsany330·2020-06-23 15:30

吃透移动端 H5 与 Hybrid｜实践踩坑12种问题汇总

（经常更新该文）移动端H5相关问题汇总：1p

frontend_frank·2020-06-23 09:20

前端介绍

即网页上为用户呈现的部分，用户可以接触到后端：与数据库交互的部分，完成数据存取（后端查找数据，返回给前端）网站架构→网页美工→前端开发开发：编写代码二、前端视觉和交互领域前端技术支持范围：网页、网站、移动端

乔乔001·2020-06-22 09:01

vue移动端h5中a标签下载/预览文件

需求：项目分PC端和移动端，PC端（react）以实现列表页附件下载，现需同步移动端（vue）h5页面在原有的列表页中增加一行查看（下载）附件。只写结构，暂不考虑其他，增加附件行的代码如下：附件：点击列表页本身的每一个方框会跳转一个详情页，同理点击下载发票附件时也会，需要处理一下点击a标签时的穿透问题。这里我给span加上一个点击事件，事件里边写上event.stopPropagation()me

Thelittlewhale·2020-06-22 06:00

前端-移动端h5常用属性

常用属性Safari浏览器私有meta属性UC浏览器私有meta属性QQ浏览器私有meta属性用了好久的apple的一些meta属性，突然想到怎么没看见像UC、QQ浏览器的，于是问了度娘，还真的是有。移动端设备主要是iOS和Android两类，从用户量来看，Safari、UC、QQ是较多的3款浏览器了，因此整理了下移动web开发常用和3种浏览器的私有meta属性。1.常用属性‘viewport’设

Small_Dark·2020-06-22 05:44

移动端H5常见问题汇总

两块大鸡腿�·2020-06-21 17:33

学习资料 - 收藏集 - 掘金

实战实现一个h5转盘抽奖页面，谈谈代码实现，顺便谈一下优化和数据处理-掘金代码地址前言这个组件是我写过的关于移动端h5活动转盘抽奖的页面，当时写完之后确定挺好看、挺炫的，所以就把它单独出来了，以后再写类似的页面

weixin_33862993·2020-06-21 10:52

uni-app开发问题总结（小程序与h5）2：兼容性

前端时间连着开发了俩个项目，都是在线教育类的，uni-app架构，一套代码兼容移动端h5+小程序。

蜗牛ha·2020-06-21 08:58

使用dom的几个事件统计用户请求

pc端的用户统计相对好处理点，我们可以基于window的一些onload,onbeforeunload以及一些特征处理（一些算法）但是对于移动端h5的就有点少复杂了，移动端的用户操作习惯与pc端的有不一样的地方

荣锋亮·2020-06-18 11:00

移动端h5动画交换类优化

避免大型、复杂的布局和布局抖动布局是浏览器计算各元素几何信息的过程：元素的大小以及在页面中的位置。根据所用的CSS、元素的内容或父级元素，每个元素都将有显式或隐含的大小信息。此过程在Chrome、Opera、Safari和InternetExplorer中称为布局(Layout)。在Firefox中称为自动重排(Reflow)，但实际上其过程是一样的。与样式计算相似，布局开销的直接考虑因素如下：需

哈密·2020-06-04 01:32

service worker在移动端H5项目的应用

1.PWA和ServiceWorker的关系PWA(ProgressiveWebApps)不是一项技术，也不是一个框架，我们可以把她理解为一种模式，一种通过应用一些技术将WebApp在安全、性能和体验等方面带来渐进式的提升的一种WebApp的模式。对于webview来说，ServiceWorker是一个独立于js主线程的一种WebWorker线程，一个独立于主线程的Context，但是面向开发者来

邢德阳·2020-05-27 22:23

php + ajax 实现的写入数据库操作简单示例

分享给大家供大家参考，具体如下：这个是最简单的表单提交延伸：后面有很多需要提交的信息如何快速部署接口此例子是移动端H5页面，使用的是zepto.min.jsHTML前端页面JS不跨域的情况下$('#form_tijiao

星耀学园·2020-05-16 10:59

jQuery实现移动端图片上传预览组件的方法分析

分享给大家供大家参考，具体如下：之前的一篇博客：移动端H5图片预览和压缩，实现了基本的功能。这次则计划做成一个组件，可供前台、后台使用。

廖飞银·2020-05-01 11:30

h5学习网站（个人笔记）

幸福的脚步2016·2020-04-14 17:11

妙味课堂H5音乐播放器实战视频课程 ajax实战教程

课程介绍：本次课程涉及的知识点包括移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个

64d11b7281ec·2020-04-11 13:43

方案、工具、小技巧

测试H5微信分享，需要关注测试公众号移动端H5console：https://www.npmjs.com/package/vconsole版本工具：https://www.npmjs.com/package

anefish·2020-04-11 11:48

移动端h5之性能优化

背景H5移动前端的产品中，页面上的功能无疑很重要，但是性能同样是用户体验中不可或缺的一环。不管是在各浏览器还是webview中的H5，都有渲染性能不及nativeApp的缺陷，如果不把性能优化做起来，非常影响影响用户使用产品的积极性加载优化CSS放在页面最上部，javascript放在页面最下面浏览器会在下载完成全部CSS之后才对整个页面进行渲染，因此最好的做法是将CSS放在页面最上面，让浏览器尽

AkiraSun·2020-04-10 09:31

微信小程序内联h5页面——webview组件

如果已有移动端h5版本的模块，要开发小程序版本，使用web-view组件做直连就会非常方便。准备工作首先要登录小程序管理后台，把web-view直连的h5页面地添加到配置域名白名单中。

ITgecko·2020-04-09 07:20

FastClick原理浅析

为什么使用FastClick在移动端H5开发过程中，关于点触可能会遇到如下两个问题：手动点击与真正触发click事件会存在300ms的延迟点击穿透问题（点击行为会穿透元素触发非父子关系元素的事件）延迟的存在时因为浏览器想知道你是否在进行双击操作

烈风裘·2020-04-06 19:01

Go Web编程--解析JSON请求和生成JSON响应

现在无论是网站、App、小程序还是移动端H5页面应用，都是采用前端与后端单独部署，相互之间以API接口交互的形式构建而成的。

Kevin·2020-04-06 19:39

推荐频道

移动端h5