用心摸索代码-CSDN博客

原创 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

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

m0_51240158的博客