- 博客(93)
- 收藏
- 关注
RSS订阅
原创 一个基于vue3+ArcoDesignVeu后台管理系统，包含在后台管理系统中接触到的功能，form表单封装，table表单封装，地图api，图片水印，工作流，富文本/markdown编辑器,周月日程
admin-system是一个基于vue3+ArcoDesignVeu设计的后台管理系统，包含在后台管理系统中接触到的功能，什么form表单封装，table表单封装，地图api，图片水印，工作流，富文本/markdown编辑器，周日程/月日程等功能。
2024-07-05 11:35:25
462
原创 vue3中教你如何使用指令解决文本的溢出提示
如下图所示,指令开发如何判断是否溢出实现溢出指令看下效果吧首先我们需要准备好组件MyTooltip.vue在指令js中鼠标移入时挂载该组件，移出时销毁组件directive.js指令和组件都好了，我们就在全局配置指令即可配置好全局指令后，页面中就可以直接使用了看看效果
2024-05-14 15:17:29
1694
1
原创 面对根据角色和单子状态如何有效的进行按钮权限的控制
对应问题3 ： 大佬们应该能从上面两种示例中发现 两个【追加信息】的权限码不同，所以这个问题的处理方式我是在对按钮添加权限的时候，对每个状态下的按钮都加一个权限码，比如：待分配的【追加信息】权限码是【appendInfo-DFP】，而科室待接受的权限码是【appendInfo-DJS】问题3：有些按钮 在多个节点要显示，比如【申请撤回、追加信息、催办】，像这种情况，你如何去处理，举个🌰。问题1： 举个🌰，对于【待分配】这个工单状态的申请撤回按钮进行解析。
2024-01-19 18:19:59
696
原创 引用阿里图标库，不知道对应的图标是什么，可在本地显示图标ui,再也不要担心刚来不知道公司图标对应的是什么了
/获取 命令行里面的参数//node 文件 【iconfont.css的url】 【生成的文件的link标签对应 iconfont.css的url】//当前文件的路径//当前文件的文件夹路径//获取icon库里面的iconfont.json数据//获取名字mapi
2023-12-14 19:02:55
369
原创 工具【1、计算时间差2、获取当天时间前后七天时间3、根据当前数据的位置，在数组中插入数据4、数组中，某个属性相同的数据放在一块，如把某个日期相同的相连一起】
【代码】工具【1、计算时间差2、获取当天时间前后七天时间3、根据当前数据的位置，在数组中插入数据4、数组中，某个属性相同的数据放在一块，如把某个日期相同的相连一起】
2023-11-23 13:57:58
426
原创 微信小程序手写时间间隔组件，可设置间隔时间一分钟，半小时，一小时的间隔
【代码】微信小程序手写时间间隔组件，可设置间隔时间一分钟，半小时，一小时的间隔。
2023-09-13 10:46:22
1265
原创 企业微信消息模板通过中转页面（h5）判断跳转pc还是跳小程序
3、上面引用时按照开发文档中进行引用的，结果你会发现有问题，wx.agentConfig这个根本调不通，文档没有更新不能用这个，得用这个。7、wx.config和wx.agentConfig需要获取签名，他们两个获取签名都是要调接口去获取的，签名的接口都不同，这个得注意。1、在进行配置的时候得先引入引用weixin-1.2.0.js，并且必须线上引入，不能npm i XXX进行引入，public->4、请求签名传的url不能转义、不加参数；index.html中引用。
2023-08-10 10:57:02
2419
原创 el-table-column 合并列，切换表格显示，数据错乱问题
由于同一个页面需要通过lable进行切换显示不同的表格结果在切换的时候发现表格列错乱了。
2023-07-27 17:25:43
1491
原创 前端面试总结
A:什么是闭包：所谓的闭包就得从变量提升说起，在js中全局作用域不能访问局部作用域内的变量，而局部变量可以访问全局变量；在函数执行前会产生执行期上下文也叫作用域，有全局作用域(window)，和局部作用域(执行时产生的)，一般函数执行完成后；他的作用域就会被销毁；闭包就是相当于你在执行该函数后，没有执行完成，也就是该函数的作用域没有被销毁；紧接着又产生了一个新的作用域一般函数默认返回的是一个undefined，所以执行到最后，相当于函数执行完了他的执行期上下文就会被销毁；
2023-07-18 14:46:48
757
原创 js如何处理async await 的错误，多个的时候呢
我们在开发过程中，一般都是用try catch 来捕捉错误，但是如果是下面这种情况，就只能捕捉第一个错误，后面的错误都捕捉不到，除非第一个没有错。但是得考虑一个问题，这个参数有可能也有参数，这个怎么办，所以必须在外忙调用，返回的数据，就可以用数组的解构，就可以拿到了，然后就是处理处理了。虽然这样可以，但是代码看上去就不是一个牛逼人写的，当然也会有人说，一般都不写，一般都是拿到res1的结果传递给req2()好，接下来我们就来试试，如何使用，怎么下载这个，我这里就不多介绍，都是大佬，看文档就可以了。
2023-04-25 17:41:31
2011
原创 node 升级后无法使用node-sass
在升级完成后，删除node_modules模块重新安装依赖，结果发现安装不了node-sass了。在网上一大堆说node 版本与node-sass兼容不匹配的解决办法，试了发现没啥用，一样用不了。真正的问题就是国外镜像下载不了node-sass,得使用国内的镜像进行下载，只需要两步：设置镜像，安装就完事了。
2022-09-26 22:28:42
407
原创 node+koa+canvas绘制出货单，收据，票据
在生成票据需求中，我们会想到前端生成或者后端生成返回图片地址访问两个方法，前端生成则不需要调用接口，而后端是在完成整个流程时就进行生成然后把上传的地址保存数据库。
2022-09-26 11:54:40
2063
1
原创 TS学习(九) :TS中的泛型
泛型是指附属于函数、类、接口、类型别名之上的类型，当某个函数的参数，返回值和内部使用时的类型无法确定的情况下，就可以使用泛型来进行约束。
2022-08-24 22:49:15
6795
3
原创 TS学习(八) :TS中的类
以前在js中书写类是这样的,然后我们在加上TS的类型检查你会发现报错了为什么呢？在TS中他认为你这样写代码不是很好，因为在TS中你把User这个类写出来以后，它里面有哪些属性和方法，你应该很清楚的知道，所以TS认为你这些属性应该单独在一个地方写，而不是使用构造函数constructor动态的创造数据，在js中是可以使用构造函数取动态添加数据，而在TS中是不允许的，TS认为在创建一个对象后是不允许取给对象添加属性的，由于动态添加属性，可能会存在一些隐患，所以TS是不允许我们动态添加属性的。...
2022-07-20 22:38:02
4701
2
原创 TS学习(七) :TS的接口与类型兼容
1、接口约束对象interface接口名字{属性类型，name接口名字={...}2、定义函数方法写法1直接写法1、interface方法名字{(参数类型)返回类型,};2、也还有一种写法类似interface，就是使用类型别名方法名字{(参数参数类型)返回类型}如果两个{}里面没有任何成员名称则这个括号表示定界符type方法名字={(参数类型)返回类型,}写法2在对象里面使用对象属性进行定义()=>void,//写法1sayBye()letuT1。...
2022-07-18 15:52:29
2149
1
原创 TS学习(六) :TS的模块化使用
在讲模块化之前，我们线了解一些前端领域中有哪些模块化标准：ES6、commonjs、amd、umd、system、esnext(这个还没有正式成为模块化标准)那么这么多模块化标准，我们在TS中所讨论的是ES6和commonjs，他们是如何书写模块化语句？书写完成后编译结果是如何的TS中如何书写模块化语句TS中，导入和到处模块化，同一使用ES6的模块化标准,如下例子//myModule.ts文件export function sum(a:number,b:number):number{
2022-05-29 11:50:58
6009
2
原创 element-ui之表格相同数据合并，并可进行上下移动，删除相同模块
首先看效果第一个向下移动第一一个大模块整个向下移动使用的工具- vue- element-ui- 自定义的工具类MyTools完整代码- html<template> <div class="box"> <el-table ref="areaPointTable" :data="tableData" border @selec.
2022-05-19 15:10:28
1301
原创 css之分割线特效
温馨小提示，下面的盒子用的都是Grid布局，如果想要其他布局可以点击这里CSS Grid Generator盒子html<div class="parent1"> <div class="div1">斜分割线</div> <div class="div2">SETTINGS</div> <div class="div3">HTML</div> <.
2022-05-15 21:17:28
4138
原创 TS学习(五) :TS枚举的使用
扩展类型有那些？类型别名 枚举 接口 类类型别名之前已经接触了就不再过多解释，这里主要学习的是枚举枚举一般是后端语言的东西，这里学过后端都应该了解，枚举通常用于约束某个变量的取值范围。像开发一些游戏的上下左右的操作可以用枚举，还有定义用户的性别也可以用枚举，用户的性别这里之前我们是用的是字面量和联合类型配合使用，也可以达到同样的目标。但是为什么还要用到枚举呢？这肯定是在用字面量和联合类型配合使用时遇到了问题，所以才不得不使用枚举，什么问题呢 字面量类型的问题
2022-05-14 17:44:53
7682
5
原创 TS学习(四) :TS基本类型约束的使用
基本类型 number:数字 let num: number = 2 string：字符串 let name: string = '井底的蜗牛' boolean：布尔 const target: boolean = false 数组 这里值得注意：数组的约束不是单单 let arr: []= [1,2,3]这么简单，这里先不做解释为什么，问就是还没学习到，等学习到了会补充 数组每一项都是数字 ，一般是使用: number[],
2022-03-15 22:23:37
4413
原创 TS学习(三) :怎么使用TS类型约束(如何使用TS)
怎么在ts文件中如果进行使用基本类型约束（怎么使用）重声一下：TS是一个可选的静态类型系统，你可以使用也可以不使用不强求类型约可以约束什么？有变量、函数的参数、函数的返回值；在定义变量时就先告诉它该变量是什么类型； 在定义函数参数时约束参数的类型还有参数的返回值类型等；等到在使用这些变量、参数、返回值时就会进行类型检查，看你有没有违反约束如何约束？仅需要在变量、函数的参数、函数的返回值位置上加上:类型变量let name:string;注意这个类型是小写的不是大写的；如果后面..
2022-03-11 22:53:36
3419
原创 TS学习(二) :安装ts与ts配置
一、安装TypeScriptnpm i -g typescript二、安装完成后创建ts 使用ts语法 可能遇到的报错问题 在啥都没配置的默认情况下，TS会做出下面几种假设： 假设当前的执行环境是dom 如果 代码中没有使用模块化语句（import,export），便认为改代码是全局执行 编译的目标是ES3,有点低 有两种 方式更改以上假设 使用tsc命令行的时候加上选项参数 使用ts配置文件，更改..
2022-03-06 22:51:22
8983
1
原创 TS学习(一)：ts的由来
js在开发中出现的问题使用了不存在的变量、函数或成员 把一个不确定的类型当作一个确定的类型处理 经常会出现使用null或undefined的成员为什么会出现这样的情况这里就要讲讲js 的原罪 js的由来： js语言最开始的开发周期就两周，是用两周时间赶工赶出来的语言； 它的出发点绝对不是去为了设计一个大型项目而来的。它当时是为了做一些浏览器中的效果（如换图片，文字滚动等）； 如果是大型项目，就会出现一大堆上面的问题，开发人员是无法避免的。 js 特点：弱类型语言，某个变量可以随时更
2022-02-28 21:04:45
878
原创 vue 自定义月日历日程组件（MSchedule）
效果图组件的使用 日程内容可以自定义 状态对应颜色可以自定义 <MSchedule :list="plan" @handleDetail="handleDetail" @chooseEntireCard="chooseEntireCard" @changeMonth="changeMonth"> <template v-slot:card="{row}"> <span>时段：{{ row..
2022-02-11 18:05:25
6105
13
原创 vue 自己捣鼓周日程日历组件（WSchedule）
需求：想要一个周日程表，记录每天的计划，点击可查看详情。可自定义时间段通过后台获取时间段显示分析：通过需求，我联想到在大学期间就用过超级课程表app这款软件，其中课表和这个需求很像，只不过这个需求第一列的时间段是自定义的，不是上午下午两个，但是原理都差不多 原本想找一些第三方插件使用，由于时间充足，而且自己也想封装成一个组件方便以后或许会碰到类似的需求，于是自己手动写了一个日程日历。效果如下：自己写的肯定有不足的地方，如有问题请大佬们提出，进行改进npm包 使用文档npm i w.
2022-02-10 17:36:29
7653
34
原创 vue canvas手绘签名
公司业务想要在手机端搞个签名需求，我想到钉钉上请假有个签名，然后就在网上找了一下发现都是用canvas来绘制的，也有用 vue-esign,其他的我逐一试了发现，能实现但是感觉和钉钉上的签名差点东西，钉钉在签名时如德福般丝滑，网上的总感觉会有些卡顿，这获取就是大佬吧；技术有限我也只能尽量做到和钉钉类似，还是有很多缺陷，页面感觉不是那么清晰，这个问题还有待处理上代码<template> <div class="myBrush-container" ref="myBrus
2021-11-15 18:57:13
828
原创 表格树进行条件查询（前端处理）
我们将学过的东西忘得一干二净时，最后剩下的东西就是教育的本质。什么是剩下的东西，其实就是自学能力，更是举一反三或者无师自通的能力效果展示最近公司需求 需要做一个任务分配的功能(已完成点击这里),由于可能分配的太多不太好找某一个任务就想做一个列表展示，通过搜索进行查询，好家伙对树的数据进行筛选查询当时就想好麻烦，就想着我试着搞一天，如果可以就不用后端去搞了，搞了一上午毛都没有想到脑瓜子又嗡嗡了，去厕所释放一下，既然element-ui表格可以单条件过滤，那是....
2021-10-09 12:10:48
2497
3
原创 使用D3js 实现进行任务分配效果
不会抓妖的小道士的故事有个从来抓不到鬼的小道士，他终于还俗了，在他婚礼的那一天，他的师兄弟没有一个到场，可是全城的鬼怪都聚集在了婚礼上空，想为这个总是心肠很软、碎碎念、很唠叨，最后娶了个小狐狸的这个家伙当一道劫雷，可是那天，晴空万里，什么都没有发生;言归正传 首先看效果该效果使用的是D3js+vue2进行使用时 注意事项 D3js版本不宜过高 否则会报错 出现无法移动现象 使用"^5.16.0"版本 由于我使用了load-scss 如果自己安装无法启动可以使用我的
2021-09-05 22:34:42
541
原创 vue2中的一些实战技巧之如何创建小型仓库store类似于vuex
小项目还用Vuex?vue2使用Vue.observable手写一个状态管理吧，vue3直接使用reactive手写store为什么用这个，首先想要手写仓库，那么你使用的数据就必须是响应式数据，不然你改变了，页面却没有改。而Vue.observable和reactive都是把数据变成响应式的方法故vue2的做法是import Vue from 'vue'export const store=Vue.observable({ userInfo:null,})// 定义 mut
2021-06-08 22:22:31
532
原创 vue中的一些实战技巧之如何监听钩子函数
hookEvent1. 内部监听生命周期函数this.$once/$on('hook:钩子函数',callback)在绘制canvas的时候去监听窗口的大小来设置画布，下面代码乍看是没什么问题？在我们刚用的人觉得无伤大雅(悠然见南山);在他们哪些大佬面前(一览众山小),这样写不是很好，应该将监听resize事件与销毁resize事件放到一起，现在两段代码分开而且相隔几百行代码，可读性比较差<template> <div class="home"> <
2021-06-07 22:24:10
797
原创 vue自定义指令之手写v-loading指令
先看效果自定义加载效果的loading指令为什么不创建一个组件来加载loading效果： 麻烦你得先引入组件，注册挂载组件，然后在通过v-if在空子显示隐藏 为什么要用自定义loading指令： 由于项目中很多地方需要用到，在哪个元素或者组件直接使用v-xx就可以了方便 不过前提是需要用到的地方多，不然要么不用，要么不要在全局注册，局部注册就行 如何定义首先得了解自定义指令的钩子函数bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。
2021-06-07 16:56:04
2420
3
原创 对css中position的absolute和relative的理解
absolute 绝对定位1、在不同层面显示，把原来的位置腾出来，让后面的元素补上，最终形成了有position:absolute的元素显示在上层 <div class="demo1"></div> <div class="demo2"></div> .demo2 { width: 150px; height: 150px; background: green; }
2021-06-01 17:14:37
3152
原创 纯js手写一个element的弹窗,方便修改自己想要的样式
由于每次修改element的弹窗样式颜色觉得麻烦，于是就想着自己搞一个，想怎么玩就怎么玩，开干，走起1、首先创建div 2、给div添加内容 3、把div放入页面中显示 4、添加样式 5、添加事件 6、完成移除添加的div一、如何创建div，使用document.createElement const div = document.createElement("div"); div.innerHTML = `<div >测试</div>`...
2021-05-29 15:36:15
1523
原创 在使用vue3时与vue2做对比区别与效率的提升
创建vue项目在使用v-cli和使用vite中的区别比如mian.js中引入app.vue文件时后要把后缀名加上 1、除了.js的后缀名不需要加后缀名，其他的都去要加上；而用v-cli中则不需要； 2、index.html文件vite搭建的项目这个文件不是放在public文件夹下，而是放在根目录下 3、打包vite做了优化，js文件体积变小了在App.vue导入vue的区别 vue2 import Vue from 'vue' import App fro
2021-05-27 21:36:24
1662
原创 在vue3的开发环境中为什么使用vite而不是用webpack
首先你得理解vue开发环境时的webpack原理1、给一个入口文件，通过路口文件找依赖，然后就找到很多模块出来，模块中有js,css和图片总之包含了一大堆文件2、然后webpack打包，通过loader,plugin等等进行打包；3、打包完过后就变成非常少量的打包之后的文件，可能是一个也可能是多个，但肯定不是原始的模块文件；4、打包完后，在开发阶段还要启动一个开发服务器，然后配置服务器，然后启动开发服务器，5、最终通过访问开发服务器，他就会把打包后的结果给我们这些过程在vue的开发过程
2021-05-27 20:48:54
3565
3
原创 css3中绚丽的图片翻转特效
看效果css3属性：transform，transition，backface-visibilitytransition: transform 400ms;对于所有属性过度动画400毫秒 transform: rotateY(-180deg);y坐标翻转180°就相当于到后面了 backface-visibility：指定元素背面面向用户时是否可见。visible默认值：可见，hidden,不可见 在这里当图片翻转时背面都得设置不可见，否则看到则还是上面那张图片的背面 如下图 故...
2021-05-26 21:20:33
399
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人