- 博客(8)
- 收藏
- 关注
原创 vue深度对象报错问题解决
我们先看一段报错代码<template> <div>{{form.a.b.c}}</div></template><script>export default { components: {}, data () { return { form: {} }; }}</script>这块form因为form.a是undefined,所以对象继续查下去会报错我们有时
2022-05-30 20:53:54
716
原创 vue中返回如何携带参数 并对其优化封装
A页面 =>B页面 B页面返回携带参数给A页面定义一个bus.js文件 export default new Vue()通过B页面bus.$emit 传值 和 A页面bus.$on 接受来实现我们可以通过路由对其封装1.定义一个bus.jsimport Vue from 'vue'import router from "../router";const bus = new Vue()const back = (datas,backNum) => { /..
2022-01-23 15:24:24
1311
原创 如何编写高质量JavaScript代码
1.带有多个条件的 if 语句// 错误写法if (x === "abc" || x === "def" || x === "ghi" || x === "jkl") {//log}// 正确写法if (["abc", "def", "ghi", "jkl"].includes(x)) {//log}2.使用条件表达式简化 if true...else// 错误let test: boolean;if (x > 100) {test = true;} else {
2021-10-18 17:07:12
139
原创 1.TypeScript数据类型定义
类型:类型 例子 描述 number 1,-33,2.5 任意数字 string 'hi' 任意字符串 boolean true、false 布尔值true或false 字面量 其本身 限制变量的值就是字面量的值 any * 任意类型 unknow * 类型安全的any void 空值(undefined) 没有值(或undefined) never 没有值 不能.
2021-10-14 22:35:59
1155
原创 JS运行机制 (宏任务微任务)
前端面试我们经常会遇到 宏任务 和 微任务 的面试题比如:console.log('1');setTimeout(function() { console.log('2'); process.nextTick(function() { console.log('3'); }) new Promise(function(resolve) { console.log('4'); resolve(); ...
2021-10-11 14:13:09
186
1
原创 一篇文章带你理解 js 深浅拷贝
要了解深浅拷贝我们需要先了解一下js的内存机制我们先写个例子更直观的去看一下 let a = 10 let b = a a = 20 console.log(a, b); // 打印结果 20,10 let obj1 = { name: "小明" } let obj2 = obj1 obj1.name = "小红" console.log(obj1.name, obj2.name); // 打印结果 小红,小红...
2021-09-09 18:38:38
85
原创 解决加载过程中loading重复刷新
我们平时一个页面可能存在多次loading加载,会在用户端重复刷新,造成很不好的用户体验 造成这个问题的原因是我们通过vuex定义一个loadingShow为true或者false来显示隐藏loading组 件,导致我们在面对多个接口时,会来回操作loadingShow 因为每次请求都会走全局封装的http,所以我们可以在vuex中定义一个{ loadingCount : 0 },每次 请求让loadingCount++,请求结束让loadingCount--expo...
2021-08-17 17:04:58
7176
原创 promise和async的使用
大家好!今天我们聊聊promise和async首先promise是什么? promsie主要是帮助我们可以将异步操作队列化,按照期望的顺序执行,返回符合预期的结果 promise有三种状态:pending/reslove/reject 。pending就是进行中,resolve可以理解为成功, reject可以理解为失败其次async和await尤是什么 async/await是写异步代码的新方式,以前的方法有回调函数和Promise。 async/await是基于...
2021-08-16 16:12:39
282
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人