阿仁_清风徐来-CSDN博客

背景在开发过程中，我们经常会遇到不能获取undefined或者null的某个属性的报错。还有各种各样的空值处理。如果使用三目运算符、if else来处理的话，会造成代码冗余，看着也很难受。可选链(?.)主要就是解决下图的问题。其实这种情况就相当于直接在undefined上面访问name属性，undefined和null是两个比较特殊的数据类型，是不能用点操作符去访问属性的。那么在一个变量可能为null、或者undefined的时候，恰巧我又需要访问这个变量的一个属性，那我们应该这样做let a

2021-12-07 17:41:42 2153

原创 el-form-item的key

场景在一个具有不同tab的搜索表单里面，需要根据分校的选择（以及人员的身份：总部的选择全部分校的时候才有规则，其余没有）来判断创建时间的验证规则，分校为全部时创建时间默认一年且有规则，分校为具体分校时创建时间清空且没有规则。有三个页面要使用到这个搜索表单，且有些许不同。实现把这个带tab的搜索表单写为组件。所有的搜索项都写在一起，便于收集信息。根据所选tab的不同来判断该搜索项是否需要展示即可。<el-form-item v-if="!['1', '4'].includes(cust

2021-09-03 10:58:25 1402

原创 jsconfig.jscon文件在vscode中报错

jsconfig.jscon文件在vscode中无故报错解决方式在设置中找到红框中的设置选项并勾选即可。

2021-07-21 19:28:26 826

原创前端谷歌浏览器跨域问题

在开发过程中，如果接口出现一些不好处理的问题的时候，通常需要前端直接连接后端本地的IP来进行调试。这个时候浏览器会出现跨域问题，导致页面无法正常展示。mac解决方式：在用户下面新建一个文件用来存储数据，文件夹的名字随意。然后在终端输入下面的代码来打开一个谷歌浏览器。open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/huangjin/myDevChromeDat

2021-06-27 19:27:25 747

原创 mac使用代理后出现502

问题描述利用host文件将本地地址127.0.0.1映射到debug.xuetian.cn翻墙之前一切正常，但是翻墙之后就出现了502解决方式在网络的偏好设置里面找到代理

2021-06-27 18:33:23 1249

原创 el-select的v-model

el-select的v-model前言有一个组件，里面只有一个下拉款，选择下拉款的数据时，会根据其中一个字段判断是否生成下一个下拉款，这就需要调用它自身，并且用这个组件的时候，绑定的值需要是数组。父组件：<DictSet v-model="dictSetArray" :dict-set="dictSet"/>子组件：<template> <span class="dictset"> <el-select v-mod

2021-06-01 19:58:16 3813

原创 localStorage使用的踩坑

localStorage使用的踩坑localStorage 是以字符串的形式来存储的localStorage 储存的数字类型会自动转为字符串类型//声明数字类型 let index = 1; console.log(typeof index); // number //直接储存 localStorage.setItem('currentPage', index); //获取的是字符串类型 let getIndex = localStorage.getItem('

2021-05-12 22:00:24 414

原创 json对象转化为key，value的对象数组

问题引出在某个从后端获取的表格数据中，有一列是对象格式，不能用于直接展示。解决方式：不直接展示此列，在操作列加一个按钮，点击之后弹窗展示那一列的数据，形式为key和value的两列表格，key为该对象的各个字段名，value为字段值。这就需要将对象转化为key和value形式的对象数组。代码const metaData = {"api-type": "apiparser", "management.port": "8101"}Object.entries(metaData).map(([key,

2021-04-30 17:48:20 3628 2

原创记录vscode常用插件

vscode的常用插件

2021-04-19 17:00:43 2190

原创 git使用ssh方式（密钥）连接远程仓库GitHub

本地秘钥的设置第1步：创建SSH Key在用户主目录下，先确定是否有.ssh目录，如果有，再看看这个目录下有没有 id_rsa 和 id_rsa.pub 这两个文件，如果已经有了，可直接跳到下一步。如果没有，打开Shell（Windows下打开Git Bash），创建SSH Key：$ ssh-keygen -t rsa -C "youremail@example.com"如果一切顺利的话，可以在用户主目录里找到 .ssh 目录，里面有 id_rsa 和 id_rsa.pub 两个文件，这两

2021-04-14 17:35:44 7616

原创 vscode中如何使用eslint自动格式化代码？

vscode中使用eslint自动保存代码1. 安装eslint插件2. 配置vscode在设置中找到settings.json文件,加入下面的代码."editor.codeActionsOnSave": { "source.fixAll.eslint": true }

2021-03-31 13:12:46 912 1

原创 Git学习笔记

第一节：GIT版本库 git是一种服务，帮助项目开发里，特别在多人协同开发时，起到帮助项目开发的高效。git可以帮我们在项目版本回滚，帮我们开发项目不要再打包上传。安装安装地址：https://git-scm.com/downloads一、创建库Linux系统和window系统下的文件夹创建$ mkdir learngit$ cd learngit$ pwd/Users/michael/learngit二、初始化GITgit init//安装空的git仓库三、把文件

2021-03-25 10:32:47 139 1

原创 call、apply、bind的区别

call、apply、bind简单例子说明三者区别作用：改变this指向传参this指向问题var a = { user: "aren", fn: function () { console.log(this.user); }}a.fn(); //aren 谁调用就指向谁var b = a.fn;// b是一个全局的变量 -->windowb();// undefind window对象下没有user属性，所以是未定义var b = a.fn;b.apply(

2021-02-25 17:29:53 107

原创 JS中日期对象详解

JS中日期对象详解创建日期对象创建当前时间的日期对象ECMAScript 中的Date 类型是在早期Java 中的java.util.Date 类基础上构建的。为此，Date类型使用自UTC（Coordinated Universal Time，国际协调时间）1970 年1 月1 日午夜（零时）开始经过的毫秒数来保存日期。在使用这种数据存储格式的条件下，Date 类型保存的日期能够精确到1970年1月1 日之前285年或之后的616年。要创建一个日期对象，使用new 操作符和Date 构造函数即

2021-02-24 21:45:45 519

原创 JS数组的迭代方法和归并方法

数组的高级方法之迭代方法ECMAScript 5 为数组定义了5 个迭代方法。每个方法都接收两个参数：要在每一项上运行的函数和（可选的）运行该函数的作用域对象——影响this 的值。传入这些方法中的函数会接收三个参数：数组项的值、该项在数组中的位置和数组对象本身。根据使用的方法不同，这个函数执行后的返回值可能会也可能不会影响方法的返回值。以下是这5 个迭代方法的作用。every()：对数组中的每一项运行给定函数，如果该函数对每一项都返回true，则返回true。some()：对数组中的每一项运行给

2021-02-24 15:05:24 144

hjin_的博客

原创 github访问速度慢怎么办

原创提交pr的简易过程

原创 yarn安装包时报错，Error: certificate has expired

原创 vue项目tinymce上传图片和粘贴图片

原创 vue项目中富文本增加数学公式遇到的问题暨富文本的本地化

原创 node安装以及nvm管理node版本

原创后台管理系统-列表导出

原创表格中json数据展示

原创 git在vscode中的使用

原创 el-upload的两种方式

原创 js空值处理