- 博客(17)
- 收藏
- 关注
RSS订阅
1原创 padStart()和padEnd()使用
padStart()和padEnd()padStart()我一般用来处理日期的月和日小于10,前面补0的问题let date = new Date()let month = 4; // 假定4为date.getMonth()获取的结果let str = String(month) //date.getMonth()获取的月份为Number类型,需要转为String类型let result = str.padStart(2,'0') //判断str长度不足2,在前面补0console
2021-11-30 16:56:23
661
原创 vue重置data数据的简易操作
vue获取当前状态下的datathis.$data;vue获取当前组件初始状态的datathis.$options.data(); 使用Object.assign()重置dataObject.assign(this.$data,this.$options.data())也可以重置data中的某一项//清空表单数据this.form = this.$options.data().form...
2021-11-30 16:41:27
620
原创 处理vue修改数组某一项的值或对象新增属性页面不重新渲染
1.使用$set// age为student对象的新增属性this.$set(this.student,'age',15)2.使用Object.assign()// age为student对象的新增属性this.student.age = 15this.student = Object.assign({},this.student)
2021-11-16 17:59:36
688
原创 vue插槽slot
1.匿名插槽(默认插槽)匿名插槽使用//子组件 abouts```js<div> <slot></slot></div>//父组件使用子组件abouts// 写法1<abouts> <div>我是子组件默认插槽的内容</div></abouts>// 写法2<abouts v-slot:default> <div>我是子组件默认插槽的内容</d
2021-11-16 17:51:43
771
原创 vue v-for循环中不要使用index作为:key值
内部原理v-for循环时会先在缓存中判断当前的key对应的这一项是否在缓存中:是的话,会直接取出来,更新数据否则,重新在缓存中创建基于当前key的数据,然后渲染到页面使用下标例:循环一个数组,完成之后,在给数组unshift一个元素,会导致新插入的这个元素直接去匹配缓存中index为0的那一项,而不会重新去创建即index已经不是第一次渲染的元素了,映射关系已经改变使用唯一值,如id例:循环一个数组,完成之后,在给数组unshift一个元素,由于新的id和缓存中的不匹配,他还是会去
2021-11-11 11:18:49
2085
原创 vue过渡动画和使用animate.css
通过transition标签包裹实现一个transition中只能放一个过渡元素(多个过渡元素只有第一个生效)让进入页面就执行过渡效果,给transition标签添加appear属性1.过渡的类名单一过渡实现<button v-on:click = "show = !show">点我</button><transition appear> <p v-show = "show">菜鸟教程 -- 学的不仅是技术，更是梦想！！！</p&g
2021-11-11 10:52:12
997
原创 基于vue搭建的B/S架构的后台
前言本项目使用了vue2.0实现前端，node + mysql完成后端。项目简介本项目前后端分离，前端基于Vue2.0+Vue-router+Vuex+Element-ui+Axios，后端基于Node.js+Mysql实现。前端包含以下页面：登录、用户列表、角色列表、权限列表、商品列表、分类参数、订单列表、统计图表页面。实现了商品的展示、商品分类查询、关键字搜索商品、商品详细信息展示、登录、用户订单。后端采取了MVC模式，根据前端需要的数据分模块设计了相应的接口、控制层、数据持久层。技术栈
2021-11-02 21:39:38
2722
原创 js的宏任务和微任务
js是单线程的,同一时刻只能干一件事异步代码会放到任务队列任务队列分为宏任务和微任务微任务优先于宏任务执行promise放在微任务队列中setTimeout(() => { console.log('setTimeout') }, 0) Promise.resolve().then((value) => { console.log('Promise') }) console.log('同步'执行结果:// 同步// Promise// se.
2021-11-01 17:13:26
86
原创 vue自定义指令(全局指令)实现防抖和节流
防抖:后一次顶掉前一次,并且重新计时Vue.directive('debounce', { inserted: (el, binding) => { let [fn, event = 'click', time = '1000'] = binding.value let timer el.addEventListener(event, () => { timer && clearTimeout(timer) tim.
2021-11-01 16:58:10
303
原创 let obj = Object.create(null) 与 let obj = {} 有什么区别？
Object.create(null)创建的对象是非常纯净的，没有任何其它元素而另一个let创建的对象是带有_proto_的，下面有一些方法与属性，这便是js的原型链继承，它继承了Object的方法和属性比如说，我只需要用对象来保存一些数据，然后进行循环取用，提高循环效率;这个时候如果对象有原型链，那便会在循环的时候去循环它的各个属性和方法;然而这不是必要的，我们只是要他里面的元素而已，前者会影响循环效率...
2021-11-01 16:56:14
466
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人