自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

seeeeeeeeeee的博客

愿天下的技术贴都能通俗易懂

  • 博客(179)
  • 资源 (3)
  • 问答 (45)
  • 收藏
  • 关注

原创 【websocket功能】vue简单实现websocket链接模板,建立websocket心跳重连机制【包含node.js后台代码,可以自己测试websocket】

目前很多项目需要用到websocket功能简单的讲解一下这个功能。简单来说就是,以往我们发请求只能前台给后台发但是如果我们遇到比如类似聊天一样的功能,别人发信息给我。我们就处理起来很麻烦,当然也有办法,就是我们前端设置定时器定时请求后台拿到别人发给我的信息。但是很明显,这不是一个好办法,如果一秒一请求,那服务器顶不住,毕竟用户不是你一个。如果间隔时间久了,那别人发个信息给你,你都半天看不到,那还有人用你的软件吗。所以这时候就出现了websocket。

2022-10-15 09:05:57 1829 2

原创 【多个图片合成一张图片】vue简单实现多张图片合并成一张图并下载图片功能,html2canvas下载图片跨域问题解决【详细注释,复制即用】

最近接到的一个小需求,是需要两个图片合成一张图片然后可以下载下来变成一张完整的图的我就在网上看了下,发现html2canvas可以完成这个功能那就做一个小案例记录一下这个功能,以前还没做过呢。以后再用到可以直接复制了。

2022-10-10 11:05:38 6623

原创 【wangEditor富文本编辑器】富文本三种使用方法,html使用富文本,html套vue脚手架使用富文本,vue使用富文本【简单易用,复制即用】

富文本编辑器功能是很多人都要使用的市面上有很多的编辑器可以供选择,但是很多编辑器会有点复杂,或者文档看起来难受。我最近做了一个需求,是需要在html文件上写富文本编辑器。但是我看了以前用的富文本,没找到如何在html上引入使用。就感觉不是很方便,所以后面找到了这个wangEditor富文本编辑器发现这个非常的简单,而且有html的版本文档介绍,对新手比较友好所以今天就专门写一个帖子记录一下三种使用方法。

2022-10-07 16:37:33 3703

原创 【vue导入导出Excel】vue简单实现导出和导入复杂表头excel表格功能【纯前端版本和配合后端版本】

这是一个常用的功能,就是导入和导出excel表格但是时常会遇到一些复杂表头的表格导出和导入比如我这个案例里面的三层表头的表格。网上看了下发现了一个非常简单导出和导入方法当然这个是纯前端的版本,会出现分页不好下载的情况。所以实际工作中,导出还是后端负责的。1,要下载一个插件,输入这个指令:npm install -S file-saver xlsx2,在页面中引入这个,直接在你需要写导入导出的表格页面写就行。3,给你的表格绑上这个id。用来导出的时候拿数据的。

2022-09-14 13:35:39 4523 1

原创 【Vue瀑布流布局】vue简单实现瀑布流布局,循环数据自动排列到最短的列上【详细注释,直接使用】

瀑布流布局是什么呢?应用于什么场景呢?简单描述一下,就是,瀑布流布局就是宽度一致,但是高度不限定死,最终通过算法排列,使得布局出现一种上下交错显示的感觉,看起来像是瀑布一样。应用场景:可以说非常多了,比如最常见的淘宝,蘑菇街等都是瀑布流布局做前端的肯定都会遇到这种情况需要使用瀑布流布局那么今天我就专门整理一个好用的瀑布流布局实现方法以后小伙伴们在需要做到这个布局的时候可以直接来着复制去改改就可以使用了。

2022-09-05 11:22:31 6880 8

原创 【PC端聊天功能模板】vue-elementul简单实现电脑端客服聊天功能,pc端聊天系统静态页面布局,配套websocket方案和心跳重连机制【详细注释,拿来即用】

