iloadj的博客

限制el-input 只能输入包含小数点的数字

iloadj — Fri, 22 Apr 2022 16:36:39 +0800

限制el-input 只能输入包含小数点的数字

Vue生命周期钩子函数hook解析

iloadj — Wed, 02 Mar 2022 10:25:16 +0800

声明：文章摘自https://www.cnblogs.com/goloving/p/13879157.html Vue的各生命周期，其实就是Vue开发者规定的一些hook，和git里面规定的hook类似，你只要往hook里面填自定义内容，它就可以执行。如vue实例里的beforeCreate,created,mounted等，都是hook。简单来说，hook其实就是一种回调函数，只不过这种回调函数的名称已经被固定，内容不固定，且函数名称作为了一个接口被暴露出去。这样也更好了进行了抽象化：将经常变化的内.

面试题（不定期更新）

iloadj — Wed, 23 Feb 2022 19:24:45 +0800

说几条写JavaScript的基本规范不要在同一行声明多个变量请使用===/!==来比较true/false或者数值使用对象字面量替代new Array这种形式不要使用全局函数 Switch语句必须带有default分支 If语句必须使用大括号 for-in循环中的变量应该使用var关键字明确限定作用域，从而避免作用域污染请描述一下cookies，sessionStorage和localStorage的区别？ cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上

一些简单常用网站

iloadj — Fri, 03 Dec 2021 17:25:25 +0800

1.echarts渐变色的各种方式 https://www.cnblogs.com/liuwei54/p/9962182.html 2.git 配置username https://blog.youkuaiyun.com/qq_44409163/article/details/113933630 3.and-vue分页表格 https://www.cnblogs.com/theblogs/p/14738545.html 4.最新数组方法 https://www.cnblogs.com/sqh17/p/8529401.h

二十.导航守卫，滚动位置记录函数

iloadj — Sun, 22 Nov 2020 18:31:52 +0800

导航守卫、导航钩子函数滚动位置导航守卫、导航钩子函数监听甚至拦截路由变化全局守卫（拦截所有的路由） // 全局前置守卫 router.beforeEach((to,from,next)=>{ // to 目标路由 // from 从哪来路由 // next 拦截器不调用next()路由无法进入,next参数同router-link to属性的值，重定向地址 next() }) // 全局后置守卫 router.afterEach((to,from)=.

十九.vue中路由基本方法

iloadj — Thu, 19 Nov 2020 21:25:46 +0800

文章目录vue路由基本使用路由query传参路由params传参 (常用⭐)⭐children路由嵌套 vue路由基本使用 1.在new路由对象的时候，可以为构造函数，传递一个配置对象。 //创建一个路由对象，当导入 vue-router 包之后，在window 全局对象中，就有了一个路由的构造函数。叫做VueRouter. 1.1.route这个配置对象中的routes表示路由匹配规则的意思，不能修改且必传 //每个路由规则，都是一个对象，这个规则对象，有两个必须属性。 //属性一：path，表示监听

十八.vue中axios库

iloadj — Thu, 19 Nov 2020 21:24:57 +0800

