- 博客(46)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 js 根据字节输出文件大小，转换成Kb，MG，GB，T等形式
上面的代码中，我们定义了一个 formatFileSize 函数，它接收一个字节数的参数，并返回对应的文件大小字符串。在函数中，我们首先定义了一个 units 数组，用于保存不同大小的文件的单位，包括 Bytes、KB、MB、GB、TB 等。然后，我们将传入的字节数保存到 size 变量中，并将 unitIndex 初始化为 0。最后，我们将 size 保留两位小数，并四舍五入，然后使用模板字符串将 size 和 units[unitIndex] 拼接起来，形成最终的文件大小字符串，返回给调用者。
2023-04-07 10:52:13
1910
原创 vue实现边框线拖拽效果（拖动元素边框改变宽度）
1.封装组件自定义组件代码（已封装进项目中，无需重新写一份，可直接跳转到【2.使用步骤】）<template> <div class="x-handle" :style="divStyle" @mousedown="mouseDown"> <el-header style="height: 21px;border-bottom: 1px solid rgb(235, 238, 245);padding: 0px;text-align: center;
2022-03-24 16:11:22
5036
4
转载 EChart柱状图x轴文字过长时，自动换行
"xAxis": [{ "type": "category", "data": this.xData, "axisLabel": { "margin": 20, "rotate": 45, "interval": 0, //文字换行 "formatter": function (value) { ...
2021-01-12 11:48:26
4057
原创 常用Css样式
1.css实现height:100%后，出现滚动条{overflow: hidden;height: 100%;display: flex;}2.元素右侧增加一些突出样式html：<div class="post-flag-container"> <div class="post-flag flag-danger">待处理 </div></div>css：.post-flag-container { position:absol
2020-12-09 16:34:06
149
原创 时间格式化代码
dateFtt: function (fmt, dateStr) { let ret; var date = new Date(dateStr); const opt = { "y+": date.getFullYear().toString(), // 年 "M+": (date.getMonth() + 1).toString(), // 月 "d+": date.getDate().toString(), // 日
2020-12-09 11:41:21
485
原创 img居中以及等比缩放
1.等比缩放img{width: auto;height: auto;max-width: 100%;max-height: 100%; }2.居中并等比缩放.父级div样式{ display: block; position: relative;}.子级div样式{ max-width: 100%; max-height: 100%; width:auto; height:auto; position: absolute;
2020-11-02 15:44:56
2562
转载 el-table 编辑后即使刷新列表也保持先前编辑行高亮状态
问题:el-table 有个highlight-current-row属性,使用该属性后,当我们点击某行时,该行高亮显示.但是当table表数据进行刷新时，之前的高亮状态就消失了。因此仅仅使用highlight-current-row属性,满足不了我的需求。解决方案a.使用row-key属性绑定方法b.在js或者Vue文件中添加row-key属性绑定的方法getRowKeys()，返回唯一标识的一个值<el-table :data="tabledata" :row-key="getRowK
2020-09-27 15:50:30
1252
2
原创 select2 前端插件下载和使用
简介：Select2是一款基于JQuery的下拉列表插件，主要用来优化select，支持单选和多选，同时也支持分组显示、列表检索、远程获取数据等众多好用的功能下载链接：https://pan.baidu.com/s/1k6BxdFWFRIHEXI3wxsbCXA提取码：5we2使用可以参考这些网址1.select2插件设置选中值2.selet2使用...
2020-09-07 10:17:22
1453
原创 js+jQuery自动切换选项卡
html界面布局结构：jQuery方式实现自动跳转至指定tab： $('.category').find("*").removeClass('active'); $('.sign').addClass('active'); $('.cont.active').removeClass('active'); $('.cont-sign').addCla
2020-09-05 14:46:00
282
转载 HTML中显示特殊字符，如尖括号 “＜”,“＞“等等
HTML中显示特殊字符，如尖括号 “<”,">"等等问题重现：在对数据进行编辑时，新开了一个layer层，发现layer打开后，界面空白并且关闭按钮异常，使得界面卡住不能操作，只能重新进入网页。（按住F12后无报错内容）追溯原因是因为对layer层的title属性进行赋值的时候，包含了特殊符号“<”,因此导致了解析时出错。解决方法:将特殊字符进行转义。< 使用 < 转义; <= 使用&le转义;> 使用>进行转义; >
2020-08-20 17:58:46
1313
转载 为el-col、el-row添加点击事件
为el-col、el-row添加点击事件要为el-col和el-row添加点击事件，不能用常用的v-on:click=”function()”或@click=”function()”添加点击事件，应该使用v-on:click.native="function()"或@click=”function()”添加点击事件...
2020-08-20 17:57:03
5162
原创 vscode 使用.net core操纵mysql简单实例
vscode 使用.net core操纵mysql简单实例前期准备1.安装NuGet插件在左侧打开拓展商店，搜索NuGet，点击安装即可2.使用NuGet添加MySql引用a.按下ctrl+Shift+P并在搜索框键入NuGet，选中第一个b.输入MySql并回车c.选中第一个d.之后选择需要安装的版本即可e.关注右下角，在右下角出现这样的标志，说明引用成功**注：**若出现Versioning information could not be retrieved from
2020-07-13 11:31:52
545
原创 IIS发布.Net Core项目
使用IIS发布.Net Core项目前期准备1.打开控制面板–>程序–>启用或关闭windows功能—>Internet Information Services，勾选如下功能2.启动IIs
2020-07-10 16:14:03
502
原创 Vs Code中创建.net Core项目
Vs Code中创建.Net Core项目前期准备1.安装vs code并设置字体为中文，参考链接a.安装完毕后，打开vs code安装C# 扩展b.验证安装是否成功2.安装.Net Corea.在官网链接下载较新版本的.Net Core，下载链接b.安装 .Net Core（安装的时候一直点下一步就好了）c.验证安装是否成功（打开命令行，键入dotnet --version，能看到版本号即说明安装成功）在VS Code中创建.Net Core项目（以创建Mvc模板为例）1.新建一个
2020-07-10 10:42:58
1670
原创 解决Echart中点击图表后连续触发事件
解决Echart中点击图表后连续触发事件关于今天完善的柱状图点击事件时，一直有一个问题：第一次点击柱状图时点击事件只触发一次，点击饼状图第二次生成柱状图后，柱状图的点击事件就会触发两次，以此类推……最后越来越多。解决方案：...
2020-06-12 11:56:25
395
原创 Echart的一些属性
Echart的一些属性1.设置Y轴不能为小数2.柱状图数值为0时不显示3.Echarts调整图表上下左右的间距，Echarts调整柱状图左右的间距参考网页【https://www.cnblogs.com/fanshuyao/p/6812312.html】
2020-06-12 11:50:59
129
原创 layui组件中layerform相关
layui组件中layerform相关1.关于layerform刷新界面（重载框架）的方法，需求是这样：在“附件列表”界面点击新增附件的操作后，转到“新增附件”界面，当新增操作完成后需要自动刷新（重载其框架）“附件列表”以查看最新的结果。实现的方法是在回调函数callback中加上“location.reload()”2.打开的layerform不显示按钮...
2020-06-12 11:36:54
965
原创 VUE+Element UI实现表格行内编辑
VUE+Element UI实现简单的表格行内编辑介绍关于VUE+Element UI实现简单的表格行内编辑效果（即点击相应的行后，实现当前行的编辑），这个功能的实现可以用于编辑的时候，涉及少数内容的编辑，并且还有一个好处是不用新弹出一个窗口进行编辑，这就节省了一定的代码量。实现这一功能是借鉴了网上的一篇博客行内编辑效果，原理是通过Css控制绑定的输入控件与显示值,在选中行样式下对控件进行隐藏或显示。实现A.在样式表中加：B.在相应的el-table 中加：C.在对应的想要编辑的列加：
2020-06-12 10:42:50
5010
9
原创 力软lrselect下拉框默认选择
力软lrselect下拉框默认选择使用 $(’#CobProj’).lrselectSet(data.data[0].f_id);
2020-06-09 19:00:24
3041
原创 良心录屏工具Captura
良心录屏工具Captura介绍这个录制视频有声音，主要面向电脑视频录制，摄像头录制。captura录制视频默认不带声音，如果需要声音，软件界面有下拉列表选项开启的。下载地址链接：https://pan.baidu.com/s/1UMO4pp2ysLAksezuxjd3qg提取码：j3eq界面...
2019-07-11 11:36:54
27759
6
转载 学习笔记之版本控制工具Git的学习和使用
版本控制工具Git的学习和使用本人通过廖雪峰老师的网站学习使用Git安装Git在windows下安装直接在官网上下载安装，按照默认选项安装即可。安装完成后，在开始菜单里找到“Git”->“Git Bash”，蹦出一个类似命令行窗口的东西，就说明Git安装成功！或者在cmd命令行输入：git --version能够查到版本号即说明安装成功，如图：安装成功后，进行基本配置...
2019-06-20 15:59:34
120
转载 java学习笔记之实现文件的拷贝 2019/5/30
java学习笔记之实现文件的拷贝利用前两天笔记中的FileInputStream和FileOutputStream实现文件的拷贝实现package learn.No173;import java.io.FileInputStream;import java.io.FileNotFoundException;import java.io.FileOutputStream;import...
2019-05-30 16:43:48
104
转载 java学习笔记之文件输出流FileInputStream 2019/5/28
java学习笔记之文件输出流FileInputStream写在开头我是一名java小白，目前在B站学习java，学习的视频是尚学堂高琪老师的java300集课程，笔记大部分参考老师的随堂笔记，我仅以博客的方式记录下我的笔记代码和一些个人见解，对一些问题的考虑可能不周全，代码也不够好看，希望大家多多包涵，有意见的也可以在下面评论，我会好好总结错误，慢慢进步的。jdk中的read方法介绍1.p...
2019-05-28 21:42:53
253
转载 java学习笔记之文件输入流OutputStream 2019/5/27
java学习笔记之文件输出流OutputStream写在开头我是一名java小白，目前在B站学习java，学习的视频是尚学堂高琪老师的java300集课程，笔记大部分参考老师的随堂笔记，我仅以博客的方式记录下我的笔记代码和一些个人见解，对一些问题的考虑可能不周全，代码也不够好看，希望大家多多包涵，有意见的也可以在下面评论，我会好好总结错误，慢慢进步的。jdk定义文件输出流是用于将数据写入到...
2019-05-27 21:58:06
150
原创 日常杂记之解除B站区域限制（可看进击的巨人）
日常杂记之解除B站区域限制step1：获取油猴脚本链接: https://pan.baidu.com/s/1S4WX4hS42FP16o4bWx688A 提取码: 7777step2：在chrome安装脚本step2.1 直接在chrome拓展程序界面下安装脚本在地址栏输入：**chrome://extensions/**进入安装拓展程序界面直接将下载好的crx脚本文件拖到chrom...
2019-05-27 19:23:38
21024
2
原创 软考初级程序员常见类型题，错题个人笔记
软考初级程序员常见类型题，错题个人笔记1.操作系统三状态2.原码补码反码转换3.各种排序124.设计模式分类5.uml四种事物事物: 是对模型中最具有代表性的成分的抽象。结构事物： 如类(Class)、接口(Interface)、协作(Collaboration)、用例(Use Case)、主动类(Active Class)、组件(Component)和节点(Node);...
2019-05-20 10:43:39
2255
转载 java学习笔记之File类统计文件大小 2019/5/12
java学习笔记之File类统计文件大小写在开头我是一名java小白，目前在B站学习java，学习的视频是尚学堂高琪老师的java300集课程，笔记大部分参考老师的随堂笔记，我仅以博客的方式记录下我的笔记代码和一些个人见解，对一些问题的考虑可能不周全，代码也不够好看，希望大家多多包涵，有意见的也可以在下面评论，我会好好总结错误，慢慢进步的。实例1方式：调用递归函数实现优点：实现简单缺点...
2019-05-12 18:18:31
550
转载 java学习笔记之容器类小结 2019/5/9
容器类小结转载自http://www.sxt.cn/Java_jQuery_in_action/nine-summary.html小结Collection 表示一组对象，它是集中、收集的意思，就是把一些数据收集起来。Collection接口的两个子接口：List中的元素有顺序，可重复。常用的实现类有ArrayList、LinkedList和 vector。Ø ArrayL...
2019-05-09 10:24:18
141
转载 java学习笔记之Collections工具类 2019/5/9
Collections工具类转载自http://www.sxt.cn/Java_jQuery_in_action/nine-collections.html方法类 java.util.Collections 提供了对Set、List、Map进行排序、填充、查找元素的辅助方法。void sort(List) //对List容器内的元素排序，排序的规则是按照升序进行排序。void ...
2019-05-09 10:19:53
183
转载 java学习笔记之使用Iterator迭代器遍历容器元素(List/Set/Map) 2019/5/9
使用Iterator迭代器遍历容器元素(List/Set/Map)迭代器为我们提供了统一的遍历容器的方式转载自http://www.sxt.cn/Java_jQuery_in_action/nine-ergodicset.html【示例1】使用Iterator迭代器遍历容器元素(List/Set/Map)public class Test { public static void ma...
2019-05-09 10:17:25
251
转载 java学习笔记之Set接口及其常用方法 2019/5/9
Set接口及其常用方法Set接口Set接口继承自Collection，Set接口中没有新增方法，方法和Collection保持完全一致。我们在前面通过List学习的方法，在Set中仍然适用。因此，学习Set的使用将没有任何难度。Set容器特点：无序、不可重复。无序指Set中的元素没有索引，我们只能遍历查找;不可重复指不允许加入重复的元素。更确切地讲，新元素如果和Set中某个元素通过equal...
2019-05-09 10:03:25
331
转载 java学习笔记之Map接口及其常用方法 2019/5/9
Map接口及其常用方法Map接口Map就是用来存储“键(key)-值(value) 对”的。 Map类中存储的“键值对”通过键来标识，所以“键对象”不能重复。Map 接口的实现类有HashMap、TreeMap、HashTable、Properties等。常用方法【示例1】Map接口中（HashMap）的常用方法public class TestMap { public st...
2019-05-09 09:27:28
230
转载 java学习笔记之容器中List特点和常用方法 2019/5/8
容器中List特点和常用方法特点List是有序、可重复的容器。有序：List中每个元素都有索引标记。可以根据元素的索引标记(在List中的位置)访问元素，从而精确控制这些元素。可重复：List允许加入重复的元素。更确切地讲，List通常允许满足 e1.equals(e2) 的元素重复加入容器。除了Collection接口中的方法，List多了一些跟顺序(索引)有关的方法，参见下表：常用...
2019-05-08 19:54:48
115
转载 Blender2.8设置中文字体
Blender2.8设置中文字体step1:点击Editstep2:点击Preferencesstep3:点击Interfacestep4:将Translation下的Tooltips和Interface选中step5:点击 Language 选项并选择 Simplified Chinese(简体中文)step6:勾选Translation选项step7:保存设置（结束...
2019-04-29 11:03:32
12063
2
转载 java学习笔记之异常及其架构 2019/4/28
java学习笔记之异常及其架构概要转载自：http://www.cnblogs.com/skywang12345/p/3544168.htmlJava异常简介Java异常是Java提供的一种识别及响应错误的一致性机制。Java异常机制用到的几个关键字：try、catch、finally、throw、throws。• try – 用于监听。将要被监听的代码(可能抛出异常的代...
2019-04-28 15:24:49
80
select2.rar
2020-09-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人