自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

阿飞的博客

一个90后的前端码农

  • 博客(14)
  • 收藏
  • 关注

原创 手机验证码登录 添加 区号,国家,国家简写,国家中文名称,国旗展示

手机验证码登录 区号,国家,国家简写,国家中文名称,国旗展示1.vue-country-intl插件基于Vue的手机区号选择,国籍选择组件,与pc,mobile兼容。vue-country-intl共有3种模式(输入,弹出,模式)地址:https://www.npmjs.com/package/vue-country-intl注意:版本在维护,更新较及时!2.vue-country-selector插件vue-country-selector是基于Vue.js开发的一个国家选择器,可用来快速选择

2021-01-27 22:35:26 6377

原创 企微侧边栏前端开发调试和whistle代理使用

一、企业微信客户端调试工具使用1、把 devtools_resources.pak 放到企业微信的安装目录下(复制的文件名,要保证为 devtools_resources.pak),注意安装目录带有版本号(4.0.1304.400是浏览器内核的版本号);2、关闭企业微信,重新启动;3、按快捷键 ctrl + alt + shift + D,进入调试模式;(会提示调试模式已开启;再按一次,就会关闭调试模式)

2023-11-03 14:49:34 783

原创 vue3+elementui plus 实现多选分页列表的新增和修改

业务需要实现这样的一个需求,要求添加标签时打开一个弹框(弹框如下页面)常规的一般是列表一页展示完,进行多选,这个比较简单些,但是有一个弊端数据量大的情况下,要么借助插件实现虚拟加载,(虚拟加载请百度搜索vxe-table插件)要么分页进行,此文档说的就是分页。1.分页回显问题,借助 reserve-selection=“true” 页面刷新的时候进行保留所选项目,必须要有row-key 才能生效。2.开始使用selection-change方法进行动态数据收集,会遇到页面一进去就执行的问题,后来替换。

2023-10-26 16:16:22 1886

原创 vue项目中添加网页无障碍功能

无障碍辅助工具在vue的应用

2023-10-24 16:34:16 388 1

原创 vue3中getCurrentInstance不推荐使用以及在<script setup>中获取全局内容(三种方式)

官方解说: 在 setup() 内部,this 不会是该活跃实例的引用(即不指向vue实例),因为 setup() 是在解析其它组件选项之前被调用的,所以 setup() 内部的 this 的行为与其它选项中的 this 完全不同。因为setup的生命周期是在beforeCreate,created之前执行的 我们在beforeCreate时保存的this,所以要在beforeCreate之后获取,onBeforeMount是在beforeCreate之后执行的 所以可以获取到 note。

2023-10-23 16:29:33 8141 2

原创 vue-office 支持多种文件(docx、excel、pdf)预览的vue组件库,支持vue2/3

本文章向大家介绍vue-office 支持多种文件(docx、excel、pdf)预览的vue组件库,支持vue2/3。通过网络地址预览示例如下,通过文件ArrayBuffer预览和上面docx的使用方式一致。通过网络地址预览示例如下,通过文件ArrayBuffer预览和上面docx的使用方式一致。支持多种文件(docx、excel、pdf)预览的vue组件库,支持vue2/3。一站式:提供docx、pdf、excel多种文档的在线预览方案,有它就够了。#excel文档预览组件。#docx文档预览组件。

2023-10-17 11:19:03 5881

原创 浏览器路由地址含有“#”,“?”之类的跳转就会报错404的解决办法

###一般的前端页面跳转请求地址带参 比如 http://localhost:8777/#/crowd/customer/edit?id=256&crowdNo=DDA2023101009000001 直接加在后面即可,如果遇到复杂的比如对象为了不影响数据一般JSON.stringify(paramData)被跳转页面直接JSON.Parse(paramData)即可,但是遇到带有特殊符号的,比如“#”,“?

2023-10-13 15:28:39 538

原创 Vue2常用的50个知识点

1、Vue的优点?Vue的缺点?优点:渐进式组件化开发虚拟dom响应式数据单页面路由数据与视图分开缺点:单页面不利于seo不兼容IE首屏加载时间长2、为什么说Vue是一个渐进式框架?Vue的全家桶,你可以选择不用,或者只选几样去用,比如不用vuex3、Vue跟React的异同点?相同点:都是单向数据流都使用了虚拟DOM的技术都支持SSR组件化开发不同点:前者template,后者JSX数据改变,前者响应式,后者手动setStateReact单向绑定,Vue双向

2022-03-24 10:01:34 464

原创 vue组件和iframe页面的相互传参

vue组件和iframe页面的相互传参

2022-03-22 17:55:00 3656 2

原创 Vue 3.0升级

#sdsas#一、前言大家都知道,现在Vue3的各个版本已经陆续发布了,并且有很多的团队已经着手各个库的开发与Vue2向Vue3的升级,我们当然也不能落后,所以赶紧将你手中的Vue2升级到Vue3,跟着本文一起学习新的API吧1.vue3.x点击传送门Vue 3.x 地址… … Go2.vue2.x点击传送门Vue 2.x 地址 … … Go二、正文Vue2每次都把整个Vue导入,例如Vue2的 main.js 文件中的代码importVue from’vue’importApp fro

2021-06-20 17:16:14 328

原创 网站一键变灰

深切哀悼,默哀致敬烈士,让网站一键变灰。<style>html{filter: grayscale(100%); -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale");filter:progid:DXIma

2021-02-02 14:56:36 132

原创 git基本操作

1.查询当前的分支路径名称和所有的分支路径(本地)git branch -a2.查看本地分支git branch3.创建本地分支3-1.创建本地分支。git branch origin/feature/followUp3-2.创建本地分支并且切换到创建的分支。git branch -b origin/feature/followUp4.创建远程分支(将本地分支push到远程)git push origin origin/feature/followUp5.合并分支(切换到:

2021-02-02 14:46:27 288

原创 区分js中的false,undefined,““,0和null

1.相同点:这五个值的共同点是,在if语句中做判断,都会执行false分支。当然从广义上来看,是说明这些数值都是其对应数据类型上的无效值或空值。还有这五个值作!运算,结果全为:true。2.不同点:这几个值中也有不同,其中undefined和null比较特殊,虽然null的类型是object,但是null不具有任何对象的特性,就是说我们并不能执行null.toString()、null.constructor等对象实例的默认调用。所以从这个意义上来说,null和undefined有最大的相似性。看看nul

2021-02-02 14:34:38 919

原创 开发过程中表单校验规则

参考网址:https://juejin.im/post/5965943ff265da6c30653879开发过程中表单校验规则1.中文、英文,数字和小数点 REG_Chinese_English_Digit: /^[\u4e00-\u9fa5a-zA-Z0-9 、 .\+\(\)()\/]+$/, REG_Chinese_English_Digit_Message: "只能输入中文、英文、数字,和小数点",2.只能输入中文、英文、数字 REG_Chinese_English_Digit_

2021-01-27 16:14:15 628

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除