![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
j s
文章平均质量分 51
.风中追风.
努力努力再努力。
展开
-
js中对象获取属性的两种表示方法
一 使用 .点 一般操作静态对象来存取属性 mounted(){ let obj = { a:"m1", b:"m2" } console.log("a---",obj.a)//m1 }我们平常开发中会多使用第一种方式,系统会把调用的obj.a自动隐式转换成 :obj[‘a’]来执行,所以第二种会比第一种快捷。二 使用 [] (又称数组表示法)中括号 一般操作动态对象来存取属性 mounted(){ let obj =原创 2021-10-20 11:20:53 · 888 阅读 · 0 评论 -
Vuejs自定义指令实现移动端和pc端的div随意拖拽。
在Vue里提倡操作虚拟dom尽量不操作真实是dom。但在频繁操作dom的情况下显然体验不好,使用Js操作真实dom来实现div的随意拖拽。这里为了复用,写成了指令,方便其他页面使用,直接调指令,不需要重复写。pc端:<template> <div class="ha"> <div class="box" v-wahaha></div> </div></template><script>expor原创 2021-09-17 17:11:19 · 910 阅读 · 0 评论 -
nextTick的使用
一 为什么用nextTickvue中的Dom更新是异步的,是异步的意味着当被处理数据是动态变化时,此时对应的Dom未能及时更新(同步更新)就会导致数据已经更新(model层已经更新)而视力层未更新(Dom未更新)此时就需要使用nextTick了。当你想要拿到更新后的Dom,一定要在nextTic的回调函数中去获取更新后的Dom的值。如`this.$nextTick(()=>{})结构:this.$nextTick(()=>{ 在这里获取dom更新后的值})注意:在下次Dom更原创 2021-07-01 21:47:42 · 6692 阅读 · 1 评论 -
async/await的使用
async的作用:顾名思义async字面意思是“异步”的简写,async用于定义一个异步的函数(被定义的函数是异步的函数)async申明的异步函数,返回值一定是一个promise对象,假如异步函数里返回的不是promise对象而是一个常量或者其他值,也会被自动用promise.resolve(x)封装成一个promise对象返回出去,而x表示被返回出去的值。promise.resolve(x)等价于new Promise(resolve=>resolve(x))的简写。如async func原创 2021-06-02 00:43:20 · 1020 阅读 · 2 评论 -
图片图像上传及图片压缩。
对于移动端手机拍照并上传图片的这种需求越来越多了,现在的手机随便一拍高清原图都应该有个十几兆的样子。可能也会出现拍照时图片的方向不对等等问题。小结一下。一、 使用命令npm i image-compressor.js这个具体要压缩的大小可根据各自的需要去调整。为了省事,样式部分可自己写。<img v-if="imgshow" @click="loadbtn"><div v-else ><img :src="temp" @click="loadbtn">.原创 2021-02-28 22:12:48 · 156 阅读 · 0 评论 -
多行溢出出现省略号及新增可展开功能。
前面发过一个关于多行溢出出省略号的js方案,有不少人私我 可以加个省略号后面带展开,并且点击展开可以进行展示所有文本。我今天休息就修改了一下之前的代码,并实现展示功能。简单粗暴,代码如下 : moreline(id,rows,str){ var boxid = document.getElementById(id); var computedStyle = document.defaultView.getComputedStyle(boxid,null); v.原创 2021-02-21 21:47:51 · 693 阅读 · 1 评论 -
限制输入框30个字符/字节或15个汉字
就拿限制输入框30个字符15个汉字为例吧,当然灵活使用,方法封装好,你也可以20个字符10个汉字等等。js的方法,slice, substr等截取字符串的方法,全部都是以长度截取的,做不到按字节截取。如,input 自带的maxlength也是以长度限制。但是有时的需求需要我们按照字节限制输入框。如输入框只能输入30个字符,大于30时,则把超出的值替换为空。一个汉字=2字节=2字符一个字母、数字=1字节=1字符首先会用到两个知识点。正则与js方法正则:/[\x00-\xff]/表示匹配单字原创 2020-12-29 10:44:59 · 10855 阅读 · 15 评论