javascript
文章平均质量分 52
刘斩仙的笔记本
业精于勤,荒于嬉;行成于思,毁于随。
展开
-
接入keycloak实现单点登录
1.如果跨域在keycloak管理中心Clients-Client details-Settings-Web origins添加浏览器访问地址就行。原创 2023-11-21 19:15:00 · 646 阅读 · 0 评论 -
vue + xtermjs + websocket 前端网页版终端,操作后端的docker容器
vue + xtermjs + websocket 前端网页版终端,操作后端的docker容器原创 2022-11-10 17:10:49 · 5012 阅读 · 11 评论 -
OHIF Viewer医学影像学习日记
前言:OHIF Viewer一个开源的,基于Web的,医学影像查看器。项目文档GitHub项目大概流程:我们下载OHIF Viewer项目运行打包,发布到服务器,然后暴露访问地址;再由后端提供返回固定格式json的接口,完整路径例如:http://www.baidu.com/#/viewer?url=http://www.your.com/apiv1/dicom/analysis/studies把此链接嵌入先有项目即可,实现在线预览医学影像图片。一、命令行执行git clone https:原创 2021-06-16 14:03:08 · 5999 阅读 · 7 评论 -
javascript判断浏览器和hack滚动条
判断各大浏览器内核:var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1;原创 2017-07-23 12:37:20 · 308 阅读 · 0 评论 -
关于跨域的记录
前言:关于跨域之前很少遇到,偶尔写demo调用豆瓣api遇到过,最近疯狂遭遇,头痛不已啊,虽然熟记的同源策略(同端口,同协议,同域名),及JSONP。 //后端java设置允许跨域 response.setHeader("Access-Control-Allow-Origin", "*"); response.setHeader("Access-Control-Allow-H...原创 2019-01-22 11:31:51 · 181 阅读 · 0 评论 -
H5实现打印电子面单(淘宝菜鸟物流)
介绍:为了对接菜鸟物流,写的测试demo,最终需要实现and design pro版本效果如图:第一步:先看文档=>菜鸟文档:接口文档第二步:下载云打印客户端:打印组件,安装打开就完了第三步:配置打印机:装驱动,设置为默认打印机(面单打印机),完事儿!第四步:源代码:<!DOCTYPE html><html> <head> ...原创 2019-04-22 12:11:22 · 9202 阅读 · 3 评论 -
<a></a>标签,download属性不下载,而是打开.doc、.txt、.mp3、img,解决方法
情况:公司特别钟爱,导出,下载,批量下载,打印,批量打印,今天遇到下载mp3文件时,只是在线打开,并不下载。因为同源的文件,浏览器默认是打开预览,不同源的才下载。利用get请求转成文件流就可以了。解决方法:downRow(index,data){ let that = this let oReq = new XMLHttpRequest(); ...原创 2019-06-06 15:19:40 · 5684 阅读 · 4 评论 -
上传github代码
介绍:疯狂尝试留下的宝贵经验。准备:首先登陆GitHub,新建一个仓库。只需要远程仓库地址就可以了。第一步://与远程仓库建立联系,之后可以正常提交1. git init2. git add .3. git commit -m "修改"4. git remote add origin https://github.com/liubaichao/xxxxx.g...原创 2019-07-08 11:38:50 · 177 阅读 · 0 评论 -
Test
修改于:2019-07-12<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta content="width=device-wid...原创 2019-07-12 17:33:47 · 157 阅读 · 0 评论 -
IOS中使用iframe无法滚动解决办法
问题描述: IOS使用iframe标签,当内容超出时,只能横向滚动,Y轴无法滚动。 代码如下:<div id="parent"> <div class="col-xs-12"> <iframe id="view-iframe" src="/main" name="view-iframe" src="WebPages/index.jsp原创 2017-07-25 09:44:48 · 3398 阅读 · 1 评论 -
ant design pro 分页
因为Table自带分页,但是是前台分页,获取所有数据,自动分页数据大,不太友好,所以改为单独请求数据。import { Button, Row, Col, Icon, Steps, Card, Table, Divider, Input, Form, Popconfirm, Modal, message, Menu, DatePicker ,Pagination} from 'antd';...原创 2018-04-16 16:12:47 · 8393 阅读 · 2 评论 -
javascript中刷新,加载,对比,截取,模拟toggle事件
刷新:window.location.reload();/*默认false从缓存读取数据;true重新请求数据*/window.location.href=window.location.href;加载: //公共底部$("#test").ready(function() { $("footer").load("footer.html"); })原创 2017-07-23 13:37:09 · 365 阅读 · 0 评论 -
javascript获取服务器时间
获取服务器时间:$.ajax({ type:"OPTIONS",url:"https://www.baidu.com/", complete:function(x){ var _timer=x.getResponseHeader("Date") var a=new Date(_timer).format("hh:mm:s原创 2017-07-23 13:44:01 · 325 阅读 · 0 评论 -
for循环中的异步问题
function f1(){ for(var i = 0; i < 10; i++) { setTimeout(function() { console.log(i); }, 1000); } } f1(); //改为下面的写法即可获取正确i的值 func原创 2017-07-23 14:43:15 · 2604 阅读 · 0 评论 -
如何用js给css3中的属性和jquery中的animate动态传值
代码如下:<!DOCTYPE html><html><head><meta charset="utf-8"> <title></title> <script src="jquery-1.11.3.js" type="text/javascript"></script><style> .line{ width:400px; height:10px; trans原创 2017-07-23 14:49:05 · 4034 阅读 · 0 评论 -
使用ajax异步请求数据,并展示在html中
<!DOCTYPE html><html><head><meta charset="utf-8"> <title></title> <script src="jquery-1.11.3.js" type="text/javascript"></script><style> .fu{ width:400px; height:400px; background-col原创 2017-07-23 15:01:27 · 5310 阅读 · 1 评论 -
前后台时间差-父页面获取iframe值-隐藏滚动条-属性选择
一、javascript在前台获取时间后,传给后台,然而后台接收到的时间少了8小时,解决方式: 1.在前台获取是时间加上8小时。 2.如果你是java开发,在框架spring-mvc.xml文件中,加上 <property name="timeZone" value="GMT+8"> 二、在HTML中获取iframe页面中的数据。<!DOCT原创 2017-06-04 11:33:07 · 566 阅读 · 0 评论 -
解决Hbuilder打包的app返回键直接退出
问题描述:Hbuilder打包的app如果点击手机返回键,app会直接退出,返回不了上一页。写在公共js文件中,代码如下:document.addEventListener('plusready', function() { var webview = plus.webview.currentWebview(); plus.key.addEventListener('backbutt原创 2017-08-08 15:49:11 · 41479 阅读 · 28 评论 -
js动态传值,触发值改变事件
代码如下:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <script src="jquery-1.11.3.js"></script> </head><body><input id="textarea" type="text"/><p><button type=原创 2017-12-14 17:26:53 · 8050 阅读 · 0 评论 -
PC和移动端判断鼠标(手指)滑动方向(touch方向)
//移动端$(".demo").on("touchstart", function(e) { e.preventDefault(); startX = e.originalEvent.changedTouches[0].pageX, startY = e.originalEvent.changedTouches[0].pageY; }); $(".demo").o原创 2017-12-29 10:08:36 · 3613 阅读 · 0 评论 -
手指(鼠标)左右滑动控制进度
效果如下:代码如下(移动端/pc端):<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="apple-mobile-web-app-capable" content="yes" />原创 2017-12-29 15:30:34 · 1151 阅读 · 0 评论