- 博客(8)
- 资源 (2)
- 收藏
- 关注
原创 H5 FileReader 读取本地图片文件并显示
效果如图上代码<!--html结构部分--><input type="file"/><img src="" /><!--js部分-->var inp = document.querySelector('input');inp.onchange = function(){ var file = this.files[0]; //获...
2019-07-24 15:40:27 1453
原创 swiper4移动端导航栏tab滑动切换
swiper4移动端导航栏tab滑动切换效果效果如图:首先引入swiper的css和js文件官网下载地址<link href="swiper.min.css" rel="stylesheet"><script src="swiper.min.js"></script>html结果部分<body> <div class="ta...
2019-07-24 14:15:06 3048 3
原创 H5 Canvas绘制圆形进度条动画效果
效果如图效果比较简单html结构部分<canvas id="canvas" width="110" height="110"></canvas>js部分var c = document.getElementById("canvas");//获取绘图上下文var ctx = c.getContext("2d"); //开始位置var x = -0.5;...
2019-07-18 17:44:39 1288
原创 移动端自定义video播放控件controls(带播放暂停,进度条拖拽)
效果图如下html结构部分<div class="player"> <video id="video" muted poster="images/video_poster.png"> <source src="https://video.pearvideo.com/mp4/adshort/20190702/cont-1572578-14079299_adp...
2019-07-04 15:25:28 7966 5
原创 js移动端页面判断是否是iphoneX
判断iphoneXfunction isIPhoneX(fn){ var u = navigator.userAgent; var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if (isIOS) { if (screen.height == 812 &&...
2018-05-17 16:32:43 19379
原创 jQuery实现input密码输入框显示为星号“*”
input密码框显示为星号“*”<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>input密码框显示为星号“*”</title> </head> <
2018-04-25 15:30:27 12209 1
原创 Vue2.0-组件间通信、组件间传递数据方法总结(带例子)
组件间通信-传递数据父组件给子组件传递数据,子组件需要设置props来声明自己的预期数据,如果传递的数据有‘-’,子组件要用小驼峰形式接受:<div id="app"> <aaa></aaa> </div><template id='A'> <div> &am
2018-04-24 11:10:25 172
原创 web前端-移动端常用插件总结(超实用)
1. zepoto.js 轻量级移动端类库,里面有封装tap、swipe事件,类似jquery.js,引用后可用jquery,也可以引用jquery压缩版 http://www.zeptojs.cn/#contents2. touch.js 移动端触摸事件库,zepto的tap事件可能在某些情况下会出问题,所以用touch.js,使用时参考文档库:http://www.cnblogs.com/Ch...
2018-04-24 10:30:59 6868
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人