- 博客(32)
- 收藏
- 关注
原创 c#连接intersystem cache数据库的方法
连接cache数据库需要InterSystems.Data.IRISClient.dll1、官网介绍关于c#连接cache2、官方的c#连接cache的demo,github地址自己去下载demo,拿到dll吧最原始的连接数据库方式setting.ConnectionString = "Server=172.0.0.1;Namespace=ddd-app;Password=DDDDDy;User ID=DDDDDy;";//端口是默认 Port = 1972,所以我省略了IRI.
2021-04-23 15:16:22
2434
2
原创 vue子组件内容过多的时候,使用懒加载
vue的子组件内容过多的时候,使用懒加载components:{ childrenComp:resolve=>require(['you component url'],resolve)}但是由于子组件单个.vue里面内容太多而不能拆分的时候,懒加载也会有延迟。
2021-04-09 09:17:57
1018
原创 jspdf + jspdf-autotable生成pdf
目前可以弄出的效果,自定义生成pdf。其实和canvas画图的过程类似需求中要求web页面上展示一种UI,生成pdf要word文档那样的简单的。所以一直研究jspdf如何生成pdf因为html2Canvas截长图不能很好的分页。设置高清截图的时候,pdf有好几大M的内存。受不了。一、vue项目中安装下面的依赖,如果你生成pdf不需要表格可以不安装jspdf-autotable(jspdf源码中有table()这个方法,可是我一直调不出来,准确来说传参一直没传对,就用jspd.
2021-04-02 16:30:19
4526
转载 springboot+vue的文件上传413,请求实体过大
测试的人将一个40M的PDF上传服务器,然后报413(请求实体过大)然后自己去测试,发现一个post请求,默认请求实体是10M解决办法:application.properties(application.yaml)设置允许最大的实体的值#设置请求实体的大小,避免文件上传的时候出现413spring.servlet.multipart.max-file-size=1024MBspring.servlet.multipart.max-request-size=1024MBspring.
2021-02-04 13:59:35
1466
转载 vue导出多页PDF(html2Canvas + jsPdf)(PDF左右边距)
参考这里1、将html转成图片canvas( scrollY: refDom.top, // 关键代码,截取长度 height: refDom.height // 加高度,避免截取不全)上面两个属性是截取长图的关键const refDom = this.$refs.htmlDom.getBoundingClientRect()//就是 #pdfDom 这个divhtml2Canvas(document.querySelector('#pdfDom'), {...
2021-02-03 16:25:22
7173
13
原创 文件分片上传,自定义上传进度(效果图+讲解)
效果图我的这个上传是通过vuex保存用户选中的文件,点击上传确定按钮后统一上传文件。(vue-uploader我没找到可以设置文件预览的。所已就自己搞一个大文件上传了)。上传进度可以控制,可以我这里有延迟,因为xhr一直是undefined状态。所有我就只能通过控制分片序号来取消上传正文:代码在另一篇文章中文章...
2020-11-02 19:22:43
474
原创 vue自定义文件分片上传,自定义上传进度
GlobalUploader全局的组件<style scoped lang="scss"> /* 设置滚动条的样式 */ .scrollbar-div::-webkit-scrollbar { width: 5px; background-color: #e8e8e8; } /* 滚动槽 */ .scrollbar-div::-webkit-scrollbar-track { -webkit-box-shadow:inset006pxrgba(
2020-11-02 19:20:43
718
转载 vue导航栏根据页面滚动变化,点击导航栏滚动页面
以下是两个导航栏按钮对应两个div。可以自己修改.我是参考 ==》博客《=== 的这里是在computed下监听导航栏的点击事件,this.$refs = undefined。1、可以在this.$nextTick(()=>{ //do something})中执行滚动事件 computed:{ ...mapState('menu', { navActive: 'navActive' }), childrenActive(){
2020-11-02 18:39:52
3511
1
原创 可变的table的头,用户可自定义显示的table 的head
效果图1、2、大概就是这样的效果。在表头数据比较多的情况下,可以设置动态的表头。下面是一个该效果的.vue文件。<template> <div @click="tabHeadChange=false"> <table style="width: 80%;"> <thead> <tr style="background-color: rgba(132,84,255,0.14)"&
2020-09-24 21:03:31
825
原创 大文件分片上传,断网续传,浏览器重启重新登录后能续传?indexDB本地缓存
最近遇到一个问题。要实现大文件分片上传,断网续传(不是断点),浏览器重启重新登录后能续传?还有1、input标签type = file是不能得到本地的绝对路径的2、浏览器的js是不能读取到本地路径(绝对路径)下的文件的怎么实现...
2020-09-24 19:56:18
1403
原创 vue2.0版本搭建一个中型PC项目,注意事项
1、兼容浏览,npm install babel-polyfillIE -S ,使IE能将es6转es5,自适应窗口calc()计算、flex布局2、项目结构3、vuex拆分模块(module)【一般按后端返回的数据model分类】、router拆分、4、禁止地址栏输入url地址直接访问需要登录的页面5、后端接口 api 分类6、尽可能减少一个.vue文件的代码行数(模块化【组件】开发)7、设置api请求的拦截器8、子组件使用computed来监听父传子数据9、第一次渲染页面
2020-09-03 22:39:04
516
转载 vue接收后端返回的文件流,下载文件(post和get)。前端的集中文件下载方式。大文件下载
后台返回一个File类型的数据给前端,请求的时候1、设置返回类型responseType,不管你用post\get\ect都要设置2、使用blob类型接收3、销毁URL对象this.$axios.post(this.$api.getThesisExcel(),paper,{ responseType: 'blob',//设置返回类型 }).then((res)=>{ const link=document.cre
2020-08-19 17:05:03
23754
10
转载 nodejs上传文件到oss对象(阿里云)
前端上传文件到阿里云的服务器,并返回文件的存储地址准备条件:1)你选择的accessKeyId必须有文件写权限,没有的话你得先配置读写权限2)设置这个bucket的跨域3)vue要安装 npm installali-oss登陆你的账号https://www.aliyun.com/设置我的vue项目实现是。1、将上传文件封装到一个oss.js文件let OSS=require('ali-oss');let client=new OSS({ region: 'o...
2020-08-11 11:48:16
3002
原创 vue自定义可搜索、多次复用的select选择框,可以修改图标和颜色
1、效果图这是我将该组件作为子组件应用到父组件中使用的效果。 主要是通过控制 选项item 的 显示与隐藏 来实现搜索结果的。数据传递通过vue的父传子和子传父父组件的代码HTML<div> <span class="text">成员名称</span> <MySelect v-bind:dataOption="nameList" v-on:checkOptionValue="obj.memberName"/><...
2020-07-02 15:07:07
1374
原创 大前端----Promise的简单理解和async
首先,你得理解异步机制Promise是一种异步编程机制new Promise(function(resolve,reject){});//其中resolve和reject是javascript引擎封装好的方法Promise有三种状态pending(进行中)、fulfilled(已成功)和rejected(已失败)Promise对象的状态改变,只有两种可能:从pending变为fulfilled和从pending变为rejected。只要这两种情况发生,状态就凝固了,不会再变...
2020-06-03 20:33:21
238
原创 ajax(XMLHttpRequest)加载不了本地的文件,Cross origin requests are only supported for protocol schemes: ...
Access to XMLHttpRequest at 'file:///E:/test.txt' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extensio...
2019-02-24 15:58:48
14697
3
原创 前端 javascript 小算法 4个,使用了一点es6语法
1、插入排序拿出一个数t = arr[ i ]和一个位置 pre = i-1,与arr[ i-1 ]比较,如果前面的大于后边的,(arr[ pre+1 ] = arr[ pre ],pre- -);如果后边大于前面 ,i++,pre = i-1console.log("插入排序:") var arr=[4,2,5,3,1]; console.log...
2018-11-11 20:32:25
265
原创 mybatis+mysql 关于两个张表有相同属性名查询报错的原因Column 'id' in order clause is ambiguous
mybatis+mysql 关于两个张表有相同属性名查询会报错的注意,在MYSQL Wordbench中查询时是可以通过的。在mybatis中查询两张表中有相同属性名会报错t_class表 t_teacher表 两张表的id属性名相同,当我执行下面的查询语句的时候,会报错...
2018-10-06 17:37:34
4424
原创 idea在写springboot项目时关于数据源的配置问题
写项目的时候一般用到的数据源有1、JDBC2、c3p0上面两种我很少用,配上别人对它的理解https://blog.youkuaiyun.com/qq_38334528/article/details/803687133、hikari这个已经是idea默认的数据源了,如果是用idea写项目用这个数据源,不用配置其他的信息,只需要在application.yml或者application.p...
2018-09-25 17:19:43
4424
转载 springboot+websocket的简单实现,解决websocket failed: Error during WebSocket handshake: Unexpected response
编辑器:idea。tomcat是springboot内置的tomcat,一开始出现websocket failed: Error during WebSocket handshake: Unexpected response这个问题的原因是,我一开始在项目中没有在注入ServerEndpointExporter ,后来注入后就能完整的运行了。下面开始简单的实现过程:我的项目结构:(...
2018-09-23 15:48:27
48033
27
转载 Packet for query is too large (8129741 > 4194304)
我在写程序时将图片存入数据库时出现Packet for query is too large (8129741 > 4194304). You can change this value on the server by setting the max_allowed_packet' variable. 数据库的原始设置max_allowed_packet太小我的是win...
2018-09-04 17:11:21
6308
1
原创 spring-boot整合mybatis使用druid数据源时:Failed to bind properties under'spring.datasource' to javax.sql.Data
其实,只是缺少了报错内容中的Value值中的mavenrepository数据在pom.xml中引入stat ,wall,log4j就解决了。我的只需要引入log4j就能正常运行项目了,( 因为Reason的原因有写,就是:org.apache.log4j.Logger )<!-- https://mvnrepository.com/artifact/log4j/log4...
2018-08-26 19:09:42
7109
原创 css3 动画属性详解
下面的是我的笔记1、transition: 平衡过渡 transition :过渡效果的 CSS 属性的名称 完成过渡效果需要多少秒或毫秒 速度效果的速度曲线 过渡效果何时开始1)过渡效果的 CSS 属性的名称(一般有):all、no、 width、height2)速度效果的速度曲线(动画的速度曲线):linear 规定以相同速度开始至结束的过渡效果(等于 cubi...
2018-08-22 10:29:03
12052
1
转载 css3 transform的matrix 深入理解
计算matrix() , 理解各个参数matrix(a,b,c,d,e,f)有六个参数,这六个参数对应到矩阵如下:在图形学上,这种叫做齐次坐标矩阵,用齐次坐标矩阵和图形的顶点相乘,就能得到变换后的新顶点的位置。比如,图形有一个顶点(a,b),现使图形整体延x轴平移100px,平移后该顶点的位置应该是(a+100,b)。很明显,下面的矩阵运算就表示了这个过程:因此,知道了这个齐次...
2018-08-18 14:49:11
866
原创 IDEA配置一个入门的ssh事例,解决Artifact war exploded:Error during artifact deployment. See server log for detail
首先,我的版本ideaIU-2017.3.4,一、新建一个项目project1、1)create new project2)file ——》new ——》project2、这里选择spring,struts2,hibernate1)选择spring ——>spring,勾选create empty spring-config.xml文件,download是自...
2018-08-17 17:11:35
16655
2
原创 (html)SVG实现画图功能,画一朵小花
<canvas> 标记和 SVG 以及 VML 之间的一个重要的不同是,<canvas> 有一个基于 JavaScript 的绘图 API,而 SVG 和 VML 使用一个 XML 文档来描述绘图。更详细的svg实现的功能,请访问http://www.w3school.com.cn/svg/index.asp一、创建一个 XXX.svg文件(该文件,创建了一个红...
2018-08-01 16:00:50
8286
原创 优化的冒泡排序 —— 鸡尾酒排序
鸡尾酒排序是一种定向的冒泡排序(又叫快乐小时排序),排序是 从低到高 再 从高到低 的反复。而冒泡排序是从低到高的排序。先来看看冒泡排序举个栗子:8个数组成一个无序数列:3、2、4、5、6、7、1、8,希望从小到大排序第一轮结果( 3 和 2 交换,1 和 8 交换)第二轮结果( 7 和 1 交换)第三轮结果( 6 和 1 交换)接下来(5和1交换,4和...
2018-07-30 10:48:10
596
1
转载 let definitions are not supported by current javascript
idea中报的错,解决办法就是改一下javascript在idea中的配置本文来自:https://blog.youkuaiyun.com/fgx_123456/article/details/77825499
2018-07-24 21:45:57
2320
原创 js字符串: String对象的方法 + 半角空格、全角空格
一、String 对象方法方法 描述 anchor() 创建 HTML 锚。 big() 用大号字体显示字符串。 blink() 显示闪动字符串。 bold() 使用粗体显示字符串。 charAt() 返回在指定位置的字符。 charCodeAt() 返回在指定的位置的字符的 Unicode 编码。 concat() ...
2018-07-24 21:06:04
5020
1
原创 简单JS的笔记 查找节点+事件
一、一般的,查找一个元素节点用到的语句:1、根据元素的id来查找 ---》elementIddocument.getElementById(elementId); 2、根据元素的class属性 ---》classNamedocument.getElementsByClassName(className);3、根据元素(即标签)的标签名 ---》 tagName...
2018-07-20 17:07:43
914
原创 定时器 setInterval() 和 clearInterval() + 设置一个简单的电子时钟
1、日期对象的实例化var date=new Date();2、getTime():返回1970年至今的毫秒数;3、getFullYear():从Data对象以四位数字返回年份4、getMonth():从Data对象返回月份(0—11)5、getDate():从Data对象返回一个月中的某一天(1—31)6、getHours():返回Data对象的...
2018-06-25 14:39:01
682
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人