移动端H5 第10页

html5摄像头视频直播网页开发

需求在项目中，使用usb摄像头进行拍摄，想要在移动端H5网页中进行播放，延迟不能太大，后端目前采用python的tornado框架前端研究思路先考虑前端方案，查看各种技术文章，各种搜索1.查资料看到很多人用

加班饭不好吃·2020-03-19 01:49

移动端布局

移动端布局移动端h5、Android、iOS的各自实现方式不同，布局方式也不同。但，随着移动终端的普及，用户展示方式和操作方式趋势是统一性的。

superKelly·2020-03-18 07:23

移动端H5图片上传单张（拿走记得点赞，后续更新H5多张图片上传功能）

首先技术选型首先说说为什么要是用H5自带的原生API来写这个图片上传，因为笔者在这里找了好几天。因为公司项目临时要用，时间太赶，花了一天的时间并没找到一个比较好的demo让我转接，可能实力太差。:(序言开发微信中我遇到图片上传请求次数问题，腾讯那边调高了借口请求次数，每天200万次。最开始只有5000，项目早上上线下午就崩了，第二天100万下载50万请求次数，还是下午5点就崩了，第三天腾讯给调到2

HondryTravis·2020-03-16 01:25

精选阅读！秋高气爽的前端周刊（第六期）

前端技术集——前端干货聚集地HTML1.移动端H5图片上传的那些坑地址：http://t.cn/RtxT6S9作者：苹果小

IT程序狮·2020-03-11 11:07

开发小知识点集汇一

(image-27a0d3-1532509180318)]git教程爬虫的终极形态：nightmare移动端h5适配--flexiblenodenpm等命令--初级教程1行代码创建服务器先全局安装http-servernpminstallhttp-serv

晗笑书生·2020-03-10 22:10

vue瀑布流组件实现上拉加载更多

最近在做移动端h5页面，所以分页什么的就不能按照传统pc端的分页器的思维去做了，这么小的屏幕去点击也不太方便一般来讲移动端都是上拉加载更多，符合正常使用习惯。

BenjaminShih·2020-03-10 09:55

JavaScript前端实现压缩图片功能

为什么要前端来压缩图片最近在做一个移动端h5上传图片的功能，本来这个功能并不复杂，只需要将图片文件通过axios传到服务端即可，但是考虑到现在手机设配的拍照功能十分强大，随便一张照片都能动辄五六兆，而服务端的要求是上传图片必须小于两兆

前端吴亦凡·2020-03-06 11:41

总结vue知识体系之实用技巧

lzg9527·2020-03-04 14:06

1.ios web的click事件

我们在写移动端H5的时候，有时候会遇到ios点击无反应的情况，当委托给document，就会发生，为啥，背后到底发生了什么？先来个逗逼的小故事。

微达夫·2020-03-02 17:07

H5 下拉刷新和上划加载更多的布局技巧

0、前言做移动端H5项目，碰到需要做下拉刷新及加载更多的场景是很常见的，本文给出一种实现这种需求的较为优雅的布局方式1、布局参看这个实例，页面主体部分有三层包裹元素，第一层起和header同级并占据全部空间作用

风之化身呀·2020-02-24 11:03

总结移动端H5开发常用技巧（干货满满哦！）

前言年后第一天到公司上班，整理一些在移动端H5开发常见的问题给大家做下分享，这里很多是自己在开发过程中遇到的大坑或者遭到过吐糟的问题，希望能给大家带来或多或少的帮助，喜欢的大佬们可以给个小赞，如果有问题也可以一起讨论下

michael·2020-02-18 07:03

悬赏令|神算子教育

2.负责PC端与移动端H5页面的体验优化与性能优化。3.关注前沿前端技术，合理选型并应用到项目中。技能要求1.熟悉HTTP协议与W3C规范，HTML/CSS/Javascript基础扎实。

神算子教育科技·2020-02-17 21:54

使用tweenjs写一个发牌的demo

移动端h5的三大抽奖方式：转盘，老虎机，翻纸牌。前两样demo比较多，用户也审美疲劳了。这次微信公众号要抽奖，于是调研了下翻纸牌。

stois·2020-02-16 08:39

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

状况在iOS下，如果页面底部有个input输入框，那么在input获得焦点，弹出虚拟键盘时，有一定的几率，input会被虚拟键盘给遮挡住，体验很糟糕。尤其是第三方输入法，这个出现的几率极高。这其实已经是一个老生常谈的问题，从早期的iOS版本一直持续到现在iOS11都是这样，感觉上像是iOS的bug，但是不知道为什么一直没有解决。打印日志观察，发现键盘弹出后，页面窗口是变矮了，然后页面滚动到底部，即

