![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
五只小狗
这个作者很懒,什么都没留下…
展开
-
Element 实现Table组件实现拖拽效果
一、使用的 Sortable.js效果二、引入插件npm install sortablejs --save三、代码<el-table v-loading="loading" :data="listList" row-key="id" align="left" style="width:100%;" v-bind:height="windowHeight * 0.81" id="el-table"> <el-table-column label="序列"原创 2022-05-11 16:42:31 · 1148 阅读 · 0 评论 -
element Tree 懒加载,搜索请求后端
tree自己提供的搜索,只能搜索加载好的数据,不符合我们这边的需求,这边换了一种思路,就是在搜索的时候,换成普通的 tree 当输入框是空的时候在换回之前懒加载的 tree,代码如下: <el-input placeholder="输入控制指令名称" size="mini" v-model="filterText" @input="filterNode"></el-input> <el-tree class="filter原创 2022-05-09 21:14:55 · 1019 阅读 · 0 评论 -
java + vue 实现文件夹上传
前端代码html <label <!-- 与input的id绑定点击时就等于点击 input --> for="uploads" class="tops" >文件夹上传</label> <input type="file" id="uploads" name="files" <!-- 上传文件夹要加这个属性 --> webkitdirectory <!-- 选原创 2022-05-05 15:05:06 · 1680 阅读 · 0 评论 -
Element 文件上传 Upload 上传
<!--按钮--> <el-button v-if="node.data.type === '0'" type="text" size="mini" @click="fileClick(node,data)"> <i class="el-icon-upload"></i> </el-button> <!--添加文件弹窗--> <el-dialo...原创 2022-04-02 15:43:56 · 588 阅读 · 0 评论 -
qart 图形二维码 html2canvas下载二维码
效果图灰白彩色前端代码<!DOCTYPE html><html lang="zh" xmlns:th="http://www.thymeleaf.org"><head> <meta charset="UTF-8"> <th:block th:include="include :: manhua('二维码')"/> <th:block th:include="include :: cartoon-qrco原创 2021-07-22 18:13:58 · 727 阅读 · 0 评论 -
前端一些插件中文文档
http://www.itxst.com/原创 2020-12-14 13:41:09 · 87 阅读 · 1 评论 -
distpicker实现省市级联动
<!--id="distpicker" 时必须加的要通过id获取里面的select--> <div class="region-div" id="distpicker"> <div class="form-group region"> <label class="col-sm-3 control-label ">省:</label> <div class="col-sm-8"> <s原创 2020-11-18 18:56:05 · 843 阅读 · 0 评论 -
模仿百度搜索框缓存数据,页面效果比较简陋
直接上代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div style="width: 50%;height: 50%;margin: 0 auto;">原创 2020-10-23 21:11:27 · 160 阅读 · 0 评论 -
粒子背景图
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><body> <script type="text/javascript" src="https://c...原创 2019-11-18 13:25:29 · 179 阅读 · 0 评论 -
js知识汇总
以前自己学时候的笔记JavaScript 能够改变 HTML 内容本例使用该方法来“查找” id="demo" 的 HTML 元素,并把元素内容(innerHTML)更改为 "Hello JavaScript":document.getElementById("demo").innerHTML = "Hello JavaScript";document.getElementById("...原创 2019-11-18 12:43:57 · 156 阅读 · 0 评论 -
jquery知识汇总
以前自己学的笔记jQuery 隐藏方法$(this).hide()演示 jQuery hide() 函数,隐藏当前的 HTML 元素。$("#test").hide()演示 jQuery hide() 函数,隐藏 id="test" 的元素。$("p").hide()演示 jQuery hide() 函数,隐藏所有 <p> 元素。$(".test").hide()...原创 2019-11-18 12:41:44 · 112 阅读 · 0 评论 -
html标签和css的语法web的一些知识汇总
以前自己学的时候的笔记,###自我介绍 刘国斌 77331283 ###课程介绍####第一部分前端页面ipconfig- 13天####第二部分数据库 - 8天####前端课程介绍- HTML 用于搭建页面结构和内容 - CSS 用于美化页面 - JavaScript 用于给页面添加动态的效果- jQuery 简化JavaScript代码的框架###...原创 2019-11-18 12:39:58 · 416 阅读 · 1 评论 -
QRcode.js二维码中心添加图片
上一篇文章写的二维码没有图标,然后我就想实现一个有图标的,找了半天终于是被我找到了,代码和上一篇文章一样,只是多了行代码,在加两个依赖,也不知是哪位大佬写的废话不多说直接上代码,<!DOCTYPE html><html><head><meta charset="UTF-8"><title>二维码</title>&l...原创 2019-11-17 18:18:58 · 6502 阅读 · 4 评论 -
代码高亮
代码高亮有很多api可以实现,用法也很简单,这里就讲两个首先是prism 官文地址箭头指向是选择的颜色,在最下方有下载js和css代码结果图第二个是highlight官网地址https://highlightjs.org/用法大同小异,基本都一样代码<!DOCTYPE html><html><head><meta charset...原创 2019-11-14 16:48:20 · 837 阅读 · 0 评论 -
js jq实现百度搜索框
废话 ,我就不多说了,直接上代码首先是html的代码<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>仿浏览器主页搜索</title><link rel="stylesheet" href="css/index.css"&g...原创 2019-11-05 10:22:45 · 522 阅读 · 0 评论