随笔分类 -  前端

JS 获取input标签 type="file"的物理路径，解决浏览器C:\fakepath\的问题
摘要：通过点击上传图片后，onchange事件获取上传图片途径 很无奈，获取的是C:\fakepath\aa.jpg这种假路径 百度查阅了一下： 这是由于浏览器的安全机制，input file的路径时被fakepath代替，隐藏了真实物理路径。 解决方法： 1、调整浏览器的浏览器安全设置（不推荐，也不合理 阅读全文
posted @ 2020-04-21 18:04 A毛毛 阅读(5902) 评论(1) 推荐(1)
jQuery实现点击选择框和选择按钮以外的地方 隐藏选择框
摘要：//点击选择框和选择按钮以外的地方 隐藏选择框 $(document).click(function (e) { var $target = $(e.target); // 选择框class="Modal" //选择按钮class="btn" if (!$target.is('.Modal *') 阅读全文
posted @ 2020-04-18 11:17 A毛毛 阅读(288) 评论(0) 推荐(0)
移动端 时间选择
摘要：.html <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum- 阅读全文
posted @ 2020-04-13 11:55 A毛毛 阅读(908) 评论(0) 推荐(0)
vue加载单文件使用vue-loader报错
摘要：报错信息如下:ERROR in ./src/login.vue Module Error (from ./node_modules/vue-loader/lib/index.js): vue-loader was used without the corresponding plugin. Make 阅读全文
posted @ 2020-02-05 22:01 A毛毛 阅读(753) 评论(0) 推荐(0)
vue 多组件路由处理方法
摘要：实现页面： 实现效果： 实现代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js" ></script> <scri 阅读全文
posted @ 2020-02-03 12:59 A毛毛 阅读(705) 评论(0) 推荐(0)
vue animate.css训练动画案例 列表循环
摘要：制作目标动画：向上入场添加数据，点击数据右滑动离场 简单页面效果： 实现代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" 阅读全文
posted @ 2020-02-01 23:23 A毛毛 阅读(959) 评论(0) 推荐(0)
原生JS数组操作的6个函数 arr.forEach arr.map arr.filter arr.some arr.every arr.findIndex
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> var arr = [1,2,4,5,3] var 阅读全文
posted @ 2020-01-31 10:11 A毛毛 阅读(289) 评论(0) 推荐(0)
vue实现网页简单计算器实例代码
摘要：效果： 代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js" ></script> </head> <body 阅读全文
posted @ 2020-01-30 18:11 A毛毛 阅读(2017) 评论(0) 推荐(0)
vue制作滚动条幅-跑马灯效果实例代码
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </head> 阅读全文
posted @ 2020-01-30 11:42 A毛毛 阅读(1190) 评论(0) 推荐(0)
解决百度地图生成器添加标注后图标不显示的问题
摘要：原因是：原来的icon地址不存在了。 找到生成的代码中的icon地址：http://app.baidu.com/map/images/us_mk_icon.png 替换成这个地址即可：http://api.map.baidu.com/lbsapi/creatmap/images/us_mk_icon 阅读全文
posted @ 2020-01-13 11:59 A毛毛 阅读(1743) 评论(0) 推荐(0)
js设计模式之实现观察者模式实例代码
摘要：前端界面 html代码 <body> <select name="" id="select"> <option value="">请选择风格</option> <option value="male">男式风格</option> <option value="female">女士风格</option 阅读全文
posted @ 2020-01-12 10:07 A毛毛 阅读(463) 评论(0) 推荐(0)