mercurygear·2020-02-16 05:57

FineReport中如何安装移动端H5插件

1.HTML5报表插件安装及使用编辑插件安装插件网址以及设计器插件安装方法和服务器安装插件的方法可以官网上面搜索，这里就不做详细介绍了。移动端HTML5报表使用方法安装好插件后，在浏览器中调用时，需要在报表路径后面加上参数op=h5。但是PC端不完全支持H5效果。移动端添加参数前后效果：fs上挂报表的时候不用带参数，会自动识别是不是在手机上访问的。另外移动端的H5插件，图表是只支持显示新图表。2.

帆软·2020-02-10 00:36

如何设计移动端H5产品优惠券（上）

优惠券--逛过淘宝、京东的小伙伴们，对它都不会陌生吧？不就是一张一张可以领来抵扣现金的券吗，很简单的啦~，确实挺简单的，但是做起来并一定如想象的那样。假设你现在是一个移动端（H5产品，使用H5描述不准确，但是只要大家明白即可）产品经理，现在要你设计一个优惠券的功能，你会怎么做？前台应该如何交互才能符合用户的使用习惯？应该如何展示才更酷炫？后台如何操作才能最大程度上方便运营管理？如何帮助运营评估优惠

菜哥·2020-02-09 14:33

搭建自己的脚手架—“优雅”生成前端工程

我平时工作会做移动端H5多一些，所以我通过webpack搭建了自己的前端工程（x-build），主要是编译stylus、jade、es6，自适应解决方案，还有一些自己写的一些插件。

codexu·2020-02-09 02:55

移动端H5页面制作规范

计量单位的使用css的计量单位有三种选择：px:固定的相素值em:相对父级元素的font-size设置来作为当前元素1em所代表的像素值，如父节点的font-size:10px，当前节点的font-size:1.2em,则当前节点的font-size实为12px;rem：相对根节点html的font-size设置来作为当前元素1rem所代表的像素值，与em的区别就是rem的基本度量单位与父节点无关

只会前端的切图仔·2020-02-08 04:31

iOS开发之 WebViewJavascriptBridge 原理详解

当前移动端H5与原生混合开发已成常态，这其中自然就少不了原生与H5的交互问题。iOS端WebViewJavascriptBridge作为一个比较流行的三方库，很好的解决了原生与H5交互的问题。

_烩面_·2020-02-06 15:36

搭建一个vue-cli的移动端H5开发模板

简介vue-mobile是是基于vue-cli实现的移动端H5开发模板，其中已经搭建好基本的开发框架，可帮助您实现快速开发。

michael·2020-01-17 14:31

详解搭建一个vue-cli的移动端H5开发模板

简介vue-mobile是是基于vue-cli实现的移动端H5开发模板，其中已经搭建好基本的开发框架，可帮助您实现快速开发。

michael·2020-01-17 08:13

移动端h5图片裁剪、上传：解决ios竖屏拍照裁剪后图片旋转90度问题

最近公司要做一个h5，其中包含了图片裁剪、上传等功能，当时也没太在意就用了cropper插件，因为之前在PC端用过也熟悉，大概看了一下文档，说是支持移动端，就毫不犹豫的选择了它，从此踏上了填坑之路......第一个问题：ios竖屏拍照裁剪图片后上传到服务器的图片是顺时针旋转90度原因：由于目前的手机拍照基本都在2M以上，而ios中只要超过2M图片就会自动旋转。拍照后直接取出来的UIimage（用U

龙卷风风风风·2020-01-07 23:54

App内嵌webview踩坑

为移动端h5页面遇到的问题做些记录一、样式部分1.1基本样式object-fit:fill;//video铺满父元素-webkit-appearance:none;//消除iOS输入框的内阴影1.2刘海屏安全区域由于

RaKL·2020-01-05 17:05

移动端iOSH5性能监控技术角度分析

性能数据了解分析移动端H5性能数据，首先我们说说是哪些性能数据。

留不住的青春_·2020-01-05 04:58

Angular2-使用Angular CLI快速搭建工程（一）

妈妈再也不用担心移动端h5网站搭建了！

yitalalww·2020-01-01 17:08

图片压缩上传