文章目录axios ajax库（vue+axios react+axios angular+axios） axios ajax库（vue+axios react+axios angular+axios） axios 是一个封装好的第三方ajax请求的库特点：支持restfulapi 支持promise 解决回到地狱支持ajax请求拦截 vue-resource 停止维护了，官网不推荐使用 get请求： axios.get('url?param

十七.vue中请求ajax

iloadj — Thu, 19 Nov 2020 21:24:08 +0800

目录vue中请求ajax vue中请求ajax fetch 如何使用： "key=v&key2=v" fetch(url,{ headers:{ "token":localStorage.getItem('token'), "content-type":"apllication-xxx-urlencoded" }, method:"GET/POST", data:{ } }).then(function(res){ return res.json()

十六.混入与vue自定义指令

iloadj — Wed, 18 Nov 2020 19:21:19 +0800

文章目录mixinvue自定义指令 mixin 当多个组件有相同的部分(可以是属性,数据,方法…)，定义一个混入，在混入中定义公共的部分，然后注入到需要使用的组件中 ①const mixin={}; ②使用:mixins=[mixin] const mixin = { data(){ return { name:"123", } } } //子组件使用 const title1 =

十五.vue动画与过滤器

iloadj — Wed, 18 Nov 2020 19:20:18 +0800

文章目录transition动画transition组件控制单组件（标签）状态切换transition结合动画过滤器 transition动画 transition组件控制单组件（标签）状态切换注意：有一种情况可以同时写多个元素，就是使用v-if v-else-if v-else等控制前提：永远不可能同时出现两个如果想要控制列表动画（同时控制多个元素）使用 transition-group组件用法相同 1.给需要过渡的box使用transition容器包裹，v-if是必须的 &

十四.Vue实例的生命周期

iloadj — Mon, 16 Nov 2020 19:25:12 +0800

文章目录vue实例的生命周期1.什么是生命周期?2.生命周期钩子 = 生命周期函数 = 生命周期事件3.主要的生命周期函数分类:创建期间的生命周期函数运行期间的生命周期函数销毁期间的生命周期函数:组件再一次激活时被触发(keep-alive直接包裹需要保留的内容) vue实例的生命周期 1.什么是生命周期? 从Vue实例创建，运行，到销毁期间，总是伴随着各种各样的事件，这些事件统称为生命周期！ 2.生命周期钩子 = 生命周期函数 = 生命周期事件 3.主要的生命周期函数分类: 创建期间的生命周期函数 ·b

十三.插槽

iloadj — Mon, 16 Nov 2020 19:24:08 +0800

插槽插槽: 子组件中的提供给父组件使用的一个占位符，用表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的标签。解决问题：多个组件使用同一个子组件，需要传入或修改数据时，需要利用插槽。 1.子组件设置插槽 2.父组件填充内容, 父组件通过 v-slot:[name] 的方式指定到对应的插槽中,父组件填充内容时，是可以根据这个名字把内容填充到对应插槽中的子组件设置插槽: 1.使用默认插槽 2.设置指定的需要使

十二.vue组件

iloadj — Fri, 13 Nov 2020 15:46:53 +0800

组件组件组件通信父--子 props通信子向父通信自定义事件兄弟组件通信自定义事件事件中心总线（event bus）ref组件通信（⭐⭐⭐）$parent $childrenprovide inject 组件 mvvm 数据驱动组件化组件：网页上组成部分（预定义组件、自定义组件）组件语法: 组件也是Vue的实例（new Vue 他有的属性组件都有） // 全局组件（挂载到Vue上，可以在任意组件以及实例的模板中使用） Vue.component(组件名,{ t

十一.vue计算属性-处理data

iloadj — Thu, 12 Nov 2020 20:16:06 +0800

computed ： Vue提供的一个配置项注意: 当data中的数据发生变化,页面中的指令和表达式会重新计算, 有时候不相关数据变化会导致一直重新计算,所以这里引出了计算属性如何使用？ computed 和 data同级，计算属性写在computed中；写起来像方法；用起来像属性。特点（注意点）： 1）一定要有返回值。 2）可以使用data中的已知值。 3）只要跟计算属性相关的数据发生了变化，计算属性就会重新计算，不相关的属性无论如何变化，都不会导致计算属性变化。 4）计算属性名不能

十.vue侦听器

iloadj — Thu, 12 Nov 2020 20:15:23 +0800

侦听器监听实例上的某个属性的值得变化 const vm = new Vue({ el:"#app", data:{ msg:"", obj:{ a:10, b:20 } }, watch:{ msg(newVal, oldVal){ console.log(`值变化了，新值是${newVal},旧值是${oldVal}`) // 监听的是非对象的数据直接在watch中新增一个同名的方法即可 },

九.动态生成元素的获取方法

iloadj — Thu, 12 Nov 2020 20:14:25 +0800

动态生成元素的获取当数据改变（改变数据时同步）视图刷新（更新dom，异步中间要通知观察者，调用render生成虚拟dom，比较两个虚拟dom用diff算法，在更新）所有我们无法立即获取，数据改变后生成最新的dom vue 提供了一个watcher(观察每一次的dom更新，更新完成后，回调触发，在回调中获取最新的dom) this.$nextTick(()=>{ }) Vue.nextTick(()=>{