切儿-优快云博客

原创 canvas canvas2image 生成bmp格式的图片

canvas canvas2image 生成bmp格式的图片

2022-09-29 14:55:05 2740

原创 echarts 堆叠柱状图顶端圆角

echarts 堆叠柱状图被很多项目广泛的使用。需求是堆叠柱状图顶端圆角，下面是实现过程。安装或引入echarts，正常的使用方法可以看官方文档，直接上代码：option = { xAxis: [ { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] } ], yAxis: [ { type: 'value' } .

2021-12-22 15:43:40 5806 1

原创滚动条触发滚动高度

滚动条滚动高度

2021-12-22 11:16:04 713

原创 angular 设备实时更新代码（不用每次上传）

angular 设备实时更新代码（不用每次上传）angular 众所周知使用ng serve编译，访问localhost:4200 可直接访问实现的页面。每次修改后保存，页面会直接更新。后续需要把编译后的代码放到设备上，再刷新，每次修改一点点样式都得编译，再上传，再刷新。非常繁琐！以下是在设备上满足ng serve 运行也能代码同步更新，免编译的方法。这样可以节省编译的时间。下载proxy.config.json文件，放到项目的根目录下，也就是和angular.json同目录在pr.

2021-01-11 18:50:18 383

原创 Web Player TcPlayer

Web Player TcPlayer概述tcplayer lite主要用于在手机浏览器和PC浏览器中播放音频/视频流。使用该播放器，您可以在微信时刻和微博等社交平台上共享视频，而无需安装其他应用程序。本文档面向具有JavaScript基本知识的开发人员。基础入门前必须学习的基本知识:LVB和VOD实时生成LVB视频源。一旦VJ停止广播，LVB URL就变得无效，并且由于实时播放实时流，因此在播放期间播放器上不显示任何进度条。VOD视频源是服务器上的一个文件，只要未被提供商删除，就可

2021-01-08 17:47:51 2859

原创 angularjs form表单双向绑定问题

工作小记录：应用场景在angularjs 中页面需要弹出框modal，弹框中的数据用form表单显示数据，进行双向绑定问题：页面双向绑定的时候，显示总是【object object】解决办法：在表单弹出前添加$scope.$apply(); 即可解决$scope.$apply() 说明：强制重新渲染...

2020-11-24 11:51:10 294

原创 slider 点击鼠标移出元素放开

工作小问题记录问题：页面根据需求需要使用到slider，用户通过对slider的操作使得其他显示动态变化，但是用户在元素上摁下鼠标后，移动幅度较大，鼠标偏离slider元素，这样导致动态显示部分无变化。之前的写法是在元素上绑定mousedown、mouseup、mouseout$('#slider').mousedown(function () { });$('#slider').mouseup(function () { });$('#...

2020-11-20 17:16:03 444

原创前端浏览器滚动轴宽度设置

滚动轴设置宽度一般的处理方法针对IE浏览器是无效的，此方法针对IE有效。颜色等可以在css样式中修改需求：浏览器默认的滚轴是很宽的，比较占空间不美观，以横向滚轴为例，浏览器默认的：本文是我们修改为了下图这样的：所需要的修改，需要下载两个文件，一个css 一个js 在页面中引入（文件请在我的资源中下载scrollBar压缩包）html ：div中class样式中，添加scrollBar样式（注意不要再写overflow）ts ：$(".scrollBox")....

2020-10-28 16:03:26 1989

原创 alasql下载xlsx文件、

引入的依赖：alasql 下载文件、FileReader解析文件。下面直接代码：（所依赖的包的下载可在我的资源文件中下载文件）<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/

2020-07-17 09:31:53 622

原创 bootstrapTable 刷新保留页码

问题：用bootstrapTable表格分页，每次刷新重新加载后，总是会跑到第一页，然后再一页页往下翻，很不方便。所以找了下面方便的方法，可以解决这个问题。1. 添加js jquery.cookie.jsbootstrapTable的属性：pageNumber2. 判断$.cookie("curAgentTablePageNumber")是否存在，curAgentTablePageNumber名称是自己起的，可修改3. 在切换页面的方法中记录当前页 bootstrapTable的...

2020-07-03 16:04:28 1372

原创 HTTP 协议的状态消息都有哪些

协议是指计算机通信网络中两台计算机之间进行通信所必须共同遵守的规定或规则，超文本传输协议(HTTP)是一种通信协议，它允许将超文本标记语言(HTML)文档从 Web 服务器传送到客户端的浏览器。“100″ : Continue（继续）初始的请求已经接受，客户应当继续发送请求的其余部分。（HTTP 1.1 新） “101″ : Switching Protocols（切换协议）请求者已要求服务器切换协议，服务器已确认并准备进行切换。（HTTP 1.1 新） “200″ : OK（成功）一切...

2020-06-24 15:53:00 896

原创日历插件可多选以及颜色区分

本文章是记录自己整理的日历插件，根据jquery插件库下载下来后，去除繁琐的功能，整理为自己需要的日历样式。(根据自己项目，需要的是其中的日历可多选天数且颜色变化功能)原日历插件链接：http://www.jq22.com/yanshi6487整理的其中还有没有用到的东西，没整理干净，如有需要自己查看。代码html：<div class="col-md-12" style="background-color: #FFF;border-radius:4px"> <div

2020-05-29 11:40:11 1165

原创 angular FileSaver、XLSX 导入导出

本文章记录了在工作过程中，文件导入导出功能的实现。需要安装和引入import * as XLSX from 'xlsx';import * as FileSaver from 'file-saver';一、文件的导出两种方式：推荐大家使用方式一，方式一比较灵活，如果导出的部分确定只是表格的话，方法二也是很方便的。方式一：页面按钮调用代码方法即可。exportTest(...

2020-04-30 17:07:46 1419

原创 YApi 使用

该文档只是在使用YApi使用时遇到的问题，YApi建立好，直接可以通到网址打开，建议是Chrome.问题chrome 测试文件是没法测试的，需要安装下插件，本文就是针对插件的说明：插件的下载地址操作：谷歌浏览器--更多工具 ---扩展程序开发者模式打开，会出现加载已解压的程序，选中文件cross-request3.0\3.0_0，就可以了。...

2020-03-23 15:42:24 554

翻译 FileUploadModule ng2-file-upload 上传

web 文件上传方法分享，只用了需求需要的功能，其他的需求请查看参考文档。1. 安装安装非常简单，只要在项目根路径下运行如下npm命令即可:npm install ng2-file-upload --save2. 使用说明官方的文档写的非常简单，几乎看不出什么来，这里结合实际的使用调试，说明一下基本的配置和使用方案。2.1. 集成到Module中在需要使用的Modul...

2020-02-21 18:48:13 370

原创 a标签 ftp 下载文件

a标签 ftp 下载文件： <a href="ftp://用户名:密码@IP3:端口/test.tgz" download="">test</a>herf 如果写为 ../../test.tgz会出现问题，文件在web同级目录下正常下载，在非web目录下，浏览器会弹出ftp的用户名密码输入下载图片时文件直接打开，添加dowmload属性不起作用...

2020-02-19 12:13:46 988

原创 ocx 加载页面卡死

最近遇到的问题，页面需要用到控件，记录下查找问题的历程，方便后期查看！最终结果，问题根本原因未找出！目前解决办法：在项目中根页面中初始化也就是下贴代码，<router-outlet></router-outlet>中页面调用的时，在定义一个div容器，ts中获取容器的width,heigth,top,left 针对object做绝对定位。使用的方法是：...

2020-02-18 23:52:53 804

原创表格内容居中

表格内容居中$(".table").find("th").each(function(index,item){ $(item)[0].style.textAlign = "center";}); 这种方法是有弊端的，获取数据显示会出现，最开始的时候，数据是靠左显示，然后代码生效，再居中这种转换，在页面中是比较明显的。bootstrapTable中 valign: "mid...

2020-02-17 14:58:11 252

原创 web 数据保存为excel文件

web 数据保存为excel文件直接上代码：doExport():void { const logData = [];//数据 const exportArr = []; for(let i=0;i<this.logData.length;i++) { const logType = '类型可多种'; const obj ...

2020-02-12 16:28:21 269

原创 web 文件上传（可多个）包含进度条

项目最近用到的功能，整理记录下，方便下次使用，有需要的也可查看参考。满足需求：1.可多个文件上传；2.满足上传显示进度条（多个文件时，根据全部文件的大小计算）；下面代码是大致的整理，具体需要根据自己提取。环境：angular 框架TS:<div class="form-horizontal"> <div class="form-group"> ...

2020-02-12 16:18:22 496

原创 angular webSocket

angular webSocket 简单示例： ws:WebSocket; //webSocket 下载文件 webSocketClient():void{ const ws = new WebSocket("ws://192.168.168.240:8000"); ws.onopen = function() { console.log("client...

2019-12-16 09:56:01 313

原创 bootstrapTable checkBox 渲染

记录：bootstarpTable 中用checkbox 样式渲染问题环境 bootstarpTable--1.12.1 bootstarp--v3.3.6 配套Metrnic4.5.6bootstarpTable的简单示例：（具体是可以官网查看 bootstarpTable） $('#Table').bootstrapTable({ classes: 'table ...

2019-10-22 20:44:42 1422 1

原创 html 垂直线

<div class="col-md-1" ng-if="(item.id%2) == 0"> <span style="padding:12px 6px 20px 6px;margin-left: 6px;border-left: 1px solid grey;font-size: 0;float: right;"></span></div>...

2019-09-25 14:24:57 2106

原创 IE VLC控件不显示 vlc32位

由于工作需求，需要使用vlc控件，但是在html上简单的示例，总是出错，页面控件不显示，，没有路径的话，应该是黑色背景和VLClogo的，查找了很多，终于找到问题，是VLC控件的问题。我的电脑是 window7 64位的，之前按照的vlc版本是3.0.8 64位，然而这是不对的，至于为啥我也不知道，需要把64位的卸载掉，安装32为的vlc ,问题就没有了。html:<html...

2019-09-23 16:57:19 1430

原创浏览器路径隐藏

浏览器地址栏有时会不想让看到当前文件的名称，所以一般会在页面中转一下以下是简单示例（只是想到简单实现，可能还会有更好的方法）index.html<body> <script type="text/javascript"> window.location="login.html"; </script></body>l...

2019-09-19 17:03:08 1682 1

原创 bootstrap-select 最大高度

本文是针对bootstrap中，html select标签高度的处理说明<select name="" class="select form-control" id="sel" >由于内部样式的某种原因，select标签在style中设置 height 或者使用 size = 5设置都是无效的解决办法：在初始化的时候设置$("#sel").selectpi...

2019-09-16 15:16:02 2269

原创下拉框多个按钮实现

基础环境：bootstrap、angularJs模拟下拉框实现<div class="form-group"> <label class="col-md-4 control-label" for="gb_tdbh"> 通道编号： </label> <div class="col-md-8"> <!--...

2019-09-12 14:14:56 1314

原创 bootstrap modal

在DIV中添加data-backdrop=“static”$('#testModel').modal({ backdrop: 'static',//backdrop 为 static 时，点击模态对话框的外部区域不会将其关闭。 keyboard: false,//keyboard 为 false 时，按下 Esc 键不会关闭 Modal。 show:true/...

2019-03-21 10:53:54 177

原创 angularjs jstree 示例

本篇文章是个简单的例子，如果需求需要更复杂的可参考jstree 官网，里面详细接受有事件、方法。jstree：https://www.jstree.com/angularjs调用一般是： <script src="../bootstrap/js/bootstrap.min.js"></script> <link rel="stylesheet" hre...

2019-01-11 10:36:12 1315

原创拼接方法传对象参数

今天遇到一个问题，页面事件是动态生成的，方法的参数也是拼接的。例如：str += '<span onclick="changeWindow(\''+itemStr+'\')" style="color:white; height:35px;">S</span>';参数是JSON对象，传过去的值是“[object object]”这样的根本没办法用的。后面想的是直接把对象...

2018-06-19 10:50:54 1493

原创 java基于DatagramSocket 的上传文件

本文章提供的只有上传的方法，没有下载且不包含服务，只有客户端。具体的逻辑：告知服务write,然后分块发送内容，块的大小默认512字节，socket.receive(packetRE)中，对packetRE进行了解析，其中有两个参数，一个是ack 一个是当前包的序号，在for循环中做了判断，索要的块数和当前读取文件的块数相同时才会继续。Java使用DatagramSocket代表UDP协议的Soc...

2018-05-18 15:31:49 448

翻译 $.ajax() 参数详解

1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。3.timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设置。4.async: ...

2018-04-12 10:09:03 267

转载 js 事件冒泡详解、捕获、阻止方法

js 事件冒泡，如果是下级方法，下级方法中覆盖上级方法失败，运行的下级方法运行后，由于冒泡，页面会再次执行上级方法参考链接http://www.jb51.net/article/48935.htm总之要做的就是：把它给关了(阻止事件冒泡) 在IE下：js中添加代码window.event.cancelBubble = true其他浏览器下：e.stopPropagation()亲测可行...

2018-03-29 17:34:13 334

原创浏览器 mqtt客户端基于nodejs

之前用到的mqtt都是在后台简历MQTT连接，现在想不要后台，直接在前端建立MQTT客户端，更方便实用。 1).首先需要下载nodejs 然后用nodejs自带的npm模块安装Mosca。 2).在nodejs 路径下添加一个server.js ，内容如下：（）var mosca = require('mosca');var ascoltatore = { //usi...

2018-03-27 10:03:32 2132

原创 Jquery 简单拖拽功能

.ft { float: left; width: 50px; height: 50px; border: 1px solid red; } ul>li{ cursor: move; } 1111 2222 3333 4444 5555

2018-01-24 10:18:36 1461

原创简单loading

本文章示例了一个简单的loading 功能。body中添加一个空的div,并赋值一个id.html: div id="lodeDiv">js: var _LoadingHtml=null; //获取浏览器页面可见高度和宽度 var _PageHeight = document.documentElement.clientHeight, _PageWidth = d

2017-08-30 17:14:21 456

原创 java springMVC 上传文件

所需功能，浏览器上传本地文件，服务器上传到ftp.直接js 传文件路径到后台，后台根据文件路径上传ftp会有问题，其他电脑访问服务器操作上传功能会出现上传失败的。因为服务器是获取本地文件路径的，其他电脑文所在的路，本地文件下是没有的。需要先把文件下载到服务器的临时文件下，然后再从服务器上传文件到ftp.上传后删除临时文件夹。具体代码：html: <form id="fm" na

2017-08-10 13:57:57 344

原创 java 删除文件目录文件夹

可直接作为工具类/** * 删除文件和目录 * */public class DeleteFileUtil { /** * 删除文件，可以是文件或文件夹 * * @param fileName * 要删除的文件名 * @return 删除成功返回true，否则返回false */ pub

2017-08-10 13:45:43 356

原创 js 中&.get、&.post 的同步异步写法

js 中&.get、&.post 的同步异步写法初始化的时候添加： $.ajaxSetup({ async : false //同步 }); $.ajaxSetup({ async : false //同步 }); async为false 同步 true 异步同步：一条发送一定会等待返回才会执行下一条异步：一条发送不管有没有返回直接向下

2017-08-09 16:00:27 657

原创文件上传服务器、文件上传ftp

里面包涵两部分内容，可以拆开来用，文件上传到服务器文件上传到ftp@RequestMapping(value="uploadFile_old") @ResponseBody public Object uploadFile_old(HttpServletRequest request,HttpServletResponse response)throws IOException {

2017-08-07 16:04:20 386