随笔分类 -  前端

前端
HTML5，DIV拖拽移动，左右吸边，适用移动端、PC端
摘要：HTML移动端完美支持苹果、安卓，CV大法走起！！！！ <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum 阅读全文
posted @ 2021-06-30 18:07 黑~白 阅读(1203) 评论(0) 推荐(0)
H5监听手机的返回键
摘要：方法一： pushHistory(); window.addEventListener("popstate", function(e) { alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能 }, false); function pushHistory() { v 阅读全文
posted @ 2020-08-18 21:14 黑~白 阅读(3105) 评论(0) 推荐(0)
JS 上传图片压缩，原比例压缩
摘要：复制 粘贴 改吧改吧就可用，原生js var fileObj = file.file;//原文件 file是我用vue-vant里的组件，里边有file(原文件)和content(base64) 其它写法自行百度，都是可以拿到原文件的 if(fileObj && fileObj.size && fi 阅读全文
posted @ 2019-11-05 13:45 黑~白 阅读(1603) 评论(0) 推荐(0)
验证码 倒计时 html + vue 很简单，CV大法走起
摘要：//html <input type="number" v-model="phone" placeholder="请输入手机号"/> <input type="number" v-model="msgCode" placeholder="请输入验证码"/> <span style="color: # 阅读全文
posted @ 2019-10-30 19:37 黑~白 阅读(383) 评论(0) 推荐(0)
html5或者移动端暴力定位城市-高德地图，可以取到当前的城市code，亲测好用
摘要：复制 粘贴到html中打开！！！！！ <!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co 阅读全文
posted @ 2019-10-30 09:43 黑~白 阅读(1691) 评论(1) 推荐(0)
bootstrap-suggest-plugin input可选可输(表单) 好用的前端插件
摘要：bootstrap-suggest-plugin DEMO下载 1.准备：页面引入(点击下载) <link rel="stylesheet" href="../../js/bootstrap.min.css" /> <script src="../../js/jquery.min.js"></scr 阅读全文
posted @ 2019-08-28 14:14 黑~白 阅读(1155) 评论(0) 推荐(0)
解决苹果手机(IOS)input失焦后，页面不恢复的问题
摘要：var winHeight = $(window).height(); var u = navigator.userAgent, app = navigator.appVersionvar isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //i 阅读全文
posted @ 2019-08-28 10:57 黑~白 阅读(921) 评论(0) 推荐(0)