- 博客(59)
- 收藏
- 关注
RSS订阅原创 vue中对象数组去重
test() { let arr = [ {"tid": "1476441758236913665", "state": 1, "orderNumber": "HK-2020050065"}, {"tid": "1476442625975496706", "state": 1, "orderNumber": "HK-2020060223"}, {"tid": "1476442.
2022-03-23 14:29:23
2612
原创 数组数据去重，判断字符元素出现次数并统计这个次数
demo() { let data = [ // 模拟获取的数据 {"tid": "1478348630611169282", "region": "孟加拉"}, {"tid": "1478348630623752194", "region": null}, {"tid": "1478348630636335105", "regio...
2022-02-16 16:29:22
305
原创 数据可视化分析框架 amCharts 5
官网文档amCharts 5 框架官网https://www.amcharts.com/ 下载安装 amCharts npm install @amcharts/amcharts5 在组件的脚本部分导入 amCharts 库 import * as am5 from '@amcharts/amcharts5';import * as am5xy from '@amcharts/amcharts5/xy';import am5themes_Animated from '@amch.
2022-01-27 13:41:47
1631
6
原创 收藏的标签链接
网页设计常用色彩搭配表 - 配色表 - DIVCSS5色彩搭配看似复杂，但并不神秘。既然每种色彩在印象空间中都有自己的位置，那么色彩搭配得到的印象可以用加减法来近似估算。将网页设计中常见的色彩搭配按照色相的顺序归类。搭配起来就会得到千变万化的感觉。http://www.divcss5.com/peise/Gradient Hunt - Beautiful Color Gradientshttps://gradienthunt.com/PNG images | 100 000+ Free PNG images
2021-11-30 14:53:55
297
原创 vue 实现el-table组件 点击某一行出现输入框可以编辑
1. 页面部分<div style="margin-top: 10px"> <el-table :row-class-name="tableRowClassName" border class="disabled-table" :cell-style="{padding: '0'}" :row-style="{height: '55px'}" :data="tableDataFeedingStrategy"
2021-06-04 16:54:12
4205
原创 vue Table 表格绑定批量删除功能
1.<el-tooltip class="item" effect="dark" v-if="selectionList" content="将选中当前分页的所有数据，请确认后操作" placement="top-start"> <el-button class="mr10" type="checkbox" :indeterminate="isIndeterminate" v-model="checkAll" @.
2021-06-04 16:15:05
966
原创 vue elemenUi el-input 限制只能输入数字时与表单验证rules冲突问题
1.当输入其他字符再输入数字的时候，输入框中显示有值，但实际去打印 v-model绑定的变量的时候就获取不到新输入值。即使用了一个函数限制输入框只能输入数字，输入其他将会被置空，在输入1时是正确的，之后我们输入一个非数字，这个非数字并被置空之后，再输入新的数字。v-model的值和value的值出现了不同，v-model无法获取到新输入的数值...
2021-06-04 15:59:33
2205
2
原创 vue elemenUi el-input组件 限制只能输入数字类型
1. 监听键盘输入，使用正则过滤掉其他字符<el-form-item label="饲料重量(g)/转：" :label-width="formLabelWidth" prop="perWeight"> <el-input v-model="feedForm.perWeight" autocomplete="off" maxlength="10"
2021-06-04 15:48:10
663
原创 使用单选框radio切换echarts图,和lable绑定
1. 页面使用<template> <div class="headerH"> <div style="height: 15%;overflow: auto;"> <template v-for="(curveTitle,index) in feedTitle"> <input type="radio" name="check" ...
2021-05-31 14:19:41
619
原创 Echarts x轴字体倾斜
xAxis: { data: this.feedingDays, axisLine: {lineStyle: {color: '#8392a5'}}, axisLabel: { interval: 0, ...
2021-05-31 14:01:31
634
原创 Echarts K线图中dataZoom,滚动条左右两边文字更改颜色样式
dataZoom: [{ textStyle: { color: this.father //滚动条两边字体样式 }, dataBackground: { areaStyle: { ...
2021-05-31 13:56:27
3010
3
原创 vue中 Echarts的K线图和折线图使用
1. 页面中引入Echarts<template> <div style="width: 100%;height: 100%;"> <div class="statisticsMenu1"> <span class="title" v-if="father1">水料总汇 </span> <div class="item" :c
2021-05-31 13:43:50
584
原创 前端vue excel文件流导入两种方式
1. 第一种导入方式1-1. 使用组件 <div class="upload-excel"> <el-upload id="eccel" :disabled="buttonDis?true:false"
2021-05-31 12:30:13
1408
原创 直接导出表格
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <tit.
2021-05-31 11:24:00
120
原创 前端vue导出文件流excel
1. 获取当前时间//获取当前时间getCurrentTime() { let yy = new Date().getFullYear() let mm = new Date().getMonth() + 1 let dd = new Date().getDate() let hh = new Date().getHours() let mf = new Date().getMinutes() < 10 ? '0' + new Date().getMin
2021-05-31 11:20:58
924
原创 前端分钟时间转换
1.分钟时间转换事件timeConversion(time) { //time是传进来的分钟数 let timeData = ""; let h = Math.floor(time / 60); time -= h * 60; if (time == 0) { if (h < 10) { timeData = h ? "0" + h + ":00" : ""; } else { timeData = h ? h
2021-05-31 11:02:39
483
原创 BootStrap-CSS样式_插件_警告框（Alert）插件引用 自动显示和消失
引用框架<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"><script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script><script src="https://cdn.staticfile.org/twitter
2020-05-25 15:37:09
1267
原创 JS日期时间格式转换
Wed Jan 09 2019 00:00:00 GMT+0800 (中国标准时间)Thu Sep 26 2019 00:00:00 GMT+0800 (中国标准时间)转换成格式为 :20190109 00:00转换成格式为 :20190926 00:00var start = new Date($scope.date[i].start); //Wed Jan 0...
2019-10-18 13:20:38
1080
原创 如何在HTML不同的页面中，共用头部与尾部？HTML的引入几种方法
asp语言和PHP语言 的使用 首先制作一个头部文件head.asp，或者一个底部文件foot.asp。如主页是index.asp，调用头部代码是在index.asp文件代码的开始位置（第一个标记后面，<head>标记前面）增加如下代码：<!– #include file=”head.asp” –> 调用共用底部文件代码是在index.a...
2019-10-14 09:45:19
3052
原创 Windows中杀死占用某个端口的进程
第一步，打开cmd命令窗口，输入命令，根据端口号查找对应的进程号netstat -ano | findstr 80 //列出进程极其占用的端口，且包含 80发现 8080 端口被 PID(进程号)为 2132 的进程占用。第二步， 据进程号寻找进程名称tasklist | findstr 2132第三步，根据进程号命令行杀死该程序taskkill -PID...
2019-09-17 17:01:30
199
原创 Angular的$http请求方式、Angular的几种发送请求
$http常用的几个参数:$http常用的几个参数 $http服务的设置对象: 1、method 字符串 表示发送的请求类型 get post jsonp等等 2、url 字符串 绝对或者相对的URL,请求的目标 3、params 字符串或对象 会被转化成查询字符串加到URL后面，如果不是字符串会被JSON序列化 4、data 字符串或者对...
2019-09-17 16:39:15
3118
原创 获取当前的id值、获取tr的id值
<tr data-uid="a51a0722-a3ff-4ddb-84c3-3c5d360bf1eb"> <td> <buttonEml type="button" ng-mousemove="removeEmlMD5()" id="{{dataItem.md5}}">删除</buttonEml> </t...
2019-09-17 16:23:14
3940
原创 解决重复执行点击事件和重复调用函数
在绑定事件前先解绑事件就能成功解决这个问题在方法前加入:$("buttonEml").unbind(); //解决重复执行事件<buttonEml type="button" ng-mousemove="removeEmlMD5()" class="btn btn-danger btn-sm">删除</buttonEml> ...
2019-09-17 16:00:06
2840
原创 自定义confirm删除弹出框 、 jQuery在线引用 、 Bootstrap 在线引用
jQuery在线引用:官网jquery压缩版引用地址: 3.1.1版本:<scriptsrc="https://code.jquery.com/jquery-3.1.1.min.js"></script> 3.0.0版本:<scriptsrc="https://code.jquery.com/jquery-3.0.0.min.js">...
2019-09-17 15:46:54
1038
原创 获取用户输入到input的内容并传给后台拿数据
实现效果图<html> <head> <script language="javascript"> function print(){ var a=document.getElementById("test").value; alert(a); } </script>...
2019-06-21 11:40:17
23338
原创 基于原生AJAX获取数据并渲染 在页面实现分页效果 点击按钮实现打开新的div窗口
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div> <div class="btn-group flex-btn-group-c...
2019-06-21 11:33:15
1170
原创 基于 Vue.js 之 iView UI 框架 table表格组件购物车的基本操作实践记要
一、 MVVM 模式Vue.js 比较显著的特征是解耦了视图和数据，也就是说视图的变化不再需要命令式编程去显式改变，只要修改完数据就能立即自动同步，这是比较大的一个思维模式的转变，另一个就是组件化思维俯首皆是，这样开发一个应用就相当是在搭积木。其实以上对 Vue.js 所阐述的优点也正是MVVM 模式的写照，它原是由 MVC 所衍生，即当视图层发生变化时，会自动更新到视图模型上，反之亦然...
2019-06-21 11:14:10
817
原创 Spring配置文件中 bean的生命周期和 bean标签 属性详解
Bean的配置一般都在XML文件中进行配置 Bean相关包为：org.springframework.beans和org.springframework.context spring的Bean管理的实现是依靠大量的反射来实现的。Bean的生命周期Bean的生命周期包括 : Bean的定义，Bean的初始化，Bean的使用，Bean的销毁 Bean的定义：一般Bean使用XML文件的方式...
2018-12-04 16:03:53
1174
原创 JAVA分层结构和各层级的调用关系
DAO层 主要任务：做数据持久层的工作，负责与数据库进行联络的一些任务都封装在此。DAO层的设计：首先是设计DAO层的接口，然后再Spring的配置文件中定义此接口的实现类，然后就可以在模块中调用此接口来进行数据业务的处理，而不用关心此接口的具体实现类是哪一个，显得结构非常清晰。DAO设计的总体规划需要和设计的表，和实现类之间一一对应。DAO层所定义的接口里的方法，主要是增添改...
2018-11-29 13:09:31
8613
原创 八大经典排序算法
概述排序有内部排序和外部排序，内部排序是数据记录在内存中进行排序，而外部排序是因排序的数据很大，一次不能容纳全部的排序记录，在排序过程中需要访问外存。我们这里说说八大排序就是内部排序。&amp;amp;amp;nbsp;&amp;amp;amp;nbsp;&amp;amp;amp;nbsp;&amp;amp;amp;nbsp; &amp;amp;amp;nbsp;&amp;amp;amp;nbsp;
2018-11-29 12:10:40
1595
2
原创 TCP协议特点和三次握手／四次挥手
TCP的特性 TCP提供一种面向连接的、可靠的字节流服务在一个TCP连接中，仅有两方进行彼此通信。广播和多播不能用于TCPTCP使用校验和，确认和重传机制来保证可靠传输TCP给数据分节进行排序，并使用累积确认保证数据的顺序不变和非重复TCP使用滑动窗口机制来实现流量控制，通过动态改变窗口的大小进行拥塞控制注意：TCP 并不能保证数据一定会被对方接收到，因为这是不可能的。TCP 能...
2018-11-29 11:52:31
688
原创 功能权限和数据权限管理的实现
转 功能权限和数据权限管理的实现 2018年11月28日 11:36:19 更多 &amp;lt;div class=&quot;tags-box space&quot;&amp;gt; &amp;lt;span class=&
2018-11-28 13:32:05
8260
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人