自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(34)
  • 问答 (4)
  • 收藏
  • 关注

原创 横向无缝轮播图

我们通过v-for指令循环渲染图片,并且根据currentIndex和translateX控制图片列表的位移。点击“Prev”和“Next”按钮时,调用相应的方法改变当前索引和位移距离,实现图片的切换效果。

2024-02-23 11:32:18 477

原创 前端几个风骚操作

风骚操作

2023-11-01 16:22:23 177

原创 使用less或者scss 定义css变量,点击触发方法 修改css变量

使用less或者scss 定义css变量,点击触发方法 修改css变量

2023-11-01 09:48:25 368

转载 npm install 卡住不动解决方法

删除项目中的node_modules文件夹和package-lock.json。在控制台执行下面命令。

2023-10-31 10:35:47 1165

原创 在Vue中使用axios全局挂载默认配置代理跨域

axios可以使数据请求更简单方便,学习使用axios优化自己的项目。

2023-07-15 10:54:53 238

原创 后端返回文件流,下载并重新命名文件

4.使用 URL.createObjectURL() 方法创建一个临时的下载链接。3.将文件流数据转换为 Blob 对象。标签的点击事件来开始下载文件。1.接收后端返回的文件流数据。属性为你想要的新文件名。5.将下载链接赋值给。

2023-07-15 10:54:22 785

原创 在Vue中使用两个不同的接口地址,并封装请求,添加请求头

index.js是一个环境变量,它应该是在 Vue.js 项目的配置文件中定义的。一般来说,这个变量用于存储与后端 API 相关的 URL 地址。在 Vue.js 项目中,可以使用环境变量来管理不同环境下的配置,例如开发环境、测试环境和生产环境。通过配置不同的环境变量值,可以在不同的环境中使用不同的 API 地址,而无需更改代码。具体的 API 地址取决于你的项目配置,你可以在 Vue.js 项目的根目录下找到.env文件或文件等,里面定义了该环境变量的值。在代码中使用。

2023-07-15 10:53:38 1975

原创 Vue框架使用swiper5实现带缩略图的轮播图

【代码】Vue框架使用swiper5实现带缩略图的轮播图。

2023-07-15 10:52:49 606

原创 使用git时创建密钥

git添加密钥

2023-07-15 09:39:28 68

原创 微信小程序、vueH5页面互相跳转并传递参数

微信小程序、vueH5页面互相跳转并传递参数

2023-03-28 17:00:38 945

原创 简单实现可拖拽的div

【代码】简单实现可拖拽的div。

2022-11-22 14:55:41 2711

转载 Typora免费版下载安装 过期解决办法 - 副本

现在的Typora收费了,但是官网还是可以找到历史版本,1.0之前的不收费。新版虽然收费还是很值得入手的,免费版嘛,也还是能用的。Typora安装后打开弹窗错误看最后!

2022-08-08 15:58:31 580

转载 js常用的校验

js常用的校验。

2022-08-08 15:57:27 168

原创 axios的封装+添加请求头签名+md5加密

axios的封装+添加请求头签名+md5加密

2022-08-08 15:56:27 1586

原创 axios查询字典翻译

axios查询字典翻译。

2022-08-08 15:55:55 161

原创 改变原数组的方法和不改变原数组的方法

改变原数组的方法和不改变原数组的方法1.改变原数组的方法 var arr = [] arr.splice() arr.reverse() arr.fill() arr.copyWithin() arr.sort() arr.push() arr.pop() arr.unshift() arr.shift()arr.splice() // 1.删除功能。 let arr = ['a', 'b', 'c', '

2022-03-04 17:44:59 3206 1

原创 监听鼠标移入移出

鼠标移入、移出触发事件实现移入:mouseenter移出:mouseleave例子$(document).on('mouseenter', '#aaa', function(){ alert("鼠标移入事件!"); }).on('mouseleave', '#aaa', function(){ alert("鼠标移出事件!"); });...

2022-02-11 09:28:25 1366

原创 监听鼠标移入移出添加删除class事件 - 副本

添加删除class方法添加:节点.classList.add(“类名”);删除:节点.classList.remove(“类名”);例子mouseover 鼠标移入触发函数mouseout 鼠标移出触发函数添加类名和删除类名可以以逗号分割来添加多个或者删除多个classList.add(“类名”,“类目”); // 移入显示 移除隐藏 window.onload = function () { document.querySelector('.cla

2022-02-11 09:28:01 1017

转载 Vs-code 必备插件

文章作者: Jackpop文章連結: https://zhuanlan.zhihu.com/p/111004160版權聲明: 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。VS Code是这两年非常热门的一款开发工具,它不仅有提升开发体验的界面、轻量化的编辑器,还有丰富而强大的插件,这些优秀的插件使得VS Code生态体系更加吸引人,让开发效率大大提升。本文来介绍10款高效的VS Code插件,总有一款能够惊艳到你。前言VS Code的确是一款非常热门、有强大用户基础.

2022-02-11 09:27:46 1021

原创 vue 数据更新后,echarts图表不更新

在获取数据后 echarts图表不会根据数据更新props: ['RyZcPjgzTable1'], // 介绍父组件传过来的数据 // 监听数据 // 每当数据发生变化后 都会触发这个事件 给alldata 重新赋值 在重新调用更新数据的方法 watch: { RyZcPjgzTable1: function (newVal) { this.allData = [] newVal.forEach(item => { this.al

2022-02-11 09:27:37 4008

原创 vue+highcharts 画出3D饼图

vue+highcharts 画出3D饼图这是最终效果<template><div class="big-box"> <div class="com-container" ref="container" style="width:380px;height:300px;"> </div> <div class="tulibox"> <div v-for="(item,index) in peiData" :key="

