前端小菜K-CSDN博客

原创 vue3基本使用&setup script语法糖&vue3中如何实现sync修饰符功能&`defineEmits` is a compiler macro and no longer needs to

vue3使用回顾/总结经验使你在第二次犯相同错误时及时发现。 —— 琼斯一、基本使用vue3.x组件开发のsetup和defineComponent1.1 defineComponent- 需要导入再使用。(使用ts需借助自动推导)- defineComponent 返回传递给它的对象或有一个有合成类型的构造函数。用于类型推导，简化类型定义。- 只要是vue本身API（比如setup或vue2.x的配置项），defineComponent 都可以自动推导。在编写组件中，只需维护自定义的

2021-09-24 11:56:55 5829

原创基于ElementUI的axios请求拦截统一配置

前言开始我们的项目开发过程中，对应异步接口的请求或者错误处理，如果每个处理都在具体调用接口的时候去处理，会显得很累赘，而且有些错误提示或处理是通用的，那就会出现每个接口调用的地方都可能会有一段相同的处理代码。而后面一旦需要调整下请求处理时，要修改的地方就会需要很多。我们急切需要把请求及错误处理抽取出来，进行统一请求配置，从而提高代码简介性及可维护性。技术栈1：element UI2：axios3：underscore上代码，如下import axios from 'axios'..

2020-08-14 16:57:43 585

原创 vue项目中使用富文本wangEditor插件出现的 The given range isn‘t in document错误

背景近期做的后台管理系统，需要有一个富文本编辑器来录入一些API文档的功能。调研时，用UEditor，去github直接下资源包，然后引入到项目中。然而由于项目是一个vue项目，UEditor的实现有些似乎类型JQuery的使用，引入项目中一直各种报错。想着技术都比较旧，后期用富文本的功能报错也不好处理，最后弃了。然后用了vue2-editor，实现简单，初始首版就用vue2-editor去实现了。后来，需求要求要插入表格功能，vue2-editor不支持插入表格功能。自定义扩展，也不好扩展。去npm也查

2021-04-08 14:56:17 1586 1

原创正则校验（规则包含大写字母、小写字母、数字和!-_#?@特殊字符至少3种）

前端开发常遇到表单校验，此处记录下密码校验的一种场景规则密码校验规则要求：8位-16位密码：数字、大写字母、小写字母、特殊字符至少选3种（此处，特殊字符主要包含!-_#?@ 这几种）直接上代码如下const pwdCheck = (val: string) => { let reg = /(([!@#\-_]+(([0-9]+([a-z]+|[A-Z]+))|([a-z]+([0-9]+|[A-Z]+))|([A-Z]+([0-9]+|[A-Z]+))))|([0-9]+(([!@

2021-04-02 09:26:00 2900

原创 TypeScript+vue+vuex分模块module去存储登录用户信息等应用数据的基本实现

记录背景参与开发项目那么久，还没试过从零开始新建vuex存储数据实现，基本都是在现有的存储读取存储数据的场景比较多。这一次项目，一个全新的系统，从零开始自己搭建的一个系统，因为有用户登录失效及用户权限相关的需求，结合几个方面的需求点，最后决定用vuex来存储登录的用户信息。项目技术栈前端UI框架：element UI前端技术：Vue、Vuex、TypeScript、axios、lessvuex数据存储具体实现首先看下新建的store的目录，如下所示：以下开始直接上对应文件的代码内容：1、i

2021-03-04 18:38:11 1113 3

原创 Chrome新增vue开发调试工具（vue-devtools）步骤

一、下载vue-devtools插件，解压。二、去到解压的文件夹目录，eg：D:\vue-devtools-dev，执行命令： npm install有些公司通虚拟机区分内外网办公，内外网络有限制。如果在下载依赖包的过程中，下载cypress出错（cypress似乎要有网络才能下，导致内网无法下载成功），可以忽略此错误。如下图三、下载依赖包后执行命令：npm run build四、找到shell → chrome目录下的manifest.json文件，修改 persistent为true，以及确

2020-09-09 21:42:15 2175 3

原创 git从安装到建立本地仓库与远程同步，从master分支拉取分支，修改提交后再合并到master分支

以下主要记录下个人使用git的基本操作git 的安装及与远程建立同步关系git秘钥生成以及github配置验证与GitHub的是否可以同步成功及分支拉取与合并git 的安装及与远程建立同步关系从git官网下载git，并按提示安装。都选默认即可。安装完成后，查看git是否安装成功：git --versiongit对特定项目设置用户名/邮箱/密码的方法，global视情况而定git config --global user.name "Affandi"git config --global user

2020-08-22 18:37:10 717

转载 Intellij IDEA 常用快捷键大全

IntelliJ Idea 常用快捷键列表Ctrl+Shift + Enter，语句完成 “！”，否定完成，输入表达式时按 “！”键 Ctrl+E，最近的文件 Ctrl+Shift+E，最近更改的文件 Shift+Click，可以关闭文件 Ctrl+[ OR ]，可以跑到大括号的开头与结尾 Ctrl+F12，可以显示当前文件的结构 Ctrl+F7，可以查询当前元素在当前文件中的引...

2018-03-12 11:03:41 216