- 博客(8)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 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
1466
原创 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
3057
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
1292
原创 移动端自定义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
8005
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
19384
原创 jQuery实现input密码输入框显示为星号“*”
input密码框显示为星号“*”<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>input密码框显示为星号“*”</title> </head> <
2018-04-25 15:30:27
12242
1
原创 Vue2.0-组件间通信、组件间传递数据方法总结（带例子）
组件间通信-传递数据父组件给子组件传递数据，子组件需要设置props来声明自己的预期数据，如果传递的数据有‘-’，子组件要用小驼峰形式接受：<div id="app"> <aaa></aaa> </div><template id='A'> <div> &am
2018-04-24 11:10:25
174
原创 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
6883
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人