2022-02-11 09:27:28 1249 4

转载 Vue2.0+Vue3.0全套教程

文章作者: 尚硅谷文章連結: https://www.bilibili.com/video/BV1Zy4y1K7SH?p=2&spm_id_from=pageDriver版權聲明: 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。vue简介 vue是一套用于构建用户界面的渐进式javaScript框架Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库.

2022-02-11 09:27:18 20335

转载 vue-cli创建项目流程

文章作者: 没有梦想的coder文章連結: https://blog.youkuaiyun.com/liyunkun888/article/details/83025789版權聲明: 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。一、安装node.js去官网下载安装node.jshttps://nodejs.org/en/或者可以去node.js中文网下载http://nodejs.cn/download/安装完成以后通过命令行工具输入 node -v 查看安装的node.j.

2022-02-11 09:27:05 163

转载 Vue中.prettierrc文件常见配置

文章作者: 小柠檬爱编程文章連結: https://blog.youkuaiyun.com/hong521520/article/details/106969463/版權聲明: 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。当我们使用右键格式化的时候,就会自动帮我们补全符号,但是,有些符号在eslint中就会报语法错误,那我们需要怎么办呢?可以通过.prettierrc来进行文件配置在文件的根目录建一个.prettierrc文件,在文件里写上如下代码:{ "semi":.

2022-02-11 09:26:20 2025

原创 获取元素距离屏幕的距离并添加样式

小例子 document.querySelector("#w_fimg-1604538814255 .erweima").style.right = document.querySelector("#w_grid-1599102165005").offsetLeft+130+'px'修改HTML标签中的style属性 div.style.color="white";//style.样式名=样式值;快捷位置和尺寸DOM已经提供给我们计算后的样式,但是还觉得不方便,所以DOM又提供给

2022-02-10 16:06:03 502

转载 16个工程必备的JavaScript代码片段(建议添加到项目中)

文章作者: _红领巾文章連結: https://juejin.cn/post/7000919400249294862版權聲明: 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。1. 下载一个excel文档同时适用于word,ppt等浏览器不会默认执行预览的文档,也可以用于下载后端接口返回的流数据,见3//下载一个链接 function download(link, name) { if(!name){ name=link.slice(li.

2022-02-10 16:05:42 105

转载 8个工程必备的JavaScript代码片段(建议添加到项目中)

作者: _红领巾文章链接: https://juejin.cn/post/6999391770672889893版权所有: 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。1. 获取文件后缀名使用场景:上传文件判断后缀名/** * 获取文件后缀名 * @param {String} filename */export function getExt(filename) { if (typeof filename == 'string') { .

2022-02-10 16:04:45 123

转载 hexo-butterfly主题配置

文章作者: DreamyTZK文章連結: https://www.antmoe.com/posts/75a6347a/版權聲明: 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。前置说明本片文章为本人想要换 hexo 的主题时所写。因此省略 node 和 hexo 的安装,直接在初始化博客开始。初始化博客输入一下命令,并等待程序初始化完成。BASHhexo init MyHexoBlog此时已初始化完成。安装主题如果没有 cheerio 安装 npm in.

2022-02-10 16:03:03 5306

转载 5分钟搭建个人博客-hexo

文章作者: But昊文章連結: https://www.jianshu.com/p/390f202c5b0e版權聲明: 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。民间有传言,没有手撸过个人网站的程序员不是一个好的前端开发工程师,可是!强撸灰飞湮灭!为了自己的身体健康,还是少撸为妙!不要998,也不要98,完全免费,hexo你直接带回家。通过hexo,可以快速构建个人博客,并搭建到 github 上供他人访问,三秒真男人,我们开始吧!1. 新建仓库都说了要给他人访问.

2022-02-10 16:02:05 190

转载 Git 常用命令大全

文章作者: create13文章連結: https://blog.youkuaiyun.com/qq_38111015/article/details/84885809版權聲明: 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。1.强制推送(慎用,除非你认为其他冲突等可以丢弃 或者不是很重要)git push -- force2.创建文件等小命令touch a // 创建一个a文件echo 1234 >> a // 把1234这个内容放入a文件cat a // 打开.

2022-02-10 15:55:54 130

转载 git pull 报错

文章作者: 微风–轻许–文章連結: https://blog.youkuaiyun.com/misakaqunianxiatian/article/details/51103734版權聲明: 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。idea 上将本地代码推送到 git后 , 报错如下图error: Your local changes to the following files would be overwritten by merge: src/main/r.

2022-02-10 15:54:55 243

原创 背景颜色呼吸效果

1.演示地址https://animista.net/play/background/bg-pan2.代码.bg-pan-left { background-image: linear-gradient( 90deg,#3e91cc,#2dcca7); background-size: 200%; background-repeat: repeat; animation: bg-pan-right 1.2s infinite both; animation-d

2022-02-10 15:52:15 535

原创 SVG 画出动态线条流动效果

版權聲明: 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。最近做了一个项目 UI图长这样中间的线条没有gif 需要用代码画出来尝试了很多种方法 最终选择了用svg画下面是全部的代码<template> <div class="right-page"> <Subtitles :hanzi="title.zh" :yingyu="title.en" class="title"></Subtitles> .

2022-02-10 15:51:04 10348 7

转载 CSS3图片跳动效果

文章作者: AriesMiki文章連結: https://www.jianshu.com/p/007d24371c9e版權聲明: 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。分享一个有意思的图片弹跳小动画,效果如下图:因为gif图片问题,投影部分显示会有点小瑕疵,实际效果会比较高清。第一步:搭建结构,结构使用ul>li>img布局,并给body设置背景图,投影使用伪元素after实现。代码如下:<ul class="jump"> &l.

2022-02-10 15:44:52 1907

空空如也

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

TA关注的人

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