参考1-HTML5实现图片压缩上传功能参考2-移动前端—图片压缩上传实践参考3-移动端H5图片压缩上传大体步骤用户使用inputfile上传图片的时候，利用FileReader,读取blob对象,或者是

不要变成发抖的小喵喵喵喵喵喵·2019-12-30 17:55

常用代码（即时更）

PC端：QQ在线客服链接代码tencent咨询PC端手机端通吃：QQ在线客服链接代码wpa咨询移动端H5QQ群在线客服链接代码报名咨询QQ群meta标签5秒跳转a标签去掉下划线a{text-decoration

Die丶别离·2019-12-29 08:22

移动端h5页面禁止拖拽

本人的第一篇博客，之前工作中有遇到在移动端左右滑动网页会跟着左右滑动的情况，于是这段便被我记入了小笔记。//移动端页面禁止拖拽$(document).ready(function(){document.ontouchmove=function(e){e.preventDefault();}});

信有伟·2019-12-27 14:27

研发二部JAVA后台开发规约（参考阿里JAVA代码规范）

页面显示层：各个端的模板渲染并执行显示层，当前系统主要包含Beetl模板，移动端h5渲染，js渲染。直接调用请求处理层获取数据。开放接口层：封装Service层接口暴露RP

yueming15899·2019-12-25 05:06

Flex布局

前言、Flex布局Flex布局可谓是移动端H5上最重要的布局，基本没有之一。一些常用的功能和基本功能在此只做罗列。具体的请参考阮一峰的Flex布局日志，已经介绍的十分完整。

破晓霜林·2019-12-24 11:37

01 JavaScript基础篇 - 简介

为啥要有JavaScript1.作用以前：判断客户端的输入现在：页面特效（PC端的网页效果）移动端（移动web和app）异步和服务器交互服务端的开发（nodejs）额外拓展脑补:全栈=前端+后端+移动端

flowerflower·2019-12-23 18:19

移动端h5禁用浏览器左滑右滑的前进后退功能

在项目运行过程中发现，用户在有左右滑动前进后退的功能的浏览器上签字时，偶然触发了前进后退会导致canvas像是重置了一样内容消失，所以需要在代码中处理这种情况。基本原理就是在touchmove事件中阻止默认事件，使浏览器不会触发前进后退事件，但是也会无法触发scroll事件让页面正常滚动，后续如何让页面能正常滚动就会有多种思路。参考https://www.cnblogs.com/Miracle-Z

白队·2019-12-23 11:00

关于移动端h5页面不能滑动问题的解决办法

页面不能滑动无非就是css和js两个方面的问题有的人说如果我写很多个p标签不写任何样式看能不能滑动，如果能滑动说明是样式的原因，要是也不能滑动那就应该是js的原因，是有一定的道理的，但是先别忘了看一下你的html或body是不是加了height：100%；overflow：hidden；1.下面分先说css的问题，主要排查overflow：hidden；检查也有一定的顺序，检查超出高度的标签是否用

lemon031·2019-12-22 20:30

前端小知识点综合大全

小知识点node接口模拟返回js接口模拟数据mockjsmochajs测试框架--教程git教程全面理解Gitgit原理图git教程爬虫的终极形态：nightmare移动端h5适配--flexiblenodenpm

晗笑书生·2019-12-20 22:53

开源推介 | Pay System —— 基于 Java 的开源易支付系统

授权协议:GPL开发语言:Java操作系统:跨平台软件作者:usbbootPaySystem易支付是一个聚合支付系统,支持微信/支付宝/QQ聚合支付,包括PC端,移动端H5支付.功能简介:1.支持对接微信

OSC开源社区·2019-12-20 15:04

移动端H5内嵌扫一扫实现拍照且解析二维码

若直接使用此代码请下载qrcode.js代码并引入识别二维码body{margin:0;}.module-content{min-width:320px;max-width:1000px;width:100%;color:#000;margin:0auto;padding-left:10px;box-sizing:border-box;}.boxh3{font-weight:300;margin:

AjingA·2019-12-19 17:44

让工作效率提升近3倍？6个js报表工具详解

所以js报表工具，主要是部署在Web，或者移动端H5上，一般都是在线即可使用。现代的浏览器计算性能远超以前了，绘制实时数据不会卡死。

帆软·2019-11-30 03:22

【Web前端】移动端H5开发遇到的一些坑

textareatextarea的底部始终会和它的父元素有一个间距，通过设置vertical-align:middle即可消除textarea的高度自适应解决方案，如果需要控制最大高度，那么在class里设置max-height即可禁止长按出菜单//这个css只能对ios设备起作用*:not(input):not(textarea){-webkit-user-select:none;/*disab

mercurygear·2019-11-29 16:18

物理学的 H5 应用：模拟惯性滑动

在移动端H5中，时间选择器（date-picker）、省市区选择器（area-picker）等组件经常会使用这样的交互效果：微信原生date-picker效果这个gif是在【微信钱包-账单】中录制的ios

西山以南·2019-11-28 02:08

移动端h5判断是否滚动到底部并且下拉加载

如何判断滚动是否滚动到了底部?首先要了解的知识scrollHeight,clientHeight,scrollTopscrollHeight只读属性,高度包括所有内容，包含内边距，但不把水平滚动条、边框和外边距算在内。clientHeight也是只读属性，没有定义CSS或者内联布局盒子的元素为0,它是元素内部的高度，包含内边距，不包括x轴的滚动条高度、边框、外边距;同一种型号的手机上是不变的。sc

gudaosensen·2019-11-16 01:53

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

一般我们都是用fixed来固定定位，代码如下：position:fixed;top:0;left:0;right:0;但这样会出现很多的问题：类似下拉页面时，导航会一起滚动，无法固定在屏幕顶部，或者是有input标签的时候，调出软键盘之后，页面无法往上顶，导致标签被挡住，尤其是在414屏，效果更严重所以为解决这些兼容性问题，建议使用如下两种布局：其一：position:absolute首先构建一个

困猫喵·2019-11-10 22:26

webView文件上传取消弹窗后再次点击不响应点击事件问题

移动端H5页面调用手机相册或者照相机后，再次点击没反应问题，这是需要安卓方面修改的，前端不需要修改。

小丶枫·2019-11-05 12:53

动效与优化 H5移动页面设计技巧分享

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

老夫的天·2019-11-03 13:55

移动端H5模拟长按行为

需求：点击编辑,长按删除环境：移动端H5思路：使用touchstart事件+touchend事件+setTimeout定时器模拟原生长按事件，在touchstart中记录开始时间并开启一个定时器，一段时间

LUGY·2019-11-01 18:40

移动端h5监听键盘弹出和收起

在ios中软键盘弹起时，仅会引起$('body').scrollTop值改变，但是我们可以通过输入框的获取焦点情况来做判断，但也只能在ios中采用这个方案，因为在android中存在主动收起键盘后，但输入框并没有失焦，而ios中键盘收起后就会失焦；在android中软键盘弹起或收起时，会改变window的高度，因此监听window的onresize事件；一、Android端监听//获取原窗口的高度

艾欢欢·2019-11-01 18:10

关于移动端H5页面不能滑动的问题

原文链接：https://blog.csdn.net/qq_36167454/article/details/53431445有的人说如果我写很多个p标签不写任何样式看能不能滑动，如果能滑动说明是样式的原因，要是也不能滑动那就应该是js的原因，是有一定的道理的，但是先别忘了看一下你的html或body是不是加了height：100%；overflow：hidden；1.下面分先说css的问题，主要

qq_一望损莓苔·2019-10-11 13:20

postcss 插件

:1、PostCSS将你的CSS文件转变成JS对象.2、PostCSS插件会遍历生成的js对象添加/删除/修改选择器或属性.3、PostCSS将该对象转换成CSS文件.写一个PostCSS插件我们编写移动端

天一呀·2019-10-08 11:45

通过fiddler用本地的js文件替换生产上的js文件，测试本地代码

1、下载安装fiddler2、配置fidder，捕获https请求场景：我调试的是移动端h5的代码，所以首先是打开我要调试的页面，利用fiddler捕获到我当前这个页面所有的请求，包括js，接口，图片等

abc1234_abc·2019-09-29 15:00

js 简易版滚动条实例(适用于移动端H5开发)

废话不多说，直接上代码滑动条*{margin:0;padding:0;}#content{margin-top:50px;width:100%;height:200px;background:#eeeeee;overflow:hidden;position:relative;/**transform:translate(0px,-70px);*/}#scoll{overflow:hidden;}#

·2019-09-22 22:08

前端资源汇总

持续更新中……目录vuereactWeextypescript常用库jses6移动端h5游戏微信公众号webpackGraphQL性能与监控高质文章趋势动效可视化数据结构与算法jscore代码规范工具canvas

aoping·2019-09-06 00:00

推荐频道

移动端H5