自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 react 配置路径别名

创建别名让import或require某些模块更容易。比较适合文件层级较深,只需一处配置就不再担心在不同的地方引用相对路径过于繁琐导致出错。1、打开配置文件默认情况下,react脚手架搭建的项目配置文件都是隐藏的,我们首先需要打开它,进行自定义设置。//在项目路径下输入该命令yarn run eject注意:该行为是不可逆的,如果碰到如下错误,是因为代码还未提交存到仓库(本地仓库)输入以下命令git add .git commit -m "-"成功后在项目的根路径下会出现confi

2020-07-24 10:06:32 3547

原创 脚步加载效果-CSS3

最近项目上有这样一个需求,该项目的加载页需要有像踩雪一样的动作,像这样子。嗯哼,它到底是怎么踩得?首先将这4个脚印的图片以及动作分解,它的动作其实就是我踩、我收、我再踩、我再收…步骤1:首先我们需要绘制一个盒子来装该4四张图片(这里有一个小技巧就是4张图片的大小和该盒子的大小一样大,空白区域背景透明,再通过定位实现四张图片错位重叠)初步样子:步骤2:动画效果可以用CSS3中的透明度切换(opacity的0和1)、dispaly的none和block、或者利用缩放(scale中的0和1), 每

2020-07-17 15:28:04 208

原创 react结合antd将数据导出为Excel格式文件

安装插件//yarn安装yarn add js-export-excel//npm安装npm i js-export-excel在需要的地方引入该模块import ExportJsonExcel from 'js-export-excel';//excel表格导出给导出按钮绑定事件 <Button type="primary" onClic...

2020-02-27 17:31:59 1313

原创 vue3数组V-for中动态生成$refs

vue3 根据数组【采用V-for】动态生成$refs

2023-08-03 17:28:56 1527

原创 antv x6将节点拖动到两连线的节点中,自动插入

antv x6将节点拖动到两连线的节点中,自动插入。

2023-07-30 16:23:59 808 1

原创 qt和vue交互

【代码】qt和vue的交互。

2023-07-14 17:28:38 3360 1

原创 PS精选模块之移动工具的6种分布详解(默认针对于选区)

今天我将PS中的6种分布方式分享给大家,不足之处大家互相讨论交流。首先我们做分布的前提是:存在3个及以上的图层。原图按顶分布按顶分布:先根据距离顶端的距离排序,排序后的每相邻两个图形顶部距离相等按底分布按底分布:先根据距离底部的距离排序,排序后的每相邻两个图形底部距离相等按左分布按左分布:先根据距离左边的距离排序,排序后的每相邻两个图形左边距离相等按右分布按右分布:先根据距离右边的距离排序,排序后的每相邻两个图形右边距离相等水平居中分布水平居中分布:距左端位置距离排

2021-05-27 10:26:39 1249

原创 利用伪元素制作字体图标并且鼠标经过时改变

