- 博客(36)
- 资源 (16)
- 收藏
- 关注
RSS订阅原创 vue3通过ElementPlus的tooltip组件实现自定义指令文字提示
之前的项目中，有些文字比较长，不可能全部展示出来，就自己手写了个指令版本的tooltip,开始使用的显示方式，是自己在body中单独创建了个元素，然后监听鼠标事件，然后采用position:fixed的方式展示。后来，想了下，打算借助ElementPlus的tooltip组件进行实现，只需要自己去判断内容是否超出展示的边界即可，于是便有了这篇文章。
2024-05-20 15:06:38
1388
3
原创 Element封装Table和Pagination
基于Element2.15.7版本，对Table和Pagination封装成新组件TablePage。使用方式：Json数据格式的配置，代码在下方。注：vue使用2.x版本，仅供参考学习交流。
2022-09-29 16:08:17
791
原创 vue3+fabric绘制检测区域
Vue3.2.x出来之后，调研了下周边相关的东西，觉着在新项目中可以使用，于是乎，先弄个Demo试试水。vite2.x+vue3.2.6+fabric+ant-design-vue当然fabric之前没使用过，所以也参考了网上一些其他人使用方式，非常感谢！！！使用vite开发，启动和打包确实快，是个不错的脚手架选择。现在vue3 使用composition api写法，比起之前更加的碎片化，要记得的知识点也多了些，之前几乎就是this横扫一切，要是写过react的同学，一定不会陌生，因为这种写法和reac
2022-09-20 13:37:32
2513
原创 tailwind在Nextjs中打包失败
在一个nextjs项目开发中,使用了tailwindcss，但是当打包的时候，发现按照tailwindcss官方的引入方式，打包失败。查找发现在package.json中tailwindcss和autoprefixer在devDependencies中，记录一下，有相似问题的伙伴可以参考下，不确定100%能解决你们的问题。后来挪到dependencies中才打包成功。
2022-09-19 15:37:12
632
原创 Gin加载history模式下打包后的Vue文件，刷新找不到页面404问题
Vue Spa打包后生成dist文件夹，Gin当做静态资源加载，然后刷新当前页面出现404问题注： dist文件夹放置在和main.go同同级文件夹下import ( "io/ioutil" "github.com/gin-contrib/static" "github.com/gin-gonic/gin")app := gin.Default()//加载静态资源app.Use(static.Serve("/", static.LocalFile("dist", true)))app
2021-11-15 10:21:10
1488
1
原创 Element2.x主题自定义
前提看了网上一些针对Element2.x版本主题更换的方式,大部分都是采用样式覆盖的方法实现的，要不就是通过less变量方法来进行主题更换,都不是很满意，然后就写了这个主题更换，可以实时更换你想要的色彩。原理:通过提取主题色修改成CSS变量，进行色值的更改。安装npm i element-theme-csswebpack插件引入const ElementCssReplaced = require("element-theme-css");plugins: [ new ElementC
2021-08-30 13:11:16
299
原创 Web Shell推荐
1.Xterm官网: https://xtermjs.org/gitHub: https://github.com/xtermjs/xterm.js.git安装方式： 第一种： npm install xterm第二种： <script src="./xterm.js"></script>优点：应用广泛，适配所有前端框架，可用Canvas实现，其他请查找相关文档。缺点：3.x和4.x使用方法有些差异。2.vue-command官网：https://gi
2021-06-02 14:57:46
486
原创 docker-compose问题 Traceback (most recent call last)
docker-compose问题 Traceback (most recent call last)描述：在执行walle(瓦力)自动部署镜像，执行docker-compose up -d && docker-compose logs -f报错，如下：解决办法:pip uninstall requestspip install --ignore-installed requestsTraceback (most recent call last):File “/usr
2021-04-14 15:04:44
5414
原创 Gulp常用的一些插件
Gulp常用插件自己常用Gulp插件，这是gulpfile.js文件，喜欢的可以复制下来尝试用用。自己常用Gulp插件，这是gulpfile.js文件，喜欢的可以复制下来尝试用用。var gulp = require( 'gulp' ), //复制文件 bHtml = require('gulp-b-html'), //服务器 webserver = requi...
2019-02-15 16:18:55
698
原创 iView3.0样式显示问题(Select和DatePicker)
最近开发项目时用到iView3.0;但是却遇到一些样式无法显示出来，目前只遇到Select和DatePicker这两个组件的问题；开始以为是自己写的样式重叠了，后来发现是css类库的的问题，后来换到2.14.2版本样式显示正常，提前采坑了☹，希望在问题解决之前，先用着旧版本的。...
2018-10-24 11:17:16
2376
原创 axios接收后台图片二进制流显示到前端
在使用Vue+axios做项目时候遇到一个问题，就是后台传给前端一个图片二进制流的时候，我这边进行转换Base64图片，然后进行显示，希望有所帮助。推荐UI框架：iView: https://www.iviewui.com/Mint-ui: http://mint-ui.github.io/#!/en代码如下：// 代码是Vue形式的，自行转换getImgCodeApi:functio...
2018-10-18 11:32:39
15646
1
原创 canvas刮涂层抽奖
虽然网上看了很多的canvas实现刮涂层抽奖效果的例子，但大多数都是将写好的代码封装起来了，这让很多初学者看了很头疼(反正我是头疼了)。所以，今天用最最最原始的js写了一个，便于初学者学习和接受。如果有用的话，请点个赞。图片自己找张替换上就可以了，注意图片路径。html lang="en">head> meta charset="UTF-8"> title>Titletit
2018-02-02 17:22:50
865
原创 jQuery鼠标经过显示二级导航菜单(用less写的)
HTML代码，包含jshtml lang="en">head> meta charset="UTF-8"> title>Titletitle> link rel="stylesheet" href="css/nav.css"> script src="http://code.jquery.com/jquery-1.9.1.min.js">script>he
2018-01-29 16:50:09
1832
原创 使用setTimeout()实现setInterval()功能
setTimeout()与setInterval()本身功能说明，如下：setInterval(fun,time)：间隔time就执行fun函数一次，重复性的。setTimeout(fun,time):当过了time时间后，执行fun函数一次，非重复性的，只执行一次。setTimeout()实现setInterval()功能：/** 调用函数* 参数分为：true和
2018-01-23 17:35:41
5334
原创 弹性布局做导航
弹性布局做导航主要用到的属性 { display:flex}和{justify-content: space-around;}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no
2017-08-23 16:16:05
2451
原创 Mongo数据库使用
数据管理工具Robomongo 下载地址[https://robomongo.org/download(https://robomongo.org/download) 说明:这个工具是图形化界面，功能挺多的，用来更好的管理数据库,类似MySQL的图形化界面管理工具 数据库使用命令启动服务器net start MongoDB新建数据库新建数据库之前需要切换，输入命令: mongo,否则报错，如图：
2017-08-23 16:13:42
454
原创 MongoDB数据库安装完成之后的配置
使用之前需要的配置mongod - -dbpath C:\mongodb\data说明：- -dbpath 指定存储数据库的路径(路径可以自定义) mongod - -logpath C:\mongodb\log\mongo.log - -logappend说明: - -logpath指定数据库日志的文件(这个是直接一个文件，不是文件夹) ;- -logappe
2017-08-22 11:07:35
819
原创 MongoDB数据库安装
MongoDB安装及其简单使用官网下载 https://www.mongodb.com/图片步骤展示第一步 第二步 第三步 第四步 对于初学者来说，安装时候就用默认的路径就好了，点击下一步(next),MongoDB就安装完了安装完成打开文件夹查看目录 默认安装路径：C:\Program Files\MongoDB 设置环境变
2017-08-14 13:07:18
266
原创 HTML5之Validation Plugin表单插件使用(仅供参考)
Validate表单验证插件的使用(仅供参考) body{ background-color: #DDDDDD; } .myform{ position: relative; width: 400px; left: 50%; margin-left: -200px; } 用户登录
2017-02-23 17:40:02
507
原创 JQuery之基本筛选选择器简介（一部分）
JQuery对象之基本筛选器 第一个 第一个--- 第二个 第二个--- 第三个 第三个--- 第四个 第四个--- 第五个 第五个--- //筛选第一个元素，格式：$("pre:first") 筛选pre的第一个元素 $(".div:first").cs
2017-02-17 13:46:06
313
原创 JQuery-DOM对象和JQuery对象的相互转换
--> 第一 第二 第三 //JQuery对象转换成Dom对象 var $div = $('div'); var div = $div.get(0); div.style.color = 'red'; //Dom对象转化成JQuery对象// var div = document.getElementsByTagName('div')
2017-02-17 12:53:50
401
原创 Java反射简介
反射1、Java反射的概念自己理解：可以通过类来获得对象及其属性和方法，先知道整体，然后根据整体是什么类型，在创建具体实现的对象，从而进行其他操作。反射含义：可以获取正在运行的Java对象。2、Java功能：可以判断运行对象属于哪一个类可以判断运行对象拥有的成员和函数反射甚至可以调用private修饰的方法3、实现Java反射的类Class：它表示正在运行的Ja
2015-09-12 17:49:05
446
原创 Java集合简介
一、集合Connection（集合）是最基本的集合接口，主要有三种类型：Set（集）、List（列表）、Map（映射）。在这里根据自己的理解主要介绍ArrayList、LinkedList、TreeSet三种。二、ArrayList
2015-09-11 11:16:43
283
原创 URL编程简介
一、URL类url是用来描述如何在Internet上进行资源定位的字符串，一个完整的URL由协议、主机名、端口号、文件名、与引用组成。例如：http：//www.sina.com：80/news/index.html主机名：www.sina.com端口号：80访问的文件名：news/index.html构造方法如下：URL(String spec)
2015-09-11 10:41:42
593
原创 Java网络通信简介
一、网络基础知识1、IP网际协议，将一个消息从一个主机传递到另一个主机使用的协议称为IP协议，它是Internet的网络协议。2、TCP传输控制协议，TCP是一种可靠的面向连接的传输服务，TCP处理IP协议中没有处理的通信问题，向应用程序提供可靠的通信连接，能自动适应网络的变化，它保障了在网络中正确无误地传递数据包。3、UDP用户数据报包协议，与TCP一样是属于传输层的
2015-09-11 09:51:37
959
原创 Java线程简介
一、线程概念线程，有时被称为轻量级进程，是程序执行流的最小单元。线程是进程中的一个实体，是被系统独立调度和分派的基本单位。线程状态：（1）新建。当一个线程对象被声明并创建时，新生的线程对象处于新建状态。（2）就绪。处于新建状态的线程被启动后，即可拥有相应的内存空间和所属的资源。（3）运行。处于就绪状态的线程被调度并获得CPU资源时，便处于运行状态。（4）阻塞。一个正在运行的
2015-09-10 21:01:50
518
原创 Java数据库简介
一、JDBCJDBC是一套用来访问和操作数据库的Java API的集合，通过使用其中的方法和接口来操作数据库。JDBC的核心是为用户提供Java API类库，该类库完全用Java语言编写。JDBC驱动程序的分类:1、JDBC-ODBC桥驱动2、JDBC本地驱动3、JDBC网络纯Java驱动4、本地协议纯JDBC驱动在JDBC数据库应用程序中，首先需要指定驱动程序类型
2015-09-10 19:43:41
1091
原创 输入/输出流和文件操作
一、流的概念流：对数据操作的对象。根据流的方向。分类：输入流和输出流。输入流读取数据，但是不能写入数据。输出流只能写入数据，不能读取数据。根据处理数据类型不同。分类：字节流和字符流。字节流以字节为基本单位进行处理，也称为原始数据，适合7 位ASCII码操作；而字符流以字符为基本单位进行处理，用2字节的Unicode作为编码。二、字节流（InputStream和OutputS
2015-09-10 18:50:23
473
原创 Java图形化绘制
一、绘图坐标系在组件上绘图时的坐标系为：水平方向为x轴，垂直方向为y轴，左上角起始点坐标是（0，0），区域内任何一点的坐标用（x，y）表示。二、绘图类Graphics的常用方法绘图类Graphics是一种特殊的抽象类，无须通过new实例化即可直接使用。Graphics类中定义了很多绘图方法，通过调用这些方法，可以实现绘制各种各样的图形。1、绘直线drawLine方法draw
2015-09-10 16:48:44
2023
原创 Java图形化组件
一、component组件是其他组件类的父类，Javax.swing包中Jcomponent(轻组件)类是Java.awt包中Container类的一个直接子类、Component类的一个间接子类。组件类的常用方法：public void setFont(Font f) public void setLocation(int x,int y)
2015-09-10 15:31:40
1612
原创 Java异常
异常(Exception)的概念在程序执行过程中，能够使正常程序运行中断的条件，称为异常。引起异常的因素(1)Java虚拟机检测到了非正常的执行状态这些状态可能是由以下几种情况引起的：程序中出现比较明显的语义错误，如对0做除法’对负数开平方根等。在载入或连接Java程序时出错。算法太复杂，超出某些资源限制，如使用了太多的内存导致死机等。(2)Java程序代码中的thro
2015-09-10 14:28:34
355
原创 Java继承 封装 多态
继承概念：简单说就是一个类使用extends来关联另一个已存在的类（API中的或者自己写的），Java继承是面向对象的最显著的特征之一并且一个类只能单继承（只能继承一个类）不能多继承。继承特点：继承是单一的； 继承关系是可以传递的； 层次关系鲜明；总的来说：Java继承是单一的，可以调用父类的方法（一般来说不能调用父类的构造方法），虽然不能多继承，但是Jav
2015-08-13 16:16:35
366
原创 Java语言基础组成（一）
关键字：关键字又称为保留字。电脑事先定义的，有特别意义的标识符，关键字不能用作变量名、 方法名、 类名 、包名和参数。关键字如下图（仅供参考）：标识符：标识符是用来给类对象方法变量接口和自定义数据类型命名的。标识符命名规则：首先关键字不能当做Java标识符。标识符由数字、字母和下划线，美元符号组成，而且首位不能是数字。命名例子：类和接口名 每个首字母大写，含有大小写（如：Hel
2015-08-11 11:13:58
347
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人