js
时间的荒漠666
这个作者很懒,什么都没留下…
展开
-
js监听a标签并动态添加scm参数
js监听a标签并动态添加scm参数原创 2022-08-11 16:44:24 · 480 阅读 · 1 评论 -
用Vue.extend()来做一个全局提示组件
相信很多人用vuejs构建单页应用时都会用到一些全局方法,比如发ajax请求时喜欢用axios挂载到vue原型上,如下: // 1 引入vue和axios import Vue from 'vue' import axios from 'axios' // 2 对axios的一些封装 // code ... // 3 然后挂载到原型上 Vue.prototype.$axios = axios 用的时候就直接上this.$axios // 用axios.get()方法可以这样用 this.$axios.g原创 2021-08-16 10:32:58 · 348 阅读 · 0 评论 -
vue 监听路由变化
方法一:通过 watch // 监听,当路由发生变化的时候执行 watch:{ $route(to,from){ console.log(to.path); } }, 或 // 监听,当路由发生变化的时候执行 watch: { $route: { handler: function (val, oldVal){ console.log(val); }, // 深度观察监听 deep: true } },原创 2021-05-24 14:50:55 · 171 阅读 · 0 评论 -
父组件调用子组件方法
this.$refs.xxx(子组件ref名称).xxx(方法名称或者属性值) this.$parent.xxx(方法名称或者属性值)原创 2021-05-19 09:41:53 · 96 阅读 · 0 评论 -
获取到对象里面的key或者value值
遍历对象的key值 let arr={a:1,b:2} Object.keys(arr) ===> [a,b] 返回的一个数组 Object.values(arr) ===> [a,b] 返回的一个数组 示例 watch: { showData: { handler (newVal, oldVal) { console.log(newVal) Object.keys(newVal).forEach(element => { .原创 2021-05-18 15:25:39 · 543 阅读 · 0 评论 -
删除对象里面的一个属性
delete object.name (对象里面的属性名)原创 2021-05-18 15:24:14 · 122 阅读 · 0 评论 -
滚动加载数据
滚动条事件 const el = document.querySelector('.mgn-tables-roll') el.onscroll = () => { // 获取滚动方向 console.log('0', this.rollReference, el.scrollTop) let scroll = el.scrollTop - this.rollReference this.rollReference = el.scrollTop.原创 2021-05-18 15:22:51 · 68 阅读 · 0 评论 -
屏幕尺寸高度
屏幕高度 document.documentElement.clientHeight(网页可见区域) 网页正文全文高:document.body.scrollHeight 网页可见区域高(包括边线的高):document.body.offsetHeight 网页被卷去的高:document.body.scrollTop 屏幕分辨率高:window.screen.height ...原创 2021-05-18 15:21:50 · 78 阅读 · 0 评论 -
watch监听器的使用
watch监听器 watch:{ name:{ //需要监听的属性名称 handler (newname, oldname) { console.log(newname, oldname) this.name = newname }, immediate: true // 页面加载时首次执行 deep: true // 监听对象深层的数据 } } -------------------------- 避免代码臃肿.原创 2021-05-18 15:21:01 · 165 阅读 · 0 评论 -
数组拆分splice
数组拆分 let arr=[1,2,3,4,5,6] arr.splice(index,1) =========> index索引值,数字拆分几个原创 2021-05-18 15:15:17 · 340 阅读 · 0 评论 -
split拆分字符串
字符串拆分数组 "2:3:4:5".split(":") //将返回["2", "3", "4", "5"] "|a|b|c".split("|") //将返回["", "a", "b", "c"]原创 2021-05-18 15:13:56 · 117 阅读 · 0 评论 -
concat方法
concat() 方法用于合并两个或多个数组。此方法不会更改现有数组,而是返回一个新数组。 let hege = ["Cecilie", "Lone"]; let stale = ["Emil", "Tobias", "Linus"]; hege.concat(stale); ========================>Cecilie,Lone,Emil,Tobias,Linus ...原创 2021-05-18 15:13:01 · 2784 阅读 · 0 评论 -
reduce函数的使用
reduce 函数的使用 语法 arr.reduce(callback回调函数,[initialValue初始值]) callback (执行数组中每个值的函数,包含四个参数) 1、previousValue (上一次调用回调返回的值,或者是提供的初始值(initialValue)) 2、currentValue (数组中当前被处理的元素) 3、index (当前元素在数组中的索引) 4、array (调用 reduce 的数组) initialValue (作为第一次调用 callback 的第一个参数.原创 2021-05-18 15:11:40 · 503 阅读 · 0 评论