- 博客(88)
- 收藏
- 关注
RSS订阅原创 vue 拍照和上传图片
<input type = "file" accept="image/*" multiple class='inputbox' />直接调出上图选择<input type="file" accept="image/png,image/gif,image/jpeg" capture="camera" >可以直接调用相机，安卓手机需要支持，必须修改accept参数...
2022-03-15 09:37:57
2098
原创 FormData 上传图片 vue
uploadPhoto(event){ var $file = event.currentTarget; var file = $file.files; let totallen = this.fileList.length+file.length if(totallen>4){ this.$toast('最多上传4张图片！') return false } for (var i = 0; i.
2022-03-15 09:18:13
1259
原创 关于时间对象
创建date对象有四种方法var d = new Date(); var d = new Date(milliseconds);var d = new Date(dateString);var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);set设置get获取Date() Date 对象中月的某一天 (1 ~ 31)。 FullYear() Date 对象中的年份（四位数..
2022-02-09 11:17:34
96
原创 javascript缩写
1.判断是否为空(Null, Undefined,”)if (variable1 !== null || variable1 !== undefined || variable1 !== ”) {var variable2 = variable1;}简写为：var variable2 = variable1 || ”;2.js中的||与&&用法a() && b() :如果执行a()后返回true，则执行b()并返回b的值；如果执行a()后
2022-02-07 15:35:02
461
原创 ios 安全区域
env()和constant()函数有个必要的使用前提，H5网页设置viewport-fit=cover的时候才生效，小程序里的viewport-fit默认是cover。<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">env()和constant()，是IOS11新增特性，Webkit的css函数，用于设定安全区域与边界的距离，有4个预定义变量：saf
2021-12-28 16:03:15
2056
转载 router 路由参数问题三种情况
第一种：get方法传递值<router-link :to="{path:'/test',query: { userId: 123,userName:'xia' }}">跳转</router-link>或<router-link :to="{name:'test',query: { userId: 123,userName:'xia' }}">跳转</router-link>接收值（页面刷新的时候不会消失）this.$route.que
2021-12-21 11:06:45
1081
原创 苹果手机兼容性问题 vant 里面的 Swipe异常，Tabs消失
1.首先说明的现象进入详情页返回的时候，红色区块消失，swip组件滑动效果消失刷新页面纠正了，所以就找刷新页面的方法1.localtion.reload() 和this.$router.go(0) 页面会出现闪烁2.新建空白页跳转，然后再重空白页跳转回来 但是又出现问题了从top页返回不到A页面，top和empty页面出现了死循环，你会问为什么不做个判断让他跳转到A页面呢，首先我们这个是模块打包，A和我现在这个不是一个模块，所以返回到A以后等还是有问题3.provide /.
2021-12-01 16:52:21
2962
1
原创 vue 手机端发布缓存问题
1.页面刷新才更新<head> <meta charset="UTF-8"/> <meta http-equiv="pragma" content="no-cache"> // 禁止浏览器从本地磁盘缓存上访问页面内容 <meta http-equiv="cache-control" content="no-cache"> // 请求和响应不缓存 <meta http-equiv=...
2021-09-29 15:23:35
614
原创 获取元素的宽高
网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线和滚动条的宽);网页可见区域高： document.body.offsetHeight (包括边线的宽);网页正文全文宽： document.body.scrollWidth;网页正文全文高： document.body.scrollHeight;网页被卷去的高(ff)：doc
2021-09-24 10:52:34
963
原创 vue 引入图片
<img:src="item.headUrl||defaultImg"alt="">第一种(在data数组中保存数据的情况）defaultImg:require("@/views/ecrm-wx-top/assets/images/icon.png")第二种importicon from'@/views/ecrm-wx-top/assets/images/icon.png';defaultImg：icon第三种<im...
2021-09-09 09:34:53
113
原创 正则表达式
\s 表示空白字符。包括，空格，制表符等“ ”只表示空格。\s+ 可匹配至少一个空白字符。[ ]+ 只表示多个空格。var str = " kk kkk klaf fsaff fsge tg sagh ger fsaga ";str= str.replace(/\s/g,"")打印出"kkkkkklaffsafffsgetgsaghgerfsaga" 元字符 描述 \ 将下一个字符标记符、或一个向后引用、或一个八..
2020-08-19 18:08:12
131
原创 有关时间的处理
function isDate31(startDate,endDate) { // 起始时间是否间隔31天 let start = new Date(startDate).getTime() let end = new Date(endDate).getTime() let range = (end - start)/(1000*60*60*24) + 1 if(range>31) { return false }else{ return true }}...
2020-07-22 17:15:55
111
原创 解决单个input的框的时候自动刷新
1.不要用form2.不要仅有一个input，写一个隐藏框<input type="text" style="display:none;" />3.form后面加上onsubmit="return false"因为element-ui 对input做了封装，使用@keyup.enter="fn"触发Enter键事件就不会触发，解决：后面追加.native。@keyup.enter.native="submitForm" 即可解决。...
2020-07-05 12:47:39
1136
转载 手机扫码登录的思路图
说明：[M]:表示移动端[B]:表示浏览者（浏览器客户端）[S]:服务端，消息推送者及扫描认证接口发布者步骤说明：Step1 [B]浏览登录页面Step2 [S]产生一个标识符UUID，并推送给[B]，生成登录二维码Step3 [M]扫描二维码，前提条件是[M]已登录Step4 [M]解析二维码信息获取UUIDStep5 [M]向服务端发送UUID+登录信息Step6 ...
2020-04-27 15:02:07
434
原创 js判断是对象及类型
1.typeoftypeof 0; //number;typeof true; //boolean;typeof undefined; //undefined;typeof "hello world" //string;typeof function(){}; //function;typeof null; //objecttypeof {}; //object...
2020-04-10 15:13:43
179
原创 $.extend 与Object.assign的相同与不同
相同点：1.函数用于将一个或多个对象的内容合并到目标对象。2.都可以用于浅拷贝$.extend(target ,defaults, options) 与Object.assign(target ,defaults, options)不同点：$.extend(true, target ,defaults, options) 可用于深拷贝$.extend(true,{},a,b)tru...
2020-04-10 11:21:26
684
转载 JavaScript 的 this 原理
作者：阮一峰日期：2018年6月18日一、问题的由来学懂 JavaScript 语言，一个标志就是理解下面两种写法，可能有不一样的结果。var obj = { foo: function () {}};var foo = obj.foo;// 写法一obj.foo()// 写法二foo()上面代码中，虽然obj.foo和foo指向同一个函数，...
2020-03-20 10:22:09
118
原创 elementui 中select选中值绑定为对象时
<el-select v-model="form.cityId" placeholder="请选择" value-key="value"> <el-option v-for="item in citys" :key="item.value" :label="item.lab...
2020-03-19 16:09:48
2233
原创 git 学习
集中式管理和分布式管理git属于分布式，本地就是完整的版本库， 中央服务方便同事之间交互信息SVN和CVS都属于集中式管理 -->有个中央服务器，上传上去，下载修改，一旦中央服务器坏掉，所有人无法工作...
2020-03-16 17:24:33
95
原创 vue 登录token的思路流程
在前后端完全分离的情况下，Vue项目中实现token验证大致思路如下：1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token3、前端拿到token，将token存储到localStorage/cookie 和vuex中，并跳转路由页面vuex 存不存都无所谓，个人感觉这里只为了store管理好看点而已。...
2020-03-13 13:35:45
1113
原创 VUE中数组更新后，页面没有动态刷新问题
数组变更检测注意事项：由于 JavaScript 的限制，Vue不能检测以下数组的变动：当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length = newLength举个例子：var vm = new Vue({ data: { items: ['a', '...
2019-11-29 13:46:12
1220
原创 当前对象所在的top和left
getPosition (node) { let left = node.offsetLeft // 获取元素相对于其父元素的left值var left let top = node.offsetTop let current = node.offsetParent // 取得元素的offsetParent // 一直循环直到根元素 ...
2019-06-24 14:24:25
279
转载 正则
正则声明构造函数声明方式var pat = new RegExp(pattern,modifiers); 字面量声明方式var pat = /pattern/modifiers tip:参数解释： pattern：模式，要匹配的内容。 modifiers：修饰符 i：ignore。不区分大小写的匹配 g：global。全局匹配 m：多行匹配 ps：这三个可以连用，无...
2019-05-23 16:56:17
509
原创 vue 复选框
checkedAll (index) { // 全选按钮let list = this.list.checkBoxConditions[index].conditionItemsif (this.checked[index] === true) { // 实现全选list.forEach(item => {item.isChecked = false})} else ...
2019-04-11 11:27:07
858
原创 切换页面拦截未完成的请求
1.把请求存入 vue oulacancel里面 request (context, url, params) { return new Promise((resolve) => { let newParams if (params) { newParams = JSON.parse(JSON.stringify(params)) /...
2019-04-09 17:04:45
870
原创 vue新页面打开
传参: this.$router.push({ name:'xxx', params:{ id:id } }) 接收参数:this.$route.params.id传参: this.$router.push({ path:'/xxx', query:{ ...
2019-04-09 15:26:46
1291
原创 vue子组件之间传值
var Event = new Vue(); 相当于又new了一个vue实例，Event中含有vue的全部方法； Event.$emit('msg',this.msg); 发送数据，第一个参数是发送数据的名称，接收时还用这个名字接收，第二个参数是这个数据现在的位置； Event.$on('msg',function(msg){ 接收数据，第一个参数是数据的...
2019-03-14 15:39:37
369
转载 报错，props 不可重写，需要复制给data重新定义
报错：[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop bei...
2019-03-07 17:28:30
843
原创 Vue从了解到清晰-Vue2.0中使用vue-jsonp解决跨域问题
1、执行命令： 1 npm install vue-jsonp --save 2、src/main.js中添加：import VueJsonp from 'vue-jsonp'Vue.use(VueJsonp) 3、其它组件中基本使用方法：this.$jsonp(rootApi+'/company/Info'', 传...
2019-02-18 12:55:56
1531
原创 ajax 跨域
一 产生跨域的原因1 浏览器限制2 XHR(XMLHttpRequest) 请求3 跨域二 解决思路 一浏览器chrome"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --args --disable-web-security --user-data-dir二 jsonp控制台中net...
2019-01-18 09:39:12
113
原创 git常用简介
1.创建项目git clone ，git init2.创建分支，推送分支，合并分支3.删除分支，回退版本git --version 查看git版本git clone git@github.com/hellogit.git 克隆ls 查看目录cd hellogit 指定到hellogit目录夹git status 命令用于显示工作目录和暂存区的状态git add ....
2019-01-17 11:40:33
114
转载 HTTP 状态响应码：
HTTP 状态响应码：常见：200 ：服务器成功返回页面404 ：请求的网页不存在503：服务器暂时不能用具体：1**：请求收到继续处理100：继续处理101：切换协议2**：操作成功收到，分析，接受200：OK，服务器成功返回页面201：created，请求成功并且服务器创建了新的资源202：accepted，已接受请求，但未处理203...
2019-01-15 18:02:29
545
原创 vue 滚动条scrollbar 使用
<el-scrollbar></el-scrollbar> <el-scrollbar style='height:100%'> <ul> <li v-for="(item, index) in menu" :key="item.code" v-bind:class="{active: isA
2019-01-15 16:35:39
16468
3
原创 vue-爬坑之路二 （路由切换时取消之前的正在进行的请求）
main.js Vue.Cancel = [] //全局定义一个对象router.beforeEach((to, from, next) => {while (Vue.Cancel.length > 0) { // 存储的对象进行abort()Vue.Cancel.shift().abort()}}请求的地方加上 oneRequest = conte...
2019-01-15 15:46:48
1995
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人