记录一些不常见,但是有用的方法

1.Object.keys(obj)返回值:一个表示给定对象的所有可枚举属性的字符串数组。

参数:

数组 obj = ['name','age','sex'],返回值为数组["0", "1", "2"]

对象 obj = { love: 'girl', sex: 'male', age: 18 } 返回值为数组["love", "sex", "age"]

特点:取数组的索引、对象的属性名

2.scrollBehavior

Vue项目中,在路由中配置这个属性,和keep-alive结合可以实现后退时回到之前滚动的位置,并不刷新数据,前进时刷新数据的效果

newVueRouter({    

mode:'history',    

routes: [{        path:'/foo',            component: (resolve) => {require(['views/foo'], resolve)        },        meta: {isKeepAlive:true}    }],    

scrollBehavior (to,from, savedPosition) {if(savedPosition ||typeofsavedPosition =='undefined') {//从第二页返回首页时savePosition为undefined

//只处理设置了路由元信息的组件from.meta.isKeepAlive =typeoffrom.meta.isKeepAlive =='undefined'?undefined:false;to.meta.isKeepAlive =typeofto.meta.isKeepAlive =='undefined'?undefined:true;if(savedPosition) {returnsavedPosition;            }        }else{from.meta.isKeepAlive =typeoffrom.meta.isKeepAlive =='undefined'?undefined:true;to.meta.isKeepAlive =typeofto.meta.isKeepAlive =='undefined'?undefined:false;        }    }})   

2.对img设置name属性,如name=b1,width=200px,取图片元素的时候可以使用document.b1.offsetWidth获取到宽度

3.input框回车事件,会刷新页面,解决方法如下:

keypress事件,keyCode为13时执行代码,在input输入框前再添加个输入框,设置display为none

4.接口请求过来的异步数据,作为prop属性传给子组件,子组件获取不到,解决方法为:

在created钩子函数里,设置一个定时器,在定时器里调用方法,如setTimeout(()=>{this.page()})

5.vue组件中,input输入框,按回车触发事件

<input @keyup.enter="change" >同样 可以实现按回车触发事件

6.对一个伪数组遍历的方法

[].slice.call(this.querySelectorAll('input')).forEach(function(val) {})

7.表单重置

formObject.reset()

8.左边不固定宽度,右边自适应布局

左边元素设置float:left 右边设置display:table-cell

9.最小最大值

Math.min.apply(null, arr)

10.button元素请求接口时会刷新页面,建议改用a标签







最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 7,414评论 0 7
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,174评论 0 3
  • 主要还是自己看的,所有内容来自官方文档。 介绍 Vue.js 是什么 Vue (读音 /vjuː/,类似于 vie...
    Leonzai阅读 8,733评论 0 25
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 8,899评论 0 4
  • @转自GitHub 介绍js的基本数据类型。Undefined、Null、Boolean、Number、Strin...
    YT_Zou阅读 4,994评论 0 0

友情链接更多精彩内容