互联网,移动开发
少年你好,我是π。。。
想到就去做
展开
-
码云git push remote: Incorrect username or password ( access token )
码云git remote: Incorrect username or password ( access token )使用码云将仓库clone到本地,报错信息如下:D:\123>git push -u origin masterremote: Incorrect username or password ( access token )fatal: Authentication ...原创 2020-04-01 18:49:25 · 584 阅读 · 0 评论 -
vue电子签名
vue电子签名用vue,canvas实现h5电子签名。在移动端上需要在获取当前页面的绝对位置。才不会导致touch事件的偏移。代码如下:<!--html--><template> <div class="canvasBox" ref="canvasHW"> <canvas @touch...原创 2020-03-27 12:55:58 · 348 阅读 · 0 评论 -
vue使用高德地图点标记及复杂操作
不知道怎么引用的 可以在看下 https://blog.csdn.net/xy19950125/article/details/83213220上面呢 只是简单的一个点标记 并没有涉及到复杂的操作 而今天要介绍的这个 可以动态切换 动态打点标记 以及其他操作先看看原型图张什么样需求1:标记打点 2:点击图标显示详情 3:点击右下角 是进行筛选 4:点击机构名称 弹...原创 2020-02-12 12:47:00 · 3104 阅读 · 0 评论 -
vue 从一个页面跳转到另一个页面的指定位置
需求:home页面跳转到courseDesc页面的指定位置home页面:courseDesc页面:TAB1 第一部分内容区域TAB2 第二部分内容区域在mounted里![在这里插入图片描述](https://img-blog.csdnimg.cn/20190701143134959.png?x-oss-process=image/watermark,type_ZmFuZ...原创 2019-07-01 14:38:05 · 16242 阅读 · 2 评论 -
vue vue-amap 报错TypeError: v.w.uh is not a constructor
问题报错:在第一次刷新的时候是正确的,但在第二次刷新就报错了;解决:把按需加载路由改成正常的路由(import 命名from ‘…/路径’)然后就ok啦原创 2019-07-01 17:09:30 · 712 阅读 · 1 评论 -
Vue + 表单验证 VeeValidate 实践
安装: npm install vee-validate@2.0.0-rc.25需要安装 npm install vee-validate@2.0.0-rc.25,否则会报错:报错vee_validate__.a.addLocale is not a function配置和使用:从上往下分别是:1、引入表单验证依赖文件,并且引入的是支持中文错误提示的文件。import Vue fr...原创 2019-07-02 13:14:40 · 280 阅读 · 0 评论 -
vue a链接跳转打开外部链接
背景:vue单页应用项目直接使用a标签跳转到外部链接报错问题分析:a标记触发的跳转默认被router处理,加上了前缀,见如下代码:<--a标签--> <a href="'www.baidu.com/'" target="_blank"> a标签跳转到外部链接测试 </a>// 跳转后浏览器地址栏结果...原创 2019-07-10 11:50:11 · 9798 阅读 · 0 评论 -
vue组件引用外部js的方法
项目结构如图:content组件代码:<template> <div> <input ref='test' id="test"> <button @click='diyfun'>Click</button> </div></template><script>import {m...原创 2019-07-10 13:40:51 · 1696 阅读 · 0 评论 -
关于vue+element的图片显示功能(路径是从数据库获取的)+ 组件el-select
html部分------------- 这个代码包括了移入放大功能 ---------------1 | <el-form-item label="手持身份证(营业执照)" prop="image_hand">2 | <el-popover placement="left" trigger="hover">3 | <img ...原创 2019-08-26 11:54:27 · 2190 阅读 · 0 评论 -
vue element 确认弹框中显示图片(message里)
代码如下:------------------- 此部分卸载Message.box内部 ----------------- const weiXinUrl = require("../../assets/weixinpay.jpeg"); const aLiUrl = require("../../assets/alipay.jpeg"); this.$aler...原创 2019-08-26 11:59:11 · 3900 阅读 · 0 评论 -
Vue手机mintui提供的icon字体
Vue手机mintui提供的icon字体提供的icon的class标签提供的icon的class标签在使用mintui做表单提交成功信息提示时,里面内置的Toast 中iconClass中图标需要自己提供,后来找到mintui内置icon如下:<i class="mint-toast-icon mintui mintui-search"></i> <i cl...原创 2019-06-12 11:52:35 · 486 阅读 · 0 评论 -
botstrap相关使用总结
学习bootstrap相当于学习里面的类名一,css样式-----------------------------------------------------1,按钮样式,按钮颜色,按钮尺寸: .btn-lg (大型)、.btn-sm(小型) 或 .btn-xs(超小型) 默认中型,块级按钮 btn-block 底层原理: display: block; width: 1...原创 2019-05-14 14:08:38 · 354 阅读 · 0 评论 -
移动端项目自总结步骤
项目目录构建建目录准备模板结构 (视口, 引包) 注意依赖于jquery处理兼容性引入自定义字体图标模块划分响应式布局思路分析响应式处理 (分析盒子的显示隐藏状态)分析盒子的空间分配响应式布局, 建议通过子盒子撑开父盒子bootstrap进行页面布局, 使用组件需要在原有样式基础上覆盖, 注意权重原来没有的样式, 自己添加即可...原创 2019-05-14 17:31:37 · 262 阅读 · 0 评论 -
使用bootstrap登录功能中表单校验以及ajax提交重置内容和状态功能
$(function() {/* * 1. 进行表单校验配置校验要求: (1) 用户名不能为空, 长度为2-6位 (2) 密码不能为空, 长度为6-12位*/$(’#form’).bootstrapValidator({// 配置图标feedbackIcons: { valid: 'glyphicon glyphicon-ok', // 校验成功...原创 2019-05-10 10:24:43 · 1368 阅读 · 0 评论 -
手机端页面可左拉问题
<1>先展示描述问题!在做移动端手机页面显示的时候,竟然可以左拉,哦买噶,这是个什么鬼=。=(我用的是rem发现html中font-size=0时,页面正常,然后我就将rem布局改成了100%布局,还是不行,我看了自己设置了视口,box-sizing: border-box也有,还是不行<2>解决办法:在body 里面 加个 style=‘overflow-x:...原创 2019-05-10 16:35:23 · 394 阅读 · 0 评论 -
js中for跳出循环(包括多层循环)return和break的区别
单层循环1.for循环中return语句:会直接跳出循环,因为js中for是没有局部作用域的概念的,所以只有把for循环放在函数中时,才可以在for循环中使用return语句。2.for循环中的break语句:和return一样会直接跳出循环与return不同的是,使用break时,for循环可以不用一定放在函数中 ;多层循环:1.return:和单层循环一样必须放在函数中,...原创 2019-06-05 17:27:22 · 10391 阅读 · 1 评论 -
vue阻止移动端浏览器点击图片浏览行为的几种方法
总结了以下几种方法供参考手机端页面,点击img的图片,会变成预览模式这会造成用户体验比较差,原来只要是手机端的img就肯定会有这个情况1-----、 全局设置 img{ pointer-events: none; }2-----、 在img元素上添加 οnclick=“return false”3-----、.图片用背景图的方式插入 background:url(a.png) nor...原创 2019-06-13 13:29:14 · 1490 阅读 · 0 评论 -
Bootstrap 折叠
bootstrap折叠面板 折叠实例 <div class="container-fluid"> <div class="accordion" id="accordion2"> <div class="accordion-group"> <div class="accordion-heading">...原创 2019-06-13 14:37:37 · 277 阅读 · 0 评论 -
解决tab选择年月日
问题:当点击2013时未选中以及展开栏没有收起来解决:添加到年月到input的方法不仅要在月份中调用,还要在年份中调用,这样就不会有上述问题了贴此demo代码html: <dl id="person"> <!-- 宝宝生日 --> <dd> <s&...原创 2019-06-19 16:15:32 · 252 阅读 · 0 评论 -
省市区三级联动 tab选中
想要效果参考图解决中所参照的插件https://dwqs.github.io/vue-area-linkage/(第三方插件)http://www.jq22.com/jquery-info13740(jquery22中的一个插件)贴码:html:<dl id="person"> <dd> <s&g...原创 2019-06-19 17:01:39 · 564 阅读 · 0 评论 -
通过移动端手指滑动坐标判断左滑还是右滑
js部分:// touchstart, touchmove, touchend// 需求: 判断左滑还是右滑// 思路:// 1. touchstart 中, 记录开始的坐标// 2. touchend中, 记录结束的坐标, 计算位移// 通过位移, 判断左滑还是右滑// 移动端手指事件对象的基本属性// e.touches 屏幕上的// e.changedTouche...原创 2019-05-14 11:08:23 · 2232 阅读 · 0 评论