- 博客(30)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 CSS绘制三角形和梯形
2.梯形原理同1，只是需要设置width或者height。如上面的梯形上底为元素的30px；下底为左右border加上底部border的宽度，即30 * 3 = 90px。下面稍微改一下更直观，下底宽度为10 + 20 + 30 = 60px。1.想要那个方向的三角形就把它两侧的border设为transparent；同时把width和height设置为0，这样图形就能被border填满了。以上效果对应的CSS依次如下，从左往右依次看就很直观了。
2024-03-30 22:28:51
301
原创 Ant Design Vue 样式自定义覆盖
在使用Ant Design Vue时发现很多样式想要修改却修改不了,有的组件虽然提供了样式修改的接口，但是不起作用啊; 想要自己覆盖样式也覆盖不了,各种方法试到你怀疑人生. 这种框架用起来简单, 但在具体需求方面也很磨人. 例如我在使用tabs标签页时,呈现效果是这样的:想要tab标签靠左, 怎么调都不行. API提供的tabBarStyle也没用,若试过tabBarStyle能生效的小伙伴可以交流一下.于是我就自己新建样式进行覆盖.....(下面是正文)Step 1: 确认安装less-l
2021-05-21 16:22:20
4316
5
原创 网络可视化：iGraph分析结果在vue中不展示
这里记录一个坑.事情是这样的, 我用python后端对网络进行分析(iGraph), 然后将分析结果封装为json传给前端（VUE）. 结果就是前端接收到的某些网络的数据被转为了字符串形式,检查了各个地方都没有问题, 后来发现在计算接近中心性(调用closeness())时，由于某些节点的接近中心性为0, 而通过该方法输出时该值为nan...（大概是没有经验吃的亏啊, 谁能想到好好的number类型的结果中隐藏了几个nan!!）g = ig.Graph()g.add_vertices(node.
2021-05-18 09:48:37
145
原创 Ant Design Vue 文件上传自定义按钮和文件列表位置
采用默认上传文件样式如下：主要代码如下，可参照官方示例 <a-upload name="file" style="float: left;" @change="uploadFile" :fileList="fileList" :showUploadList="false" :customRequest="customRequest">
2021-05-18 09:29:52
4721
1
原创 vue-cli2 + ant-design-vue定制主题
基于vue-cli2引入ant-design-vue. vue-cli2构建的项目目录如下：1.安装ant-design-vue.npm install ant-design-vue2. 在src/main.js中引入组件和样式import Vue from 'vue'import Antd from 'ant-design-vue'import App from './App'import router from './router'import 'ant-design-v
2021-04-29 15:35:35
440
2
原创 记录csv文件转json
import jsonimport csvdef transjson(csvpath): tableData = [] file_out = open("nodes2.json", 'w', encoding='utf-8') with open(csvpath, 'r', encoding='utf-8') as csvfile: reader = csv.DictReader(csvfile) for row in reader: .
2021-03-13 09:31:18
130
原创 github 命令使用
这里记录一下使用到的github命令：在项目文件位置右键打开git bash here1.撤销上一次commit：将文件commit但是还没有进行push，想要撤销文件的commitgit reset --soft HEAD^2.查看github提交记录git reflog结果：黄色部分为版本编号，后面恢复版本可以直接根据版本号恢复到对应的版本3.版本恢复:恢复到4e9dd8e版本git reset 4e9dd8e4.上传超过100M的文件：文件大小超过10
2021-01-11 15:37:42
166
原创 js文件中调用vue组件methods中的方法
需求：在js文件中的js_fun()中得到一个结果，想要把该结果作为参数传给vue中vue_fun()方法，并在vue_fun()中执行该参数相关的操作；js文件和vue不在同一个文件夹下方法：//vuemounted(){//关键是这句，一个方法对应着js中的方法，一个方法对应着vue中的window.callfun = this.vue_fun;...},methods:{...vue_fun(param){ ...}...}//jsjs_fun(){
2021-01-05 20:25:04
2454
1
原创 Three.js改变几何体大小
我们在使用Three.js的过程中可能会面临对原来创建好的几何体改变大小、颜色等属性。这些属性设置可以通过获取到场景中的Mesh，然后根据Mesh中的属性进行相应的设置就行了。但是在进行几何体大小设置时，如我想改变原来创建的一个球体的大小，于是重新设置其半径，在控制台可以看到这个参数是设置成功了，但是球体其实没有改变。查阅文档发现：所以设置这个几何体构造器中的属性是没用的。需要对真实的Mesh进行参数设置，即设置Mesh的scale来控制物体大小：mymesh.scale.set(1.
2020-11-16 20:59:13
4786
2
原创 Vue中Echarts点击事件不能调用methods方法
在VUE中使用echarts，绑定了一个点击事件获取echarts中的数据，并将获取到的数据传给另一个函数（在vue的methods：{}中）进行处理。但是发现不能这样调用，代码如下，报了以下错误：methods:{...drawChart(){ myChart1.on('dblclick','series.effectScatter',function (param){ console.log("得到的参数：", param.name) this.testfun
2020-11-15 18:08:19
2926
7
原创 Three.js 设置控制器作用范围
在应用Three.js时，发现即使鼠标不在场景出左击+滑动也会使场景中的镜头旋转（即在A区或者B区都可以控制场景C中的对象旋转），但有时这会影响到控制面板操作，因此需要限制控制器的作用范围只是在场景所在的canvas.造成上面结果的原因是没有指定控制器的事件监听对象，可以通过控制器参数设置，API有如下说明：因此，只需要获取到场景所在的canvas，然后指定OrbitControls的参数就可以了。例如，我通过let divContainer = document.getElement
2020-11-12 20:54:01
1069
原创 element ui 和jquery-ui Sortable相结合实现组件可拖拽排序
实现一个可拖拽排序的多选框，使用jquery-ui sortable实现拖拽排序，使用element ui实现多选框。效果如下：代码实现： <el-checkbox-group v-model="checkList" fill="#bb4455"><!--element ui--> <ul id="sortable"><!--jquery-ui--> <li><el-checkbox label="G
2020-11-12 20:32:27
381
原创 Flask 接收axios post的数据
客户端使用axios向服务器传参且接收Flask返回的数据。客户端axios： const path = 'api/g2dLayout' axios.post(path,{layout:'fr'}) .then(res=>{ console.log('getData:', res.data) this.addObj(res.data) }).catch(error=>{ console.error('get error:', erro
2020-11-04 18:50:21
3036
2
原创 D3颜色比例尺d3.schemeCategory10
这里记录一个D3中颜色比例尺对应的颜色（v4/v5）：var color = d3.scaleOrdinal(d3.schemeCategory10);...return color(i);orvar color =d3.schemeCategory10;...return color[i];这里需要注意一下版本问题，v3版本：var color = d3.sc...
2020-02-10 21:41:24
5904
原创 CSS消除ul和li的间隔
最近用到<ul>和<li>标签，但是在做样式调整得时候发现列表项总是和前面保持一段距离，怎么调整都不行，如下图所示：后来搞清楚原来即使设置了隐藏列表默认的序列号样式，但它还是会有占位。所以我们需要给ul设置padding，例如这里我给ul设置padding-left=0之后效果如下图：这样就可以清除ul和li之间的间距了。...
2020-02-10 20:40:12
1818
原创 sql查询一段时间（日期）的数据
最近又开始使用到sql查询，我需要查询一段时间的内容，数据库中的时间数据是这样的：直接对date字段进行查询一段时间的数据，发现查询 出来的结果不对，后来弄清楚是因为数据存储时是根据字符串的形式存储的，所以我在查询比较时间时，它会按照字符串比较的方式给我返回查询结果，而不是比较时间。这时候需要将字符串转为时间格式：select *from data2 where STR_TO_DATE...
2019-12-16 10:37:52
11098
原创 iGraph绘制第一个图
import igraphfrom igraph import Graph as igimport csvedges = []firstLine = True# 读取文件with open('storm_copy.csv', 'r') as df: for row in csv.reader(df.read().splitlines()): if firstLi...
2019-09-29 19:53:54
1388
原创 错误: 找不到或无法加载主类 jena.examples.rdf.Tutorial03
最近为了完成一门课堂作业，需要用到jena，然后小白本白根据网上的教程一步一步操作，将jena导入eclipse,然后运行下面这个文件时就报错了：错误: 找不到或无法加载主类 jena.examples.rdf.Tutorial03。本白当然还是问度娘怎么解决咯。然后看到一个朋友的解决方案是重启计算机，好吧，这么傻瓜式的操作当然要试一下，然而重启之后并没有用。然后找到一位朋友的解决方案貌似...
2019-09-29 10:56:10
830
5
原创 读取本地数据失败：Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-e
好久没来写博客了，最近又遇到一个问题就是在用js读取本地json文件中的数据时读取失败，因为一时没有找到怎么回事就暂时放一边了，但是隔了两天在读取csv文件时发现了同样的问题，见下图：然后网上找了各种方法，提到最多的一种就是在浏览器属性目标后面加上“ allow-file-access-from-files”，刚开始试了好多次都不起作用。网上也有很多人说这个方法没什么用，所以自己也...
2019-07-04 10:41:31
19471
2
原创 空调模拟控制器
《微机原理与接口技术》课程设计设计基于《微机原理与接口技术》知识，用汇编语言编写程序，实现在PC机上模拟空调控制操作。设计要求：1、用菜单输出功能选项2、通过键盘输入进行各项控制操作3、功能要求模拟一般空调的所有功能扩展要求： 1、实现图形界面2、实现硬件定时 空调模拟控制器设计摘要： 本空调模拟控制器主要利用汇编语言，结合所学的《微机原理
2017-12-23 14:38:42
4838
1
原创 Web存储
Web存储是HTML5的新特征，是一种将少量数据存储在客户端磁盘的技术。相比cookie：1.浏览器能存的cookie数量较少，如IE8，Firefox每个域名只能保存50个cookie（safari/WebKit没有限制），一个cookie文件最多可以存放4096B左右的数据。2.每次对服务器请求时，cookie会存放在请求头中一同传到服务器，若请求头大小超过限制服务器无法处理，因此co
2017-10-28 15:57:58
306
原创 Jfinal整合shiro
1. 数据库建立与分析：最简单的角色模型：用户—权限一般常用的角色模型：用户—角色—权限更为完善的角色模型：用户—角色—权限—部门—资源 2.整合参照Jfinal网站：http://www.jfinal.com/project/22环境配置： 进入shiro官网下载对应的jar包，放在WebRoot/WEB-INF
2017-09-23 22:33:04
1083
原创 蓝桥杯 历届试题 错误票据
历届试题 错误票据 时间限制：1.0s 内存限制：256.0MB 问题描述某涉密单位下发了某种票据，并要在年终全部收回。每张票据有唯一的ID号。全年所有票据的ID号是连续的，但ID的开始数码是随机选定的。因为工作人员疏忽，在录入ID号的时候发生了一处错误，造成了某个ID断号，另外一个ID重号。你的任务是通过编程，找
2017-03-01 16:19:05
422
原创 历届试题 幸运数
历届试题 幸运数 时间限制：1.0s 内存限制：256.0MB问题描述幸运数是波兰数学家乌拉姆命名的。它采用与生成素数类似的“筛法”生成。首先从1开始写出自然数1,2,3,4,5,6,....1 就是第一个幸运数。我们从2这个数开始。把所有序号能被2整除的项删除，变为：1 _ 3 _ 5 _ 7 _ 9 ....把它们
2017-02-28 13:23:01
674
转载 Java LinkedList基本用法
http://blog.csdn.net/jdsjlzx/article/details/41654295LinkedList类是双向列表,列表中的每个节点都包含了对前一个和后一个元素的引用.LinkedList的构造函数如下1. public LinkedList(): ——生成空的链表2. public LinkedList(Collection col): 复制构造函数
2017-02-15 17:15:16
299
原创 算法训练 K好数
算法训练 K好数 时间限制：1.0s 内存限制：256.0MB提交此题 锦囊1 锦囊2问题描述如果一个自然数N的K进制表示中任意的相邻的两位都不是相邻的数字，那么我们就说这个数是K好数。求L位K进制数中K好数的数目。例如K = 4，L = 2的时候，所有K好数为11、13、20、22、30、31、33 共7个。由于这个数目很大，请你输出它对1000000007取模后的值。输
2017-02-15 17:01:48
517
原创 算法提高 P1001
//因为一个a位数乘一个b位数只能得到一个（a+b）或（a+b-1）位数；或者有乘数为0，则结果为0import java.util.*;public class Main{ public static void main(String args[]){ Scanner sc=new Scanner(System.in); String s1=sc.next(); String s2
2017-02-14 19:22:50
499
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人