这里是给大家写了一个简单的模板来使用,可以直接复制了调调就能用。因为这个聊天也是很容易出现的功能,所以我写一个模板静态页面放在这,以后需要这个功能的时候可以不用布局了,直接复制改改。我的代码里面有详细的注释,相信就算是刚学完前端的萌新也是看得懂的,如果有不懂得可以提问1,页面布局自适应缩放2,点击在线可以切换客服状态,忙碌,离线,退出登录等3,模糊搜索用户列表功能4,点击用户会变底色并切换用户的聊天信息5,刚进入时不点击选中用户时隐藏发送按钮和禁用输入框。......

2022-08-11 16:30:59 14218 24

原创 【input输入框回车生成标签】vue简单实现input输入框内输入后回车创建一个标签功能【详细注释版本】

这个功能很多地方会用到,比如我们的csdn发文章发问题就用到了这个功能。一个输入框内输入你想要的标签,然后回车就会创建出来一个标签,这个标签也是在这个输入框的里面的。我网上看了下,这种功能帖子没看到几个,这里就整理一下,写一个帖子。......

2022-08-04 16:27:38 5710 6

原创 【影院选座功能模板】vue实现选座功能,点击切换图片,获取座位信息

电影院选座功能,美团选座功能,最近突然看到这个功能了,就想着研究一下如何写,然后在网上看了一些帖子,总结了一下,这里套用了一个别人的数据结构,这个感觉毕竟好用。然后写一个简单的模板放在这,以后可能会再这个基础上修改或者新增功能。......

2022-08-04 10:36:14 7751 2

原创 【移动端聊天功能模板】Vue实现H5聊天系统,实现上下固定中间滚动布局,微信授权功能,自动滚动到底部【详细注释,一看就会】

vue-vant实现仿微信聊天界面,上下固定中间滚动自适应高度。移动端聊天功能,H5聊天功能实现。

2022-08-03 14:30:54 8750 14

原创 【vue弹框和div拖拽功能】vue-elementul弹框拖拽功能,移动拖拽功能,普通div拖拽功能【拿来即用,直接复制】

div拖拽功能,弹框拖拽功能汇总,详细注释版本

2022-07-23 10:07:11 2249

原创 【flex布局快速上手】快速理解flex布局用法,通过常见的四个布局案例解释【详细注释,一看就会】

很多小伙伴做项目布局的时候还是会用老方法,定位,margin,浮动等,这样虽然也可以完成项目布局,但是还是有点繁琐了,但是看了网上的帖子,flex布局用的其实没有特别熟悉。我也看了很多帖子,但是基本都是把阮一峰的帖子复制出来发的,或者类似的,只有熟悉的文档功能介绍,但是没有其他案例配合,有时候看的不是很理解。这里呢,我就通过四个小案例,来主要解释一下我们常用的几个flex属性,熟悉了这一些,基本就够用了,并能够立即上手写。如果需要配合图片看详细的,可以去阮一峰的flex教程看阮一峰flex教程。......

2022-07-20 10:47:56 1138

原创 【踩坑】npm安装报错解决办法

npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR!npm ERR! While resolving: flexbox@0.1.0npm ERR! Found: vue@3.2.37npm ERR! node_modules/vuenpm ERR! vue@"^3.2.13" from the root projectnpm ERR!npm ERR! Could not reso

2022-07-19 14:01:02 6149 2

原创 【验证码功能合集】vue简单实现验证码功能,纯前端实现验证码,拿来即用【输入,滑动,拼图】

可以让输入的验证码和图片验证码比对。滑动验证码功能,滑动拼图验证码功能。上面的是验证码的组件,直接复制贴里面就行了,然后引入到你需要的地方很简单的两个步骤搞定这里是验证码的组件,啥也不用动,直接复制创建个文件贴进去。然后去你要用的地方引入(2)使用组件在这里就是直接引入组件,然后把组件放到对应的位置就行了。参数看需要传...

