- 博客(14)
- 资源 (9)
- 问答 (1)
- 收藏
- 关注
原创 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 6145
原创 基于ElementUI的axios请求拦截统一配置
前言开始我们的项目开发过程中,对应异步接口的请求或者错误处理,如果每个处理都在具体调用接口的时候去处理,会显得很累赘,而且有些错误提示或处理是通用的,那就会出现每个接口调用的地方都可能会有一段相同的处理代码。而后面一旦需要调整下请求处理时,要修改的地方就会需要很多。我们急切需要把请求及错误处理抽取出来,进行统一请求配置,从而提高代码简介性及可维护性。技术栈1:element UI2:axios3:underscore上代码,如下import axios from 'axios'..
2020-08-14 16:57:43 687
原创 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 1693 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 3033
原创 TypeScript+vue+vuex分模块module去存储登录用户信息等应用数据的基本实现
记录背景参与开发项目那么久,还没试过从零开始新建vuex存储数据实现,基本都是在现有的存储读取存储数据的场景比较多。这一次项目,一个全新的系统,从零开始自己搭建的一个系统,因为有用户登录失效及用户权限相关的需求,结合几个方面的需求点,最后决定用vuex来存储登录的用户信息。项目技术栈前端UI框架:element UI前端技术:Vue、Vuex、TypeScript、axios、lessvuex数据存储具体实现首先看下新建的store的目录,如下所示:以下开始直接上对应文件的代码内容:1、i
2021-03-04 18:38:11 1178 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 2260 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 742
转载 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 227
原创 Vue.js实现的异步获取数据并以表格形式展示内容,实现基本的增删改查操作
vue.js学习:前端框架使用bootstrap,用vue.js结合jQuery实现异步获取数据动态创建表格,以整个页面不出现滚动条(浏览器放大缩小同样要求)、表头固定,内容过多时只在表内容区域出现滚动条形式展示数据。
2016-12-02 08:54:58 24351 11
Sass入门基础知识.pptx
2020-08-27
vue.js知识整理.pptx
2020-08-27
CSS-浏览器兼容实战.pdf
2020-08-27
SUI mobile无限滚动的问题
2016-09-07
TA创建的收藏夹 TA关注的收藏夹
TA关注的人