vue
段子君
爱分享,爱交流,爱学习
展开
-
前端开发更改代码项目崩溃问题解决与其他问题
解决办法:在 nodemodlus 中的 bin文件夹 中找到 webpack-dev-server.cmd 点击编辑在 "%_prog%"后面加上 --max-old-space-size=5120 记得前后打空格,不然不生效,更改后,重新跑项目。左边会显示这次提交记录所有改动的文件,点击文件右边会显示高亮改动的代码,平时开发时鼠标放在任意一行,都会提交这行代码是什么时候提交的代码,什么用途。安装之后我们vscode右上角会有一个小图标,点击它,会出现我们当前分支提交的所有的代码记录。原创 2022-12-09 11:03:44 · 935 阅读 · 0 评论 -
前端blob数据类型导出文件(保姆级)
1,第一步封装接口的时候,传responseType字段说明返回的数据类型。2,是准备好将blob数据类型转化为文件并下载的方法,作为公共方法调用,因为项目很多地方都会用到。3,这一步最为关键,主要是异常情况的处理,会有点特殊。原创 2022-08-22 22:17:21 · 3495 阅读 · 0 评论 -
elementui时间控件限制可选时间范围(精确到时分秒)
我们在开发web端项目时,时间控件用的非常多,限制可选时间也是比较常见的需求,比如已经过去时间不能选,或这未来的时间不可选等,如果仅仅只是限制年月日那非常好解决,那如果是精确到时分秒呢?本以为就这样结束了,一个限制年月日,一个限制时分秒,但是会有一个bug,假如现在是早上8点,那明天的8点之前都不可以选了,这明显是不对的,那我们如何解决呢?...原创 2022-08-13 14:55:54 · 4881 阅读 · 0 评论 -
前端测试接口,POSTMAN一键调试
前端测试接口,POSTMAN一键调试当我们在开发中,遇到接口有问题时,一般都会找后端battle一下,在这之前我们需要先确认问题,当我们浏览器不方便调试时,我们一般会借助postman,因为比较方便也比较快,浏览器调试还要等代码运行,当然postman我们也需要把headers和body配置上去然后发送请求查看,就很烦。这一步其实可以省略调的,怎么省略呢?我们来看我们只需要打开控制台,newwork中鼠标右击我们的接口,然后依次找到 copy as cURL(bash),点击复制。然后打开pos原创 2022-05-06 21:57:10 · 2203 阅读 · 2 评论 -
element 动态改变el-date-picker的可选时间范围
element 动态改变el-date-picker的可选时间范围在开发web端项目时,我们经常会遇到通过各种时间范围筛选条件查数据,那我们element的时间选择器是最常用的,有时候由于需求,我们需要给时间控件加上可以选择区间,固定的可选区间还好,如果是动态的呢?先给大家看看我的应用场景。上图就是我的应用场景了,根据左边的年份选择的是哪一年,右边的选择月度区间只能选择那一年以内的月份,前一年的也选不了,左边的年份选择之后右边的月度可选区间动态改变,话不多说上代码。//结构代码块<el-fo原创 2022-05-06 21:25:21 · 1711 阅读 · 0 评论 -
echarts图表tooltip中嵌套echarts图
echarts图表tooltip中嵌套echarts图我们在工作中,如果echarts的需求比较多的话,难免会遇到嵌套图表的需求,看起非常炫酷,实际上却很简单的图表,先给大家看看应用场景,上原型图(将就看一下,有点丑)上面折线图中嵌套了一个雷达图,当我们鼠标移动到当前X轴对应的数据项时,根据数据生成不同的雷达图。我们都知道生成echarts图时通过获取dom节点实例化生成的,两个问题tooltip里面的dom元素怎么生成?数据怎么处理?话不多说我们上代码(代码中的关键部分有注释)//这里是折线图的组原创 2022-04-23 22:40:48 · 2949 阅读 · 3 评论 -
echarts组件封装动态复用生成N个
echarts组件封装动态复用生成N个由于我们在做项目的时候,相同的echarts图表可能会复用多次,还有可能在同一页面,话不多说上图片,了解一下我的应用场景。上面的页面用到多个echarts图表,图表的类型都是一样的折线图,只是图表里面数据每个都不一样,然后渲染的图表个数是不确定的,根据搜索条件返回的数据来决定渲染几个图表。话不多说上代码:<template> <div> //这里我是用ref获取dom元素,id是传进来的 <div :ref="原创 2022-04-03 21:14:38 · 2713 阅读 · 3 评论 -
echarts折线图动态多条线
echarts折线图动态多条线原创 2022-01-20 23:32:00 · 9214 阅读 · 0 评论 -
echarts仪表盘配置项+charts组件复用+echarts图表自适应
echarts仪表盘+echarts组件复用+echarts图表自适应原创 2022-01-18 23:06:32 · 1812 阅读 · 0 评论 -
element表单非必填自定义校验规则
element表单非必填自定义校验规则使用场景必填校验规则与自定义校验规则重写自定义函数解决bug使用场景众所周知element自带了一些校验规则,比如说校验一些值的类型我们可以改变input的type属性来达到我们想要效果,如何是必填,我们rules中加入required为true就好,如果你的表单中的值不是必填项,但只要有值就要校验值的格式呢?格式的规则element本身没有,所以我们要自定义校验规则。两个问题,自定义校验规则怎么写?非必填怎么做?必填校验规则与自定义校验规则首先我们看必填原创 2021-07-31 22:38:46 · 4408 阅读 · 3 评论 -
vue后台管理系统之权限管理
vue后台管理系统之权限管理权限管理概念菜单的权限路由的权限权限管理概念还是老规矩先捋概念,权限管理分哪几块?首先用户是分角色的,然后每个角色有不同权限,这是由你的账号性质决定的,然后分为菜单权限,路由的权限,按钮的权限,接口的权限。今天我们主要聊一聊比较核心菜单和路由的权限。话不多说上代码。先上顶层代码。gettree() { //这个方法是获取结构树的方法,也就是我们菜单的权限,决定显示哪些菜单。 getTree().then((res) => {//这个接口换你自己封装原创 2021-07-30 01:02:09 · 1332 阅读 · 1 评论 -
一篇文章带你彻底了解git命令,在公司轻松管理代码
git命令管理项目git使用场景单人开发(单分支)多人开发(多分支)git使用场景很多人在开发时,大部分时间都是在研究需求,git命令操作可能也并不是很熟悉,现在越来越多的人开始用可视化工具操作,但是可视化工具安装比较麻烦,跳过注册也尤为麻烦,安装也依然要以安装过git为基础,其实git命令行操作还是很方便的,接下来就和大家分享我的git操作心得吧。其实大部分人在git命令操作时,只有两个时候是容易报错的,那就是pull代码的时候,然后就是merge分支的时候,接下来就从这个这两个方面以单人开发和多人原创 2021-07-12 23:54:46 · 233 阅读 · 2 评论 -
小程序登录之token
一般情况下的小程序登录都是通过code去拿openid,但是尤其公司业务的需要,我们可能还是通过token的形式去判断登录状态,话不多说直接上代码。onLaunch() { //首先在appjs里一进来就做登录 let that = this; wx.checkSession({ //首先检测登录 success: function(res){ //如果是登录状态的话 if(utils.get("userInfo")) { //本地有用户信息的话原创 2021-05-28 23:50:00 · 2904 阅读 · 0 评论 -
前端小程序接口参数签名验证,防止数据泄露
小程序的接口参数签名一般来说接口参数签名,是为了防止数据泄露,接口参数签名也有其默认的规则,接下来就一起来探讨吧,话不多说直接上代码!当我们所有的方法都准备好,怎么用呢?直接上代码这些配置好就可以正常请求接口啦,如若有错请多多指正,相互学习,谢谢。太热了,我要去喝肥宅水了,哈哈。。。。一般来说接口参数签名,是为了防止数据泄露,接口参数签名也有其默认的规则,接下来就一起来探讨吧,话不多说直接上代码!//首先这是我在utilsjs文件里做参数签名需要的方法timest(times){ //通过时间戳生成原创 2021-05-28 23:16:06 · 1170 阅读 · 1 评论