2022-07-01 08:36:55 9130 10

原创 【获取当前月时间】elementul日期选择器在页面一进来直接获取到本月1号到当前日期的方法【详细注释】

情况是这样,很多时候会遇到一个小功能。就是日期选择器搜索日期区间的数据。这时候就可能会有人要求你一进来页面就搜索本月的数据这个本月的数据是当前这个月的1号到当天的数据。比如你今天是6月24号了。那么需要你一进页面直接获取到6月1号到6月23号得数据显示出来。那么这时候如何做到刚进页面就拿到这个时间区间呢。这里分享一个小方法,详细注释了肯定一看就会。...

2022-06-24 14:04:59 1032

原创 【微信小程序更改appid失败】微信小程序修改appid一直失败报错tourist appid解决办法

我用HbuilderX新建了一个uni-app小程序,然后运行到微信开发者工具,因为没有录入appid。我就去小程序的设置-项目设置-基本设置内把默认的touristappid换成了我的appid。结果我uniapp修改东西后一刷新就显示修改appid失败。后来知道了原因,你需要在uniapp内也配置一下小程序的appid就不会报错了。提示这样的在这里把appid填入进去......

2022-06-20 09:44:47 7725 1

原创 【uview安装】uniapp安装uview组件库步骤,出现找不到文件报错情况原因

按照安装步骤来

2022-06-18 15:31:25 5471 2

原创 【两个数组比较值是否一致】简单方法实现vue对比两个数组的值是否一致

今天写到了一个试题的考试功能,我需要通过把用户填的答案数组和正确答案数组比较,看看用户选中的答案是否和正确答案完全一致,比如正确答案是1,2那用户选中的答案可以是2,1这样顺序乱的但是不能是2,3也不能是2,1,3。这都是错误的,只有选中的项和正确答案一致不多不少,并没每一位都是对的上的才能通过。那就需要两个数组比较,这里通过every方法来简单写一个数组比较功能 //模拟两个数组,顺序是乱的 let a = [1, 2, 3]; let b = [2, 1, 3].

2022-05-25 15:40:05 5816 1

原创 【java请求目标中发现无效字符】报错:Invalid character found in the request target处理办法

Invalid character found in the request target这个报错,翻译过来就是在请求目标中发现无效字符原因:因为现在新版本的tomcat内都有了限制一些字符的操作,比如花括号引号之类的。所以当前端传过来一个json数组给你转成了字符串之后,你就会发现根本拿不到。一直在报这个错误,而前端也在一直报跨域的错误。其实就是参数传的不对。解决办法:两个(1)直接降低tomcat的版本(这种不推荐)(2)修改一下代码就可以了。我这里是用的idea的springboot写的后

2022-05-12 09:36:59 4162

原创 【websocket前后端交互】vue-springboot实现websocket前后端交互链接,websocket心跳重连,包含前后端代码,复制即可用【详细解释版本】

前言:还是老规矩,一步步的教大家如何建立前后端的 websocket 链接,并能完成互相传送数据的简单功能。由于网上找了半天发现很多帖子都是东一句西一句的,要不就是写的没什么注释和解释,导致我这个前端人员看后端代码非常折磨。但是,总算慢慢摸索给整出来了,那现在我就把一个详细版的,用前端小伙伴也听得懂的大白话来说一下如何实现 websocket 功能。效果图文档说明前端代码部分防止有后端小伙伴想写个前端代码的,不知道写哪里。我给个结构图代码直接复制,然后再views内创建一个vue文件

2022-05-10 15:53:32 6664 5

原创 【文字和图片居中对齐】图片和文字垂直居中对齐,span使用margin和line-height不生效解决办法

