web
切儿
这个作者很懒,什么都没留下…
展开
-
echarts 堆叠柱状图 顶端圆角
echarts 堆叠柱状图被很多项目广泛的使用。需求是 堆叠柱状图 顶端圆角,下面是实现过程。安装或引入echarts,正常的使用方法可以看官方文档,直接上代码:option = { xAxis: [ { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] } ], yAxis: [ { type: 'value' } .原创 2021-12-22 15:43:40 · 5476 阅读 · 1 评论 -
滚动条 触发 滚动高度
滚动条 滚动高度原创 2021-12-22 11:16:04 · 643 阅读 · 0 评论 -
angular 设备实时更新代码(不用每次上传)
angular 设备实时更新代码(不用每次上传)angular 众所周知使用ng serve编译,访问localhost:4200 可直接访问实现的页面。每次修改后保存,页面会直接更新。后续需要把编译后的代码放到设备上,再刷新,每次修改一点点样式都得编译,再上传,再刷新。非常繁琐!以下是在设备上满足ng serve 运行也能代码同步更新,免编译的方法。这样可以节省编译的时间。下载proxy.config.json文件,放到项目的根目录下,也就是和angular.json同目录 在pr.原创 2021-01-11 18:50:18 · 333 阅读 · 0 评论 -
angularjs form表单 双向绑定问题
工作小记录:应用场景在angularjs 中页面需要弹出框modal,弹框中的数据用form表单 显示数据,进行双向绑定问题:页面双向绑定的时候,显示总是【object object】解决办法:在表单弹出前 添加$scope.$apply(); 即可解决$scope.$apply() 说明:强制重新渲染...原创 2020-11-24 11:51:10 · 255 阅读 · 0 评论 -
前端 浏览器滚动轴宽度设置
滚动轴 设置宽度一般的处理方法针对IE浏览器是无效的,此方法针对IE有效。颜色等可以在css样式中修改需求:浏览器默认的滚轴是很宽的,比较占空间不美观,以横向滚轴为例,浏览器默认的:本文是我们修改为了下图这样的:所需要的修改,需要下载两个文件,一个css 一个js 在页面中引入(文件请在我的资源中下载scrollBar压缩包)html :div中class样式中,添加scrollBar样式(注意 不要再写overflow)ts :$(".scrollBox")....原创 2020-10-28 16:03:26 · 1904 阅读 · 0 评论 -
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 · 585 阅读 · 0 评论 -
bootstrapTable 刷新保留页码
问题:用bootstrapTable表格分页,每次刷新重新加载后,总是会跑到第一页,然后再一页页往下翻,很不方便。所以找了下面方便的方法,可以解决这个问题。1. 添加js jquery.cookie.jsbootstrapTable的属性:pageNumber2. 判断$.cookie("curAgentTablePageNumber")是否存在,curAgentTablePageNumber名称是自己起的,可修改3. 在切换页面的方法中记录当前页 bootstrapTable的...原创 2020-07-03 16:04:28 · 1270 阅读 · 0 评论 -
HTTP 协议的状态消息都有哪些
协议是指计算机通信网络中两台计算机之间进行通信所必须共同遵守的规定或规则,超文本传输协议(HTTP)是一种通信协议,它允许将超文本标记语言(HTML)文档从 Web 服务器传送到客户端的浏览器。“100″ : Continue(继续) 初始的请求已经接受,客户应当继续发送请求的其余部分。(HTTP 1.1 新) “101″ : Switching Protocols(切换协议) 请求者已要求服务器切换协议,服务器已确认并准备进行切换。(HTTP 1.1 新) “200″ : OK(成功) 一切...原创 2020-06-24 15:53:00 · 850 阅读 · 0 评论 -
日历插件 可多选以及颜色区分
本文章是记录自己整理的日历插件,根据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 · 1085 阅读 · 0 评论 -
FileUploadModule ng2-file-upload 上传
web 文件上传方法分享,只用了需求需要的功能,其他的需求请查看参考文档。1. 安装安装非常简单,只要在项目根路径下运行如下npm命令即可:npm install ng2-file-upload --save2. 使用说明官方的文档写的非常简单,几乎看不出什么来,这里结合实际的使用调试,说明一下基本的配置和使用方案。2.1. 集成到Module中在需要使用的Modul...翻译 2020-02-21 18:48:13 · 342 阅读 · 0 评论 -
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 · 932 阅读 · 0 评论 -
ocx 加载 页面卡死
最近遇到的问题,页面需要用到控件,记录下查找问题的历程,方便后期查看!最终结果,问题根本原因未找出!目前解决办法: 在项目中根页面中初始化也就是下贴代码,<router-outlet></router-outlet>中页面调用的时,在定义一个div容器,ts中获取容器的width,heigth,top,left 针对object做绝对定位。使用的方法是:...原创 2020-02-18 23:52:53 · 733 阅读 · 0 评论 -
表格内容居中
表格内容居中$(".table").find("th").each(function(index,item){ $(item)[0].style.textAlign = "center";}); 这种方法是有弊端的,获取数据显示会出现,最开始的时候,数据是靠左显示,然后代码生效,再居中这种转换,在页面中是比较明显的。bootstrapTable中 valign: "mid...原创 2020-02-17 14:58:11 · 223 阅读 · 0 评论 -
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 · 245 阅读 · 0 评论 -
web 文件上传(可多个) 包含进度条
项目最近用到的功能,整理记录下,方便下次使用,有需要的也可查看参考。满足需求:1.可多个文件上传;2.满足上传显示进度条(多个文件时,根据全部文件的大小计算);下面代码是大致的整理,具体需要根据自己提取。环境:angular 框架TS:<div class="form-horizontal"> <div class="form-group"> ...原创 2020-02-12 16:18:22 · 465 阅读 · 0 评论 -
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 · 278 阅读 · 0 评论 -
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 · 1357 阅读 · 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 · 2059 阅读 · 0 评论 -
js 中&.get、&.post 的同步异步写法
js 中&.get、&.post 的同步异步写法初始化的时候添加: $.ajaxSetup({ async : false //同步 }); $.ajaxSetup({ async : false //同步 }); async为false 同步 true 异步同步:一条发送一定会等待返回才会执行下一条异步:一条发送不管有没有返回直接向下原创 2017-08-09 16:00:27 · 622 阅读 · 0 评论 -
简单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 · 427 阅读 · 0 评论 -
IE6-IE9不支持table.innerHTML的解决方法
IE6-IE9中tbody的innerHTML不能赋值,重现代码如下var inn = ""+ "订货单号"+ "单据日期"+ "商品类型"+ "订单属性"+ "配货次数"+ "详细"+ ""; $(tab).innerHtml(inn); 解决办法:var inn = ""+ "订货单号"+ "单据日期"+ "商品类型"+ "订单属性"+ "配货次数原创 2016-09-22 14:14:29 · 385 阅读 · 0 评论 -
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 · 1425 阅读 · 0 评论 -
js 事件冒泡详解、 捕获、阻止方法
js 事件冒泡,如果是下级方法,下级方法中覆盖上级方法失败,运行的 下级方法运行后,由于冒泡,页面会再次执行上级方法参考链接http://www.jb51.net/article/48935.htm总之要做的就是: 把它给关了(阻止事件冒泡) 在IE下:js中添加代码window.event.cancelBubble = true其他浏览器下:e.stopPropagation()亲测可行...转载 2018-03-29 17:34:13 · 291 阅读 · 0 评论 -
浏览器 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 · 2071 阅读 · 0 评论 -
$.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 · 221 阅读 · 0 评论 -
拼接方法 传对象参数
今天遇到一个问题,页面事件是动态生成的,方法的参数也是拼接的。例如:str += '<span onclick="changeWindow(\''+itemStr+'\')" style="color:white; height:35px;">S</span>';参数是JSON对象,传过去的值是“[object object]”这样的根本没办法用的。后面想的是 直接把对象...原创 2018-06-19 10:50:54 · 1457 阅读 · 0 评论 -
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 · 1271 阅读 · 0 评论 -
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 · 139 阅读 · 0 评论 -
下拉框 多个按钮 实现
基础环境: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 · 1255 阅读 · 0 评论 -
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 · 2194 阅读 · 0 评论 -
浏览器路径 隐藏
浏览器地址栏有时会 不想让看到当前文件的名称,所以一般会在页面中转一下以下是简单示例(只是想到简单实现,可能还会有更好的方法)index.html<body> <script type="text/javascript"> window.location="login.html"; </script></body>l...原创 2019-09-19 17:03:08 · 1579 阅读 · 1 评论 -
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 · 1369 阅读 · 0 评论 -
Window.Open详解
Window.Open详解一、window.open()支持环境:JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+二、基本语法:window.open(pageURL,name,parameters) 其中:pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 三、示例转载 2016-11-21 17:58:17 · 214 阅读 · 0 评论