HTML5
关注
分享
扫一扫
就像风1样
这个作者很懒，什么都没留下…
展开
-
简单音乐播放器，可拖动进度条。完整代码demo
效果图：可播放暂停继续播放，进度条可拖动，时间展示，声音调节完整代码（直接拿来用）<!DOCTYPE html><html><head><meta charset="utf-8"><title>audio功能开发</title> <style> * { margin:0; padding:0 } .music-range { width:350px;原创 2020-05-22 19:06:27 · 3435 阅读 · 0 评论 -
vue简单上传图片，压缩图片功能实现（js原生通用）
可以先看 只有上传图片的js完整demohttps://blog.youkuaiyun.com/qq_42221334/article/details/84827369vue 完整demohttps://blog.youkuaiyun.com/qq_42221334/article/details/93198417参考上传图片 添加了canvas 方法压缩图片，判断图片宽度大于1000时 进行压缩...原创 2019-06-29 10:23:39 · 4781 阅读 · 0 评论 -
html中input禁止输入(禁止获得焦点)多种方法及input限制数字和长度
input禁止输入(禁止获得焦点)1： readonly规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。<input type="text" value="禁止输入，可以使用Tab键切换到该字段" readonly="readonly">2：disabled 被禁用的 input 元素可复制，不能接收焦点...原创 2019-06-24 14:33:46 · 21014 阅读 · 1 评论 -
vue开发h5简单的微信支付
在微信内H5调起微信支付，主要依赖于一个微信的内置对象WeixinJSBridge，这个对象在其他浏览器中无效。需要有通过后台返回的信息如下：methods: {//支付 payl(){ var that = this; axios .post(baseUrl + "/apiyd/pay/doPayInfo/", formData) ...原创 2019-07-01 16:50:21 · 5163 阅读 · 0 评论 -
关于span标签，元素多时，换行没自动一整块下去，中间截断
只要 给父级盒子加上 css样式就可以了！用flex布局！然后子元素就会自适应换行！<style> /* body{ display: flex; justify-content: flex-start; flex-wrap: wrap; } */</style>...原创 2018-11-26 08:31:41 · 3966 阅读 · 0 评论 -
span标签内文字自动换行修改
<span style="width:80%;word-break:normal;display:block;white-space:pre-wrap;overflow:hidden;color:#0066CC;">你所要显示的文字</span>white-space -- 通过HTML文档的源代码的排版方式控制页面显示文本的排版方式 取值: normal | pr...原创 2019-02-12 15:46:43 · 953 阅读 · 0 评论 -
jquery中H5页面长按事件(代码全)简单小demo
一个简单的demo，先上图看效果（当长按0.5秒的时候就会显示下面的红色div）如果是单击一次鼠标并没有到0.5秒则提示下面上全部代码注意：是H5页面才会触发，用谷歌调试的时候要按F12进入手机的模式，否则不起作用（@炬）<!DOCTYPE html><html><head> <meta charset="utf-8"/&...原创 2018-11-12 11:27:15 · 5126 阅读 · 0 评论 -
H5页面拨打电话
h5网页中使用打电话功能如果需要在移动浏览器中实现拨打电话，发送email，美国服务器，调用sns等功能，移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法。采用url链接的方式，实现在Safari ios，香港服务器，Android 浏览器，webos 浏览器，塞班浏览器，IE，Operamini等主流浏览器，进行拨打电话功能。1.最常用WEB页面JS实现一键拨...原创 2018-11-07 10:56:58 · 1405 阅读 · 0 评论 -
关于H5 获取定位信息（方法好几个，看哪个你能用）
这次给大家带来h5实现获取用户地理定位，h5获取用户地理定位的注意事项有哪些，下面就是实战案例，一起来看一下。最近做的一个项目中有一个获取周围商户的功能，需要用到地理定位系统，于是便想到了用 h5 的地理定位，查阅了下资料后，简单封装了下代码。const getPosition = ( timeout = 10000, maximumAge = 60000, enabl...原创 2018-09-03 15:20:14 · 8643 阅读 · 0 评论 -
H5+ 开发过程详解
HTML5+ 介绍HTML5plus Runtime，简称5+ Runtime，是运行于手机端的强化web引擎，除了支持标准HTML5外，还支持更多扩展的js api，使得js的能力不输于原生。5+ Runtime内置于HBuilder，在真机运行、打包时自动挂载。业内之前有phonegap/Cordova方案，但是他们自带js api太少了，扩展api需要用原生语言开发，更致命的是这类方...原创 2018-09-03 14:45:25 · 2096 阅读 · 0 评论 -
H5+ 常用API(拨打电话,设备震动,屏幕方向,屏幕亮度,设备信息...等)
写在前面H5+ 所有功能都只能在 plusReady 事件加载完成后调用mui.plusReady(function() { // 扩展API加载完成事件 var self = plus.webview.currentWebview(); mui.alert(self); });获取设备信息...原创 2018-09-03 14:41:55 · 5552 阅读 · 0 评论 -
vue两个单选框代码小例子
第一种情况HTML部分<template> <div class="affirmOrder"> <ul> <li v-for="(i,index) in select" @click="addClassName(index)" :class="{active:index == th原创 2018-08-13 15:23:24 · 3502 阅读 · 1 评论 -
地图经纬度1度与实际1米换算公式
地图经纬度1度与实际1米换算过程地球半径：6371000M地球周长：2 * 6371000M * π = 40030173纬度38°地球周长：40030173 * cos38 = 31544206M任意地球经度周长：40030173M经度（东西方向）1M实际度：360°/31544206M=1.141255544679108e-5=0.00001141纬度（南北方向）1M实际度：3...原创 2018-08-07 13:45:53 · 24173 阅读 · 0 评论 -
JavaScript去掉字符串中其中的符号
①有一种比较取巧的方法，就是分割成数组，再重新拼接成新的字符串。var str = "abcdaabbssaaa";var a = str.split("a").join("");console.log(a);②假设一个data里面的数据是[tian,12],现在去掉[],代码如下data=data.replace("[","");data=data.replace("]&q原创 2018-08-14 10:49:39 · 5500 阅读 · 0 评论 -
javascript验证手机号码js简单验证
直接封装在一个方法中，需要用的时候传入一个input的jq对象即可。当然，您也可以直接传入字符串function isPoneAvailable(str) { var myreg=/^[1][3,4,5,7,8,9][0-9]{9}$/; if (!myreg.test(str)) { return false;...原创 2018-08-14 10:31:30 · 4255 阅读 · 11 评论 -
vue的滚动scroll事件 实现某元素吸顶或者固定位置显示
vue监听滚动事件 实现某元素吸顶或者固定位置显示2017年09月16日 15:33:33阅读数：26910最近写了一个VUE的web app项目，需要实现某个部位吸顶的效果。即，页面往上滑动，刚好到达该部位时，该部分，固定在顶部显示。1、监听滚动事件利用VUE写一个在控制台打印当前的scrollTop,首先，在mounted钩子中给window添加一个滚动滚动监听事件，mounted () {...转载 2018-07-09 14:44:01 · 66768 阅读 · 12 评论 -
HTML5 标签
boy 火巨<!--...--> 定义注释<!DOCTYPE> 定义文档类型<a> 定义超文本链接<abbr> 定义缩写<acronym> 定义只取首字母的缩写，不支持HTML5<address> 定义文档作者或拥有者的联系信息<applet> HTML5中不赞成使用。定义嵌入的 applet。<ar原创 2018-05-17 09:43:37 · 144 阅读 · 0 评论