图片展示问题:今天遇到的问题,我需要一行展示一堆的图片,中间穿插#号,那我就直接一个img标签一个span标签了,直接就排在了一起,非常简单。然后需求是井号要在图片的中间。我就直接加了个行高,发现没生效,然后又试了一下margin-bottom,准备给他顶上去,也不生效。又想到span是行内元素,我就加了inline-block,但是还是都不生效。后来发现这样写可以生效。代码html部分 <div class="liaokuangbox"> <img

2022-05-07 10:43:18 1628

原创 【csdn涨粉秘籍】亲身体验从一年才涨80粉到20天涨粉800多,规则内设置,一个步骤助你快速涨粉

前言:我用了csdn一年不到的时间,主要作用是当做笔记在写了,因为自己平常工作中会遇到一些大坑,或者平常也在保持学习一些知识点,我会把知识点汇总成一个案例然后注释好发帖子,这样可以巩固自己学习,同时也可以以后遇到同样功能的时候做一个合格的CV工程师,保证自己不会因为忘记了,看别人的帖子看不懂理解很慢。我以前呢也是写了差不多快一年了,但是也不过存下来了80个粉丝,一开始我还没在意的,但是后来无意间发现了一个csdn的设置方法可以让粉丝数快速增多。又不违规。那能有更多的粉丝谁又不乐意呢,至少证明了,我的帖

2022-04-29 16:54:15 1863 1

原创 【数组差值获取】vue对比两个数组的数据差值,并把差值取出来显示

