- 博客(32)
- 收藏
- 关注
RSS订阅原创 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
1908
2
原创 vue子组件内容过多的时候，使用懒加载
vue的子组件内容过多的时候，使用懒加载components:{ childrenComp:resolve=>require(['you component url'],resolve)}但是由于子组件单个.vue里面内容太多而不能拆分的时候，懒加载也会有延迟。
2021-04-09 09:17:57
924
原创 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
3559
转载 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
1345
转载 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
5810
12
原创 文件分片上传，自定义上传进度（效果图+讲解）
效果图我的这个上传是通过vuex保存用户选中的文件，点击上传确定按钮后统一上传文件。（vue-uploader我没找到可以设置文件预览的。所已就自己搞一个大文件上传了）。上传进度可以控制，可以我这里有延迟，因为xhr一直是undefined状态。所有我就只能通过控制分片序号来取消上传正文：代码在另一篇文章中文章...
2020-11-02 19:22:43
408
原创 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
656
转载 vue导航栏根据页面滚动变化，点击导航栏滚动页面
以下是两个导航栏按钮对应两个div。可以自己修改.我是参考 ==》博客《=== 的这里是在computed下监听导航栏的点击事件，this.$refs = undefined。1、可以在this.$nextTick(()=>{ //do something})中执行滚动事件 computed:{ ...mapState('menu', { navActive: 'navActive' }), childrenActive(){
2020-11-02 18:39:52
3171
原创 可变的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
749
原创 大文件分片上传，断网续传,浏览器重启重新登录后能续传？indexDB本地缓存
最近遇到一个问题。要实现大文件分片上传，断网续传（不是断点）,浏览器重启重新登录后能续传？还有1、input标签type = file是不能得到本地的绝对路径的2、浏览器的js是不能读取到本地路径（绝对路径）下的文件的怎么实现...
2020-09-24 19:56:18
1019
原创 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
464
转载 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
16776
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
2806
原创 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
1251
原创 大前端----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
196
原创 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
11915
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
225
原创 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
4237
原创 idea在写springboot项目时关于数据源的配置问题
写项目的时候一般用到的数据源有1、JDBC2、c3p0上面两种我很少用，配上别人对它的理解https://blog.csdn.net/qq_38334528/article/details/803687133、hikari这个已经是idea默认的数据源了，如果是用idea写项目用这个数据源，不用配置其他的信息，只需要在application.yml或者application.p...
2018-09-25 17:19:43
4334
转载 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
47268
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
6207
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
7025
原创 css3 动画属性详解
下面的是我的笔记1、transition： 平衡过渡 transition ：过渡效果的 CSS 属性的名称 完成过渡效果需要多少秒或毫秒 速度效果的速度曲线 过渡效果何时开始1）过渡效果的 CSS 属性的名称（一般有）：all、no、 width、height2）速度效果的速度曲线（动画的速度曲线）：linear 规定以相同速度开始至结束的过渡效果（等于 cubi...
2018-08-22 10:29:03
11939
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
727
原创 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
16522
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
8153
原创 优化的冒泡排序 —— 鸡尾酒排序
鸡尾酒排序是一种定向的冒泡排序（又叫快乐小时排序），排序是 从低到高 再 从高到低 的反复。而冒泡排序是从低到高的排序。先来看看冒泡排序举个栗子：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
527
1
转载 let definitions are not supported by current javascript
idea中报的错，解决办法就是改一下javascript在idea中的配置本文来自：https://blog.csdn.net/fgx_123456/article/details/77825499
2018-07-24 21:45:57
2272
原创 js字符串： String对象的方法 + 半角空格、全角空格
一、String 对象方法方法 描述 anchor() 创建 HTML 锚。 big() 用大号字体显示字符串。 blink() 显示闪动字符串。 bold() 使用粗体显示字符串。 charAt() 返回在指定位置的字符。 charCodeAt() 返回在指定的位置的字符的 Unicode 编码。 concat() ...
2018-07-24 21:06:04
4719
1
原创 简单JS的笔记 查找节点+事件
一、一般的，查找一个元素节点用到的语句：1、根据元素的id来查找 ---》elementIddocument.getElementById(elementId); 2、根据元素的class属性 ---》classNamedocument.getElementsByClassName(className);3、根据元素（即标签）的标签名 ---》 tagName...
2018-07-20 17:07:43
850
原创 定时器 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
620
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人