- 博客(45)
- 收藏
- 关注
原创 vue echarts 柱状图 自动循环 x轴竖向显示
中设置一个变量用来存储 this 可以防止在其他地方找不到 this 的错误。this 会随着上下文环境而变换它的指向,在当前。没有调用到props 在data做初始化假数据。想要做成组件 所以数据做了props。建立一个简单的柱状图 设置宽高。
2023-07-06 10:07:05 992
原创 前端能用到的JS库
前端总要用到js 有些js库直接被引用 写项目的时候就很方便 把用过的做一下归整一个极简处理时间和日期的JavaScript库,和Moment.js的API设计保持一致,但是体积就2KB。基本用法:二、qs一个轻量级的url基本用法:三、js-cookie一个简单的、轻量的处理cookies的js API。基本用法: 作者:黑马程序员前端链接:https://www.zhihu.com/question/429436558/answer/25646735
2023-07-01 08:02:11 96
原创 css中单位em和rem的区别,容器查询单位
em/rem:用于做响应式页面,不过我更倾向于rem,因为em不同元素的参照物不一样(都是该元素父元素),所以在计算的时候不方便,相比之下rem就只有一个参照物(html元素),这样计算起来更清晰。chrome默认的字体大小是12px,也就是1em默认为12px,如果最外层的父元素直接把font-size设为1.5em,那么该元素的字体大小为18px(12*1.5)。答案:我猜你会说10px、100px,哈哈,其实逻辑上是正确的,但是如果你是chrome浏览器我不得不告诉你应该是12px、120px。
2023-06-16 17:20:03 138
原创 Vue3 中 watch 与 watchEffect 有什么区别?
3.watch只能监听响应式数据:ref定义的属性和reactive定义的对象,如果直接监听reactive定义对象中的属性是不允许的 (会报警告),除非使用函数转换一下,其实就是官网上说的监听一个getter。1.watch是惰性执行,也就是只有监听的值发生变化才会执行,但watchEffect不同,每次代码加载watchEffect都会执行。4.watchEffect如果监听reactive定义的对象是不起作用的 ,只能监听对象中的属性。2.watch需要传递监听的对象,watchEffect不需要。
2023-06-05 14:26:08 848
转载 H5 CSS 滚动条隐藏 (横向/纵向)
思路:代码取巧,两层div,固定高度,内高度比外高度多20px,然后padding-bottom: 20px。vue,开箱即用的代码(代码有自身的逻辑部分,可忽略)全局隐藏- 最外层css样式上增加 -
2023-06-05 11:17:27 545
原创 element upload 文件缩略图模板 同时上传视频和图片并回显 组件封装
记录一次使用上传文件的缩略图自定义 区分上传文件格式 并封装成组件。
2023-05-29 11:23:47 1999 6
原创 前端分享UI
在 2022 年 Vue3 会成为 Vue 的默认版本,React 18 也会发布正式版本,从目前社区关注度来看, Vue3 源码 Github star 27k+, React 18 WG Github star 3.9k+,且在 npm 的下载量上,新版本下载数目都比较可观,所以很有可能今年尝试和使用的人会变得更多。Web1.0到2.0的转变,极大地改变了前端技术,Web3.0时代,可能是去中心化,可能是物联网,可能是人工智能,值得前端开发去关注。angular 国外。Angular 国外。
2023-05-19 16:51:30 61
原创 js判断数据是否是数组或字符串
1.通过typeof操作符判断数据类型,如果为“string”,则数据为字符串;如果为“object”,则需要进一步判断是否为数组。2.使用instanceof操作符判断数据类型,如果为String,则数据为字符串;如果为Array,则数据为数组。3.使用Array.isArray()方法判断数据是否为数组。4.利用正则表达式判断数据是否为字符串。
2023-05-11 16:21:17 7228
原创 ps怎么抠图-ps怎么抠图换背景透明
4.然后再Ctrl+v,把刚才我们复制的图层粘贴到图层蒙版中:现在可以看到,图层蒙版中有了一个和图层一样的图层。1、打开图片:(我估计大家都怕抠冰块)下面这个冰块用钢笔扣出来谁都会,可是最难表现的就是冰块的透明度,对吧?8.为了观察冰块是否被扣出,我们在冰块下面弄个背景,来看看效果:觉得不够理想?对于那些抠图烦恼的童鞋们,尤其是透明物体,这次就可以瞬间不在烦恼啦!2.然后Ctrl+a全选,Ctrl+c复制图层,然后添加图层蒙版。1.将图片导入PS,图层默认为锁定的,双击图层解锁。
2023-04-23 16:05:11 894
原创 vue element tree 返回数组最后一级children是【】
vue element tree 返回数组最后一级children是【】,组件无法选中,做个循环处理 ,
2023-03-16 09:24:43 371
原创 vue-element-admin项目关闭eslint校验
我们都知道,ESLint 是一个代码规范和错误检查工具,对于代码的语法格式的规范相当的严格,我忘记自己在哪里的代码写的出现问题了,但现在直接启动不了就很麻烦了。在vue.config.js中将lintOnSave设置为fasle即可。只有先关闭一下eslint校验,先启动项目再说,其余的都是浮云。事情是这样的,今天在启动项目的时候报错了,报错差不多是这样的。重新执行命令运行一下。
2023-03-06 09:58:09 456
原创 【Git异常】Push master to origin/master was rejected by remote
今天新分配的git账号和新项目,拉下来代码更改后发现push不上去,设置中 选择 Prorected Branches。
2023-02-13 14:39:29 2481 1
原创 vue 引用报错
vue 使用xlsx出现"export 'default' (imported as 'XLSX') was not found in 'xlsx'报错。解决 "export 'default' (imported as 'echarts') was not found in 'echarts' 报错。
2023-01-31 09:52:07 75
原创 uni-app 封装接口request请求
我们知道一个项目中对于前期架构的搭建工作对于后期的制作有多么重要,所以不管做什么项目我们拿到需求后一定要认真的分析一下,要和产品以及后台沟通好,其中尤为重要的一个环节莫过于封装接口请求了。因为前期封装好了,后面我们真的可以实现粘贴复制了。所以今天给大家分享一个在uni-app中如何封装一个request请求。
2022-12-15 18:35:44 3477 1
转载 echarts自定义legend样式的详细图文教程
最近要完成显示一个饼图,使用echarts组件,先用官方给定的模板加载出样式,然后修改为自定义的样式。,在 rich 里面,可以自定义富文本样式,使三列文字的中间那一列展示为灰色,两边文字为黑色。然后在textStyle里设置各自的样式,设置后的代码如下,注意备注【添加】的地方是主要更改。接着就是右边一段文字到三段文字的显示,不止要展示出name,还要展示出百分比和数量。首先把文字分为3段,a表示name,b表示百分比, c表示value数量。首先可以看到,图标默认是长方形,而需求是小圆点。
2022-11-10 16:29:02 22381
转载 vue配置请求多个服务端解决方案(vue配置多个后端地址)
多个接口服务的情况下,如果前缀是"/",要将其放在proxy配置的最后一部分,代理的时候是从上往下查找的,如果放在最上面其他服务也会被该配置代理掉到此这篇关于详解vue配置请求多个服务端解决方案的文章就介绍到这了,更多相关vue配置请求多个服务端内容请搜索知优网以前的文章或继续浏览下面的相关文章希望大家以后多多支持知优网!
2022-10-17 19:12:22 5381 3
转载 js代码实现自适应宽高
(document.body).outerHeight(true) //浏览器时下窗口文档body的总高度 包括border padding margin。$(document.body).outerWidth(true) //浏览器时下窗口文档body的总宽度 包括border padding。$(document.body).height() //浏览器时下窗口文档body的高度。$(document.body).width() //浏览器时下窗口文档body的高度。
2022-10-17 09:35:40 2065
原创 luckysheet.destroy is not a function
如果不方便访问 jsdelivr.net,还可以采用本地方式引入。文件夹下的所有文件复制到项目目录,然后通过相对路径引入。
2022-09-21 11:47:40 1316
转载 idea彻底卸载
点击一级菜单 HKEY_CURRENT_USER, 右键查找,输入jetbrain,会找到jetbrain相关,然后,右键删除。点击一级菜单 HKEY_CURRENT_USER, 右键查找,输入idea,会找到jetbrains,然后,右键删除。1、程序卸载——右击idea启动快捷键选择文件所在位置去到bin目录下,双击Uinstall。C:\Users\${用户名称}\AppData\Roaming\JetBrains。C:\user\${用户名称}\ideaProjects\。...
2022-08-18 11:20:56 30923 5
原创 Element 上传图片
的属性是链接上传地址的 直接将地址填入 上传时会报错 缺少请求头。在data(){return{ }}里初始化。记录一下上传文件的使用 以及配置。element 在上传文件是。getToken 的引入。
2022-08-16 10:12:11 481
原创 实现导出excel,pdf功能
注:代码中res就是后端返回的是文件流,前端使用a标签实现导出excel,pdf,导出pdf跟excel的区别在于new blob对象时的type类型不同。下面代码是固定写法,可以直接使用,亲测有用哦。
2022-08-16 09:54:08 541
原创 elementUI的时间选择器-选择⽇期范围,选择时间后获取时间的格式问题
选择⽇期范围: value-format="yyyy-MM-dd" //加上这⾏代码,记录一下使用element 日期选择器的传值转换格式。不然获取的时间格式⽤不了。
2022-08-16 09:52:22 433
转载 vue实现数字动态翻牌器
非常好用的vue数字滚动插件vue-countTo最近需要开发一个数字滚动效果,之前有看过相关一篇博客,觉得这个插件还不错,今天刚好用上,那么就简单说下这个插件的使用vue-countTo是一个无依赖,轻量级的vue组件。你可以设置startVal和endVal,它会自动判断计数或倒计时。支持vue-ssr。vue-countTo参考于countUp.js;安装组件具体配置信息**注意当autoplay。...
2022-07-21 13:56:08 1465
转载 vue实现数字动态翻牌器
大概就是显示几位数,然后从0开始滚动到当前的数值的位置,在每一个位置都有0-9的数,然后就是往上滚动当前数值的次数到当前的数,话不多说上代码。最近项目里使用到了数字翻牌器,找了半天根据素材自己改了一个,动态的翻牌器。第一步创建一个组件页面,...
2022-07-21 13:31:31 3815
转载 有哪些短小却令人惊叹的 JavaScript 代码?
33个非常实用的JavaScript,建议收藏!使用到了一些API,简化了操作。该方法用于检测给出的日期是否有效:2. 计算两个日期之间的间隔该方法用于计算两个日期之间的间隔时间:距离过年还有90天~该方法用于检测给出的日期位于今年的第几天:2021年已经过去300多天了~该方法可以用于将时间转化为hour:minutes:seconds的格式:二、字符串处理1. 字符串首字母大写该方法用于将英文字符串的首字母大写处理:2. 翻转字符串该方法用于将一个字符串进行
2022-07-11 13:12:53 66
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人