问题:什么是数组差值获取呢。有时候会遇到一种情况,就是比如我们有一个A数组,还有一个B数组,我们需要比较两个数组,看A数组内的数据是否在B数组内存在,如何有就不管,如果没有就取出来。代码has:返回一个bool值,用来表明数组 中是否存在指定元素。 newArr(oldData, newData) { //去重 let arr1 = new Set(oldData); //原数组 let arr2 = new Set(newData); //新数组

2022-04-25 11:43:00 5914

原创 【登录页星空和捂脸动画特效】vue 实现掘金登录页捂脸动画效果,css 实现登录页星空动画流星效果【通俗易懂】

前言:这里是展示一下做的登录页的一个好看的样式,同时也写了个下掘金登录页很有意思的捂脸小动画怎么实现的,感觉放在一起还挺好看的。虽然不知道有没有问题,但是还是声明一下:我就是写来学习学习这种设计,以后遇到了可以直接套用这个思路,这个捂脸的图应该是人家掘金的,所以大家学习用用就好了,商用什么的如果算是侵权的话跟我没关系哈。效果图视频展示效果(gif不会弄,只能上传个视频看看了) vue登录页捂脸效果星空效果预览

2022-04-18 14:33:59 3929

原创 【必选项提示小方法】vue处理多个条件选择时,判断必选项没有选择的弹出对应的提示【通俗易懂,详细注释】

前言:前端小伙伴们很多时候会遇到一个情况,就是页面中查询的时候有多个条件,可能是输入框可能是下拉框或者时间选择器,其中肯定会有一些选项是必选项,那么这时候就会出现一个情况,你需要根据必选项有没有被选中提示用户哪个必选项没有被选中,因为如果不提示,那用户点了搜索后啥反应没有会显得很呆。一般我们可能会想到用表单验证的方式可以处理这种的,但是我感觉还是麻烦了点。所以写了个简单的方法分享出来效果图像这样:必选项哪个没选中就会提示出来。上代码 getdata() { //必选项的几个

2022-04-13 14:56:07 3504

原创 【vue考试功能】vue-elementul实现试题录入功能,组件形式封装版,直接复制就能用【详细注释,清晰明了】

前言:本帖子是根据vue和elementul写出来的。直接告诉你们使用方法,直接创建一个点vue文件复制代码放进去,然后把文件引入到你的项目内,注册组件就可以用了。当然里面也有详细注释,一步步解释写法逻辑,让不熟悉这个功能的小伙伴可以先复制了直接用着,然后看注释理解原理。没有下载elementul的自己下一哈npm i element-ui -S功能介绍考试题目录入页面:页面点击按钮后出现弹框,里面录入题目,从上到下分为题目:输入框输入题目选项:可以添加删除,多个选项。选项内可以输入答案

2022-04-12 17:00:27 4705 7

原创 【echarts图表更改配置】vue-echarts图表修改series配置并且不再从新请求后台数据刷新图表【包含echarts循环图表,详细注释】

前言:今天遇到的一个要求,让在页面上添加一个按钮,点击的时候所有的图表会显示节点数据,然后再点击一次就全部隐藏。这里就把各个方法详细的告诉大家,希望以后如果有同样的人遇到这种类似的需求可以看了我的帖子直接搞定。效果图原本默认有显示节点数据点击按钮后可以切换,不显示节点数据。同时图表也不刷新,不再从新请求一次后台,直接可以改配置后生成图表介绍:两个方面的写法介绍1,循环多个图表的时候如何改配置2,只有一个图表的时候如何该配置代码部分(1)循环多个图表修改配置方法核心点:循环配合myCha

2022-04-12 09:30:22 2353 2

原创 【Dialog】elementul Dialog组件点击空白处不关闭,点击空白处执行方法,点击关闭按钮执行方法

问题:有时候我们可能需要把dialog组件用来封装成一个组件,引入到我们的另一个父组件内,这样我们就需要传值了,而点击空白处点击关闭叉叉之类的他默认的都是直接改变dialogVisible的值为false。但是,因为是组件引入了,所以直接改变值会报错,需要用$emit去改父组件的变量为false才行。这里就用到提供的一个关闭前的方法了。点击空白处不关闭核心语句::close-on-click-modal=“false”这句话意思就是是否可以点击空白处关闭,false为不关闭 <el-d

2022-04-11 10:29:46 1589

原创 【富文本编辑器功能】vue实现富文本编辑器Tinymce功能,保留编辑器格式文章展示在页面上【前后端代码展示,简单好用】

前言:这个Tinymce富文本编辑器是vue-element-admin内集成好的,使用过后体验非常不错,很简单易用。这里分享一下,同时又看到了网上帖子都没什么人写前后端同时展示的,很多人想知道编辑器编辑的文章格式展示在前端的。这里统一写一下前后端代码都展示,并配上注释,相信大家看起来会很清晰明了。效果图编辑文章的时候,我是直接百度搜了一个小说复制了一段直接粘贴来的,格式还可以自动保留文章保存后,在页面展示格式也是存在的编辑器样式:鼠标移上去都会有功能介绍,功能很全安装步骤1,git下载

2022-04-01 17:37:05 12252 7

原创 【mysql数据库常用语句】springboot中常用的mysql数据库语句,增删改查,id自增,自动生成时间等【清晰明了,持续更新完善】

这个帖子是个汇总笔记,目前用到的一些语句统计一下,网上看的很多帖子写的繁琐,找个语句扯一堆别的,我直接简单的对应功能来一句句的标明清晰一点,后面再学到新的语句会继续更新进来。这些都是我自己写过有用的,不是百度搜来的,没亲自试过就不写上来了。增:(1)增加一条数据:@Update("INSERT INTO `表名`( `name`, `address`, `age`) VALUES (#{name},#{address},#{age}")删:(1)根据传的id删除一条对应数据:@Delete("

2022-03-30 10:47:32 2718 1

原创 【视频流上传播放功能】前后端分离用springboot-vue简单实现视频流上传和播放功能【详细注释版本,包含前后端代码】

前言:我是前端程序猿一枚,不是后端的,如有写的有不规范的地方别介意哈,自己摸索了两天算是把这个功能做出来了,网上看了很多帖子没注释说实话,我看的基本是懵逼的。毕竟没有系统学过,所以现在做出来了就总结一下,自己多写点注释解释一下逻辑,让前端的小伙伴们如果也想自己做一个这个功能,可以参考参考。包含功能:1,前端点击通过流的形式上传视频2,视频到后端保存到服务器本地的磁盘中3,视频上传成功后,数据库对应出现一条信息,分别展示视频的原名,视频的唯一识别码,视频的id,视频的磁盘路径地址。4,前端渲染出表

2022-03-28 16:24:37 19437 54

原创 【踩坑】后端返回数据显示[object Object]怎么处理

今天遇到的超无语的坑我从后端反了一组表格数据给前端,然后前端拿到后就是这样然后我拿不到数据,调了半天,也试过了网上说的JSON.stringify()。根本没用,最后百度了好久发现居然是因为我在前面加了个字符串因为代码中有加号运行符,在这种情况下,他会先调用toString()方法,将其他类型的东西转化为字符串,再和原始字符串拼接成一个字符串。......

2022-03-24 16:48:31 8702 3

原创 【表格分页查询功能】前端用springboot写一个简单的分页查询表格的功能【表格分页功能延伸】

前文这个是延伸版本,重复的话就不写了。前端小伙伴不懂的可以去看我写的另一个帖子已经写了简单的分页功能并讲解了逻辑。然后再来看这个效果更好。【简单表格分页功能】前端用springboot写一个简单的表格分页功能并交互显示在网页上【详细注释,简易版本】现在这个版本是在分页的基础上添加了模糊查询并分页的功能,也是前端表格的最常用基本功能了。//这个功能的几个坑://1,比如数据出来后,当我们翻页到第二页的时候,我们再调整页数从10条到20条就会出现查不到数据的情况,原因是你的页数传过来是2,从第二页开

2022-03-24 16:32:37 1617 1

原创 【简单表格分页功能】前端用springboot写一个简单的表格分页功能并交互显示在网页上【详细注释,简易版本】

提醒:如果前端小伙伴没有看懂这里一些逻辑和功能什么意思的,建议先去看我另一个帖子,里面详细注释用前端听得懂的话说了一遍后端的创建项目后各个文件是干什么用的,以及接口返回数据等逻辑,看了你再来看这个就会明白了。哪里说的很详细了,这里有些就不详细再说一遍了。如果看完了还是不理解可以问,我会的话就跟你说。帖子:【前端写java接口】前端用java写一个简单的后端接口并和前端交互数据【以前端角度解释,详细注释,谁都看得懂】如果不知道实体类是啥的,可以理解成就是前端的对象。流程逻辑解释:用前端听的懂的大白

2022-03-24 09:43:28 2407 3

原创 【字符串公式计算结果】js实现把数组转换成计算公式,并把字符串公式计算出结果

今天遇到一个小问题,需要把数组给转换成公式然后计算出对应的结果来。比如这样:let data=[5,[[4,3],2,1]]需要转换成这样:并计算出结果let data="(5-((4-3)-2-1))"方法就是通过json.stringify转成字符串,然后replaceAll方法替换掉大括号还有逗号形成字符串类型的计算公式,然后返回出来,我们拿的时候利用js原生方法eval把字符串的公式计算出结果来eval:用于解析字符串成js代码并返回值。 created(){ let

2022-03-22 14:14:50 2316

原创 【前端写java接口】前端用java写一个简单的后端接口并和前端交互数据【以前端角度解释,详细注释,谁都看得懂】

先声明:我不是做后端的,我是前端的,然后想要做一个后端的接口平常用来测试测试前端的页面,所以百度加上看看视频学了几天,简单的做一个,可能很多不专业的地方,后端小哥们别太严格哈,有问题可以指出来我也学习一下。我是只在B站看了java基础语法就没看了,然后直接就去下载了idea,数据库,springboot之类的开搞。中途很多坑是百度出来的。这帖子也算是我阶段的一个小总结。如果前端小伙伴们想要自己写一个简单的接口,建议还是先java基础看一眼不然你是一脸懵逼。可能我解释的你听的懂,但是想要修改就一点都没头绪

2022-03-22 11:14:15 10631 30

原创 【模糊搜索功能】前端vue结合elementul实现模糊搜索功能,简单实现【详细注释】

效果图代码完整的代码,样式我也自己调好了。直接复制进去你的编辑器就可以试试了,前提你引入了elementul,如果看的还不够清晰的可以往下翻看解释<template> <div> <el-card style="height:800px"> <div> <el-popover placement="bottom-end" width="280" trigger="focus"> &

2022-03-18 13:37:27 2047 4

原创 【图片流转成图片】vue处理后端传来的图片流信息并转换成图片显示在前端页面上【详细解释】

前言:今天遇到的后端传一个二维码图片给我,然后给我的是图片流的形式,看起来跟一堆乱码一样,根本用不了,必须要处理转换后才能使用,然后我看了网上帖子有的说的不是很明白,可能新人看不懂,我就也写一个详细解释一下。也避免时间久了我自己忘记了可以回来轻松的看一下。效果图:后端发过来的数据就是这么一长条乱码,就是图片流了最终经过处理后转换成了二维码方法:其实方法很简单,流程整理一下,就是window自带了一个转换的方法叫window.URL.createObjectURL(),但是光用这个还不行,还要

2022-03-18 13:20:56 7730

原创 【前端模糊查询】vue用elementul表格,前端写模糊查询功能,简单实现方法

效果图代码html <el-table :data="tableData" stripe style="width: 100%; margin-bottom: 30px" size="mini" height="480px" > <el-table-column prop="date" label="日期" min-width="180"> &

2022-03-17 16:12:42 2076 4

原创 【文字自适应大小】vue文字字体大小自适应,根据屏幕大小变化字体自适应大小,简单方法

前端常遇到的一个情况是要做自适应的页面,但是有时候文字定了font-size后屏幕大小变化但是文字不跟着变。但是设置rem之类的也麻烦,这里就给一个简单的方法实现。写法:利用css的自动计算方法calcfont-size:calc(100vw * 100 / 1920); 解释一下:calc:是一个css自带的计算方法,可以自动计算后返回px单位的值100vw:vw是屏幕的宽度。也就是百分百屏幕宽度。*100:这里乘的100代表100px。1920:设计稿的宽度比如:我的需求是屏幕上要一个

2022-03-16 17:07:29 15929 5

原创 【axios简易封装使用】vue封装axios全局挂载使用

记录如何快速封装一个axios最简单的功能,然后全局挂载直接使用。分三个简单的步骤:前提:你下载了axios。如果没有下载的输入这个指令下载一下npm install axios -s第一步:在utils文件夹内创建一个service.js组件把这一堆代码直接复制进去。//axios实例封装import axios from "axios";//引入elementul的弹框提醒组件后面要用来报错import { Message } from 'element-ui';const se

2022-03-09 17:36:14 5287

html2canvas.js 和 jspdf.debug.js

html2canvas.js 和 jspdf.debug.js html页面转pdf格式下载,原生js纯html转pdf资源

2022-10-18

前端html本地使用vue-axios-elementul资源框架,下载即用,附带富文本编辑器本地资源

前端html本地使用vue-axios-elementul资源框架,下载即用,附带富文本编辑器本地资源 有时候需要一个html文件写个小项目,这时候我们为了保证稳定,会不采用cdn引入,而是本地下载资源引入,这里提供一个模板,可以直接下载后使用。引入好了vue-axios-elementul还有富文本编辑器的资源也引入了。详细注释了,方便使用。可以直接下载就可以再模板里写你的页面,和vue一模一样写法。 功能目录:已引入 vue axios elementul 富文本编辑器

2022-09-30

安装jdk时遇到当前页面脚本错误的报错,下载这个版本的jdk解决

官网下的,然后根据教程来安装的,但是到最后一步的时候就会出现当前页面脚本错误的提示,如果点了是就会一直卡住没反应了 报错信息是 缺少‘)’

2022-04-08

Tinymce富文本编辑器文件资源,下载直接放到项目中就能用

配套使用贴 【富文本编辑器功能】vue实现富文本编辑器Tinymce功能,保留编辑器格式文章展示在页面上【前后端代码展示,简单好用】 https://blog.csdn.net/seeeeeeeeeee/article/details/123902423

2022-04-08

【大屏可视化模板】vue-dataV-echarts-elementul大屏数据可视化方案,屏幕适配方案等比例缩放

用了vue - echarts - datav-elementul大屏数据可视化方案,包含屏幕适配方案等比例缩放, 等比例缩放的屏幕适配方法。可以让你不需要大量使用百分比或者转换之类的方法去写屏幕自适应大小,而是可以用部分px直接写css定死,通过屏幕大小改变对应等比例缩放,达到屏幕适配效果 为了让大家直观的看到所有的代码,所以结构方法等就不分各个组件引入了,会很麻烦要找哪是哪,我直接把所有的图都写在了一个vue组件内。并配上注释,相信大家可以很容易找到哪里对应哪里区域

2022-04-08

luckysheet数据量太大如何保存和回显

2024-01-12

js如何替换一段文字中的某个符号替换成输入框,并获取到完整的数据

2023-12-29

vue3这个写法是什么意思啊

2023-12-08

vue页面保存时没有从新加载,保存失败

2023-11-20

vue有什么操作会一瞬间生成很多js文件

2023-11-11

html页面如何实现链接切换页面,但是主页面不动

2023-11-02

网页企业微信扫码登录如何快捷登录

2023-10-10

js表格数组对象如何在每个科室下面新插入一条小计数据行

2023-09-20

es6 class类使用场景是什么呢

2023-09-19

前端页面修改后不更新如何处理缓存

2023-09-11

前端html项目js文件如何引入其他js

2023-08-16

vue如何多条件筛选数组对象

2023-08-04

vue代码拉下来运行是否有办法解决node-sass版本问题

2023-08-03

循环生成表单填写输入框影响其他数据也更新了

2023-07-31

el-table表格合并跨行了,如何拆分对应合并

2023-07-31

数组对象多个字段相同排序如何实现

2023-07-18

两个el-tree用v-if切换懒加载失效

2023-07-17

如何递归树形结构数组,获取到符合条件的数据返回

2023-06-27

iframe切换组件的时候代码会闪一下

2023-06-12

vxe-table切换数据宣传时会导致某些列数据混乱或不显示

2023-05-19

vxe-table循环多级表头时固定列出现滚动条如何处理

2023-05-17

exceljs插件导入表格如何识别日期时间格式

2023-05-12

如何递归tree结构数据

2023-05-05

vue3数组如何直接替换并且响应式

2023-04-12

企业微信嵌入H5如何获取用户信息

2023-04-07

uniapp报错Cannot read property call of undefined到底是什么原因,如何解决啊

2023-04-06

uview的from组件一直报错call

2023-03-09

uniapp小程序分包后主包没有变小

2023-03-09

div模拟的表格怎么做合并单元格功能

2023-03-02

uniapp开发移动端app表格功能如何做

2023-02-27

原生js如何实现mixins混入效果

2023-02-16

vue表格点击单元格修改数据怎么实现

2023-02-01

websocket封装思路是什么样的

2023-01-17

form-create如何在html上引入使用

2023-01-16

vue聊天系统如何发送和接受各类消息

2023-01-15

js循环时如何让条件符合后才进行下一次循环

2023-01-08

前端导入excel表格时如何处理合并的单元格没有数据的问题

2023-01-03

excel.js文件如何引入到html中使用

2023-01-03

vue表格如何实现每行数据通过计算属性循环比大小

2022-12-28

el-form-item如何让宽度自适应

2022-12-28

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

TA关注的人

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