1、下载字体图标2、将解压的项目放入到本地项目3、在解压后的iconfont.css文件引入到自己的项目中4、利用伪元素(此处用的after)来制作字体图标.box::after { position: absolute; right: 20px; top: 10px; content: "\e60c"; font-family: "iconfont";

2020-11-05 18:25:34 1126

原创 当前地址栏(URL)参数含有特殊符号的处理[vue]

最近项目里有这样一个需要,用户可以通过外部链接进入我们的系统,我们需要从它携带的参数token中获取该值,但是该值在获取后含有特殊字符,如空格、#等。首先我们需要先了解基本网址URL中特殊字符转义编码字符URL编码值=%3D+%2B空格%2F?%3F#%23&%26获取地址栏对应的地址参数信息以及用replace进行对该数据处理 let token = this.$route.query.token; if (toke

2020-08-12 16:48:02 6052 2

原创 修改hosts文件提示没有权限保存怎么办

修改hosts文件提示没有权限保存怎么办?很多小伙伴在配置ip和域名关联是都碰到了这个问题,下面让我们来看一下解决方法。进入该文件的地址,此处是:C\Windows\System32\drivers\etc,右击hosts选择属性。选择安全选项—选择当前的用户----点击编辑我这里选择的是完全控制–点击确定就完成啦。希望能对你的问题有所帮助。...

2020-07-07 11:02:47 3878 1

原创 React项目中提示caniuse-lite已过时,建议更新

最近在react项目运行时提示caniuse-lite已过时,建议更新但是此处我们根据它提示的输入命令:yarn upgrade就出现某些包不能找到 出现404的错误经过本次踩雷 找到了2种解决方法1:简单粗暴:直接删除node-madual文件夹,重新下载依赖 yarn//或者 npm i //这种方法因为需要重新下载所有的依赖,耗时,一般不建议使用2:删除删除node-madual文件夹下的caniuse-lite,再下载caniuse-lite和browserslist的依赖y

2020-07-06 17:39:49 6864

原创 antd中实现隐藏某一列数据

在工作中我们可能会有这样需求,比如在课程管理中可能会存在相同名字的老师名字,这个时候如果再靠以前的查询数据后遍历数组是不可取的。这个时候我便可以利用教师编号唯一性的特点。antd中每一列数据都有唯一性,那么我就需要根据自己的需求来改善代码。1,先配置教师编号列,通过className设置样式将其隐藏js代码: this.columns = [ ...

2020-05-06 14:38:41 23898 16

原创 图形化管理工具Navicat连接MySQL Server 8.0

想必针对于大多用惯了MySQL Server 5.7及以下版本的小伙伴第一次用图形化管理工具Navica连接MySQL Server 8.0都会踩雷,what?明明密码和用户名是对的竟然连接不成功?大写的疑惑。其实这个是由于MySQL8.0采用了新的SHA-2插件加密方式,导致很多第三方可视化软件和编程语言接口连接错误,解决这个问题只需要还原native方式。首先我们通过命令行连接上我们的my...

2020-03-26 23:39:07 546

原创 Vue的v-html样式更新

今天在写vue项目的时候,将后端获取的值赋值给v-html使用时,想对其v-html渲染的样式进行修改,然而尽管加了!important也修改无效。后来查询资料才知道,style标签中的scoped属性导致css仅对当前组件生效,而v-html绑定渲染出的内容可以理解为是子组件的内容,子组件不会被加上对应的属性。错误代码:<style lang="less" scoped>.ri...

2020-03-16 22:51:14 711

原创 R和Rstudio的2个中文相关的报错问题解决

最近刚接触了机器学习和人工智能这门课程,第一堂就是就是安装R和Rstudio,在这安装过程中分享一下新手容易踩的2个坑。安装路径中有中文这个问题的话就是简单而粗暴的***卸载重新安装***电脑的用户名是中文由于Rstudio运行的时候会在C盘的用户文件夹下面产生一个临时文件,我们可以更改这个临时文件夹的指向,它跟环境变量中的TEMP和TMP的配置有关首先在其他不含中文路径的文件夹建立...

2020-03-03 22:42:49 2322 3

原创 React基础入门(1)

1.react的基本概览React 是 MVC 中的 V(视图),但是它仍是数据驱动,视图变了,视图也会同时发生变化。2.如何构建一个最简单的react程序React的使用和vue一样,大致有两种方式【目前先介绍第一种】1):使用script引入相关的js文件进行使用2):使用react的脚手架(可以使用官方的也可以自己搭建)第一步:引入相关js文件//引入相关js文件<sc...

2019-11-28 00:29:05 172

原创 webpack相关的基础知识

1.webpack是什么,能干什么?gulp是什么,能干什么?

2019-11-26 20:56:44 139

原创 路由

路由使用路由的两个标签及其作用?1.定义路由视图(显示当前路由所对应的组件)<router-view></router-viwe>2.实现路由跳转<router-link></router-link>嵌套路由的使用流程?1).在组件中添加路由2.在路由中添加子路由规则命名视图的作用与使用流程?作用:为了同时显示多个...

2019-11-14 09:24:40 134

原创 js中关于this指向试题

js中关于this指向试题可能有很多一开始接触js的小白也有被this指向弄得傻傻分不清,下面我给大家分享一个有关于this指向的简单易懂的试题。 fn: function fn(b) { console.log(this) this.b = b; console.log(this.a); } ...

2019-11-01 21:19:11 405

原创 Node.js

node是为了实现什么目的而诞生的?node为构建高性能服务器而诞生。使用node的两种方式【交互模式和js文件】node的fs和http模块fs+http 构建静态的webserverexpress安装时不能漏掉什么模块?generator的使用 【语法:express 项目名】中间件和路由概念+基本用法...

2019-11-01 12:33:19 99

原创 JS事件

冒泡事件流定义:事件传播的方式。从document一层层向内捕获到目标元素再一层层向外冒泡。浏览器一般都在冒泡阶段处理事件[IE浏览器不认识捕获,但是捕获客观存在]捕获阶段->目标阶段->冒泡阶段阻止冒泡if(e.stopPropagation){ e.stopPropagation();//非ie浏览器}else{ e.cancelBubble=tru...

2019-09-11 20:24:44 69

原创 js中关于随机数的例题

1.随机生成一个五位以内的数,然后输出该数共有多少位,每位分别是什么<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1...

2019-09-02 18:03:10 516

转载 js运算符顺序及规则 &&与||的运算

js运算符顺序及规则1 ()2 !、--、++、 负号 正号[一元操作符]3 *、/、%4 +、-5 <、<=、<、>=6 ==、!=、===、!==、7 &&8 ||9?: (三元运算符)10 =、+=、-=、*=、/=、%= (赋值运算符)补充: 1、&和&&的区别: 1)最终结果相同; ...

2019-08-31 16:49:34 1739 3

原创 JavaScrpit基础-前置后置运算要领

分支运算一元运算符++a:前置(先自加再运算)a++:后置(先运算再自加)条件判断语句 if(条件1)else if(条件2) if (条件1)else if (条件2)else if(条件3)... else(如果都不满足)分支结构switch (变量){ case 情况1:执行语句;break; case 情况2:执行语句;break; case...

2019-08-31 15:26:23 399

空空如也

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

TA关注的人

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