![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
简析
努力去做!Just do it!
展开
-
echarts x轴在顶部 折线图
option = { xAxis: { position: 'top', type: 'category', data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月'], axisLine: { onZero: false } }, yAxis: { inverse: true, type: 'va...原创 2021-10-26 14:48:14 · 1662 阅读 · 0 评论 -
table td长度被撑开
如图,表格套表格,里边表格把外层撑开,不能按100%显示;解决办法给父级table 加一个table-layout:fixed;样式原创 2021-09-27 14:07:28 · 299 阅读 · 0 评论 -
element-ui修改el-dialog样式不生效
要修改dialog的样式不能直接在<style scoped>中修改,这样修改后不会生效。做法是把scoped去掉,然后在dialog标签上自定义一个class,最好不要和其他的class同名,然后通过此class选择器再去修改里面的相关样式即可。<template> <el-dialog title="信息" :visible.sync="dialogFormVisible" width="60%"原创 2021-09-27 11:30:09 · 9644 阅读 · 2 评论 -
前端使用Aliplayer 播放器 播放flv直播流
之前写过一篇前端使用Aliplayer 播放器 播放rtmp直播流但是rtmp格式的直播流 需要通过本地的 Flash 播放器播放。以后谷歌浏览器和火狐浏览器都不支持flash了,那rtmp格式的想通过 aliplayer播放出问题了,所以项目改成了flv格式的直播流,采用html5的播放器阿里播放器那边后续对rtmp格式的也不再支持了。另aliplayer的版本要使用最新的,会少很多问题https://g.alicdn.com/de/prismplayer/2.9.3/alipl...原创 2021-03-31 09:54:55 · 2200 阅读 · 3 评论 -
天地图-图形绘制
原文地址:https://www.cnblogs.com/nuoye/p/10563555.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>天地图</title> <style> /*设置地图显示大小*/ #mapDiv{ width:转载 2020-12-14 13:36:16 · 2665 阅读 · 1 评论 -
《转》常用的前端地图框架(WebGIS框架)
常用的前端地图框架(WebGIS框架)1. LeafletLeaflet是最著名的前端地图可视化库,它开源、体积小、结构清晰、简单易用。2. Mapbox GL JSMapbox GL JS是目前最新潮的前端地图库,它的矢量压缩、动态样式和三维性能令人印象深刻。它本身是开源的,但一般依赖于Mapbox公司提供的底图服务。3. ArcGIS API for JSArcGIS API for JS是较为学院派的前端地图库,它是ArcGIS开发套件中的一部分,和桌面端和服务器端Arc...原创 2020-12-14 11:36:29 · 1275 阅读 · 0 评论 -
上传图片到服务器
上传图片到服务器,调用海宁写的接口重点:1、创建formData对象,写入文件值2、设置ajax上传时的参数 var formData = new FormData();//创建一个新的FormData对象,Ajax中的 data 属性就是 formdata formData.append("files", resultFiles[0]); formData.append("app_key", layui.setter.app_key);//使用append的方.原创 2020-12-07 15:43:58 · 582 阅读 · 0 评论 -
微信公众号开发--图文消息发送不显示图片的问题
使用微信公众号接口实现图文消息推送,遇到问题,不显示图片,且content内容中有英文双引号也不行1、微信不允许有外链的图片,所以会自动过滤2、"双引号格式问题。前端把双引号传给后端后,后端接收组json的时候把转义\" 给去掉了\,所以出了问题。这个小问题困扰了好久,自己用postman测试了一遍才找到了问题所在。再此记录一下微信公众号推送图文消息的流程微信公众号开发--实现图文消息发送解决方案要实现的效果如下图:在公众平台网站上,为订阅号提供了每天一条的...原创 2020-12-07 15:28:44 · 5473 阅读 · 3 评论 -
笔记:layui 复选框checked获取值和赋值
记录一下这个写法 unitTypeCheckbox = $("input[id='feedback']")(unitTypeCheckbox[i].title == unitType[j]) var unitTypeCheckbox = $("input[id='feedback']"); for (var i = 0; i < unitTypeCheckbox.length; i++) { if (uni...原创 2020-08-14 16:38:31 · 3527 阅读 · 0 评论 -
阿里云视频监控启动流
有时候加载视频监控地址会遇到视频离线的情况,需要重新启动一下。(如何加载视频看之前的文章前端使用Aliplayer 播放器 播放rtmp直播流)接口:DescribeStreams获取流Id接口:StartStream用流Id启动流,帮助文档:https://help.aliyun.com/document_detail/109458.html?spm=a2c4g.11186623.6.601.754d5f7etNOHDlhttps://help.aliyun.com/.原创 2020-07-16 17:34:14 · 536 阅读 · 0 评论 -
阿里云Aliplayer 播放器播放rtmp格式直播流,画面静止不动解决办法
阿里云Aliplayer 播放器播放rtmp格式直播流,经常出现画面静止不动的情况。解决办法:在Aliplayer加一下两个参数:rtmpBufferTime: 0showBuffer: 0 player = new Aliplayer({ id: "playercontainer", width: "100%", ...原创 2020-07-14 10:19:33 · 3330 阅读 · 0 评论 -
jq点击事件累加问题/click弹出事件执行两次
两个弹框嵌套,在一个弹出框点击按钮弹出新的弹框,使用click函数,里边的函数执行次数累加。之前遇到过一次,别的同事问我的,我找的解决方法。我还以为是那个框架的问题。这次也碰到了。记录一下。https://blog.csdn.net/weixin_36270908/article/details/100139337?utm_medium=distribute.pc_relevant.none-task-blog-baidujs-2...原创 2020-07-02 16:54:31 · 409 阅读 · 0 评论 -
Aliplayer阿里云播放器 切换播放地址方法
使用阿里云播放器,切换播放地址时,如果有的路径找不到,再切换一个,会报错。一开始用销毁没起作用,player.dispose()查文档发现Flash播放器需要销毁,H5的播放器是另一种方法。而我出错在,设置了H5播放器,用的确实销毁方法。改成flash播放器,解决问题。...原创 2020-07-02 10:59:38 · 4229 阅读 · 1 评论 -
阿里云m3u8播放,跨域问题
去 阿里视频服务器配置一下关于跨域访问配置说明https://help.aliyun.com/document_detail/62950.html原创 2020-07-02 09:51:03 · 12526 阅读 · 0 评论 -
前端使用Aliplayer 播放器 播放rtmp直播流
本次项目使用Aliplayer 播放器 播放rtmp直播流(户外摄像头的直播流),视频监控是用的阿里云的视频监控。前端框架:layui需求:1、使用阿里播放器插件Aliplayer,实现rtmp流的直播播放;2、实现PTZ云台控制。3、调用PTZ云台控制接口的时候,公共参数中的签名结果串,是经过计算获得的,签名方式HMAC-SHA1。相关文档:播放器的属性接口说明文档https://help.aliyun.com/document_detail/125572.htm...原创 2020-07-01 12:01:11 · 5431 阅读 · 2 评论 -
手机访问(Apache)本地地址出现403错误的解决方法
问题: 手机访问(Apache)本地地址出现403错误上网查了好多都是设置httpd.conf文件的(如下图),但是我设置后并没有起作用。后来查到设置C:\wamp\bin\apache\apache2.4.23\conf\extra 文件夹下的httpd-vhosts.conf , Require local 改成 Require all granted(即允许所有请求访问资源)成功了。参考文章:https://blog.csdn.net/baidu_36095053/articl...原创 2020-06-25 12:11:52 · 1997 阅读 · 0 评论 -
layui 日期输入框 禁止输入字符
layui 的日期输入框,输入其他字符时报错。首先想到加限制,比如 给输入框加 lay-verify="date" ,但是加了layui 中这个限制,就成了必填,空值不行,本来想改一下form.js 中对date的正则,觉得欠妥。后来的解决办法是,让日期输入框只能选择,不可填写。加readonly <input type="text" class="layui-input" name="startDate" id="date1" placeholder="开始日期" readonly&原创 2020-06-23 11:00:11 · 3615 阅读 · 0 评论 -
js正则表达式 最多3位小数
layui 中加js正则表达式验证1、正数,且最多3位小数//自定义验证 form.verify({ price: function(value, item) { //value:表单的值、item:表单的DOM对象 if (!new RegExp("(^$)|^[0-9]+(.?[0-9]{1,3})?$").test(value)) { //if (!new RegExp("^[\\+\\-]?[\\d]+(\原创 2020-06-20 15:05:22 · 11898 阅读 · 0 评论 -
IE / Edge 自动给数字加下划线的问题
网页内的表格数字,IE浏览器下浏览时,发现部分数字加了下划线,变蓝了,其他浏览器没有这个问题。参考网上的解决办法,在网页<head>中加入以下语句解决。<metaname="format-detection"content="telephone=no,email=no,address=no">参考:https://blog.csdn.net/sandaray/article/details/79314954...原创 2020-06-18 10:52:11 · 367 阅读 · 0 评论 -
js页面时钟
js的页面时钟,显示实时的时间 function startTime() { var today = new Date(); //定义日期对象 var yyyy = today.getFullYear(); //通过日期对象的getFullYear()方法返回年 var MM = today.getMonth() + 1; //通过日期对象的getMonth()方法返回年 var dd = today.原创 2020-06-10 09:41:18 · 292 阅读 · 0 评论 -
laydate时间控件在谷歌浏览器中兼容性问题
laydate时间控件在360里弹出正常,在谷歌浏览器中弹出有问题,总是闪一下也不弹出。解决办法如下:在如下代码中添加 trigger: 'click’ //列表时间选择 layui.use('laydate', function(){ var laydate = layui.laydate; //执行一个laydate实例 laydate.render({ elem: '#test' //指定元素 ,trigger: 'click' //自动弹出控件的事件,采用cl原创 2020-05-16 08:46:13 · 1700 阅读 · 0 评论 -
textarea高度随内容自适应
textarea高度随内容自适应html中加入oninput="this.style.height=this.scrollHeight + 'px'"<textarea name="maybeDamage" id="" oninput="this.style.height=this.scrollHeight + 'px'"></textarea>拉取数据填充的时候也希望是按给的内容来自适应高度在填充数据后加入如下代码$('textarea').each(fu.原创 2020-05-15 16:40:16 · 564 阅读 · 1 评论 -
position:fixed 失效的解决方法
今天同事问如何固定div到某个位置,不随滚动条滚动。我一听简单,用position:fixed就行了啊。我记得position:fixed的元素 相对于屏幕视口 的位置来指定其位置。并且元素的位置在屏幕滚动时不会改变。结果并没有起作用,还是跟着滚动。怎么办?查!原来,在某些情况下,position:fixed会失效:当元素祖先的 transform 属性非 none ...原创 2020-04-11 15:35:18 · 8057 阅读 · 0 评论 -
导出数据到excel中的时候,带小数点的数字格式都变了
导出数据到excel中的时候,带小数点的数字格式都变了加入这行代码table = table.replace(/<td/g, "<td STYLE='MSO-NUMBER-FORMAT:\\@'"); //防止数字到excel中 改变内容...原创 2020-04-02 16:27:42 · 1566 阅读 · 0 评论 -
百度地图 保留marker的基础上,鼠标滑过显示label,鼠标移开label消失
参考:https://www.cnblogs.com/zongsir/p/8184537.html这个问题搞了2小时,网上方法很多但是都不太好用。终于找到个能用的。目标功能: 实现地图上显示若干坐标点,鼠标滑过显示站点名称label标签;移开label标签消失;点击弹出窗口详情。第一:移除label的时候marker还要保留第二:点击marker要弹出详情框 ...原创 2020-03-14 18:11:52 · 4888 阅读 · 2 评论 -
前端实现http路径的pdf文件下载
window.downloadFile = function (sUrl) { //iOS devices do not support downloading. We have to inform user about this. if (/(iP)/g.test(navigator.userAgent)) { alert('Your device does not s...转载 2020-02-19 18:03:53 · 2433 阅读 · 0 评论 -
layui 在子页面打开tab页
参考原文地址:https://blog.csdn.net/Smile__Mo/article/details/80944643var href ='views/list/productdetail.html?productKey=' + data.productKey;var l = parent === self ? layui : top.layui;l.index.open...原创 2020-02-16 11:45:13 · 6272 阅读 · 0 评论 -
seajs入门学习
前端模块化SeaJS是一个遵循CMD规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同,SeaJS不会扩展封装语言特性,而只是实现JavaScript的模块化及按模块加载。SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载,将前端工程师从繁重的JavaScript文件及对象依赖处...原创 2019-12-19 08:26:24 · 196 阅读 · 0 评论 -
原生js点击其他任意地方隐藏关闭DIV实例
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>点击其它地方关闭DIV</title></head><body><input type="text" value="" id="tf"/&g...转载 2019-12-06 11:36:06 · 951 阅读 · 1 评论 -
js导出json数据到excel 文件
导出json数据到excel文件,在网上查的方法。能导出。但是余留个问题,就是打开的excel的时候提示,文件名和扩展名不一致...查了半天资料,没有办法解决有的说: 返回xml格式的Excel数据,这种都会有提示的。你要没有提示,导出csv格式的数据或者服务器端用组件导出Excel才行。或者使用插件来解决,方法地址如下,还没验证,留个印儿,有时间再说。使用bootstrap...原创 2019-11-18 16:15:53 · 394 阅读 · 0 评论 -
layui表单重置清空
今天写添加,编辑功能时,用到重置表单功能,不是点击按钮重置,而是在添加时清空一下,记录下html代码: <form id="formId"> <!--内容--> </form> html代码: <form id="myform"> <!--内容--> </form>在调用弹...原创 2019-11-16 13:50:07 · 15627 阅读 · 0 评论 -
vue-admin-template 安装失败
vue-admin-template 安装失败,提示node-sass 安装失败,百度之后发现是被墙了。解决办法:1、先卸载node-sass npm uninstall node-sass2、使用淘宝镜像源(推荐)设置变量 sass_binary_site,指向淘宝镜像地址npm i node-sass --sass_binary_site=https...原创 2019-11-08 16:35:52 · 2173 阅读 · 6 评论 -
前端 上传下载的demo
一些项目中遇到过的关于上传和下载的一些Demo原创 2019-10-30 11:08:50 · 365 阅读 · 0 评论 -
转载 js中TSC打印机在IE浏览器使用ActiveX控件实现打印 (一行多列)
https://blog.csdn.net/weixin_41481806/article/details/87253819//点击按钮后执行的方法function printTag(){ var name = "李文龙-艾滋病"; var code = "20190113001"; var TSCObj; TSCObj = new ActiveXObjec...转载 2019-09-12 14:03:55 · 632 阅读 · 0 评论 -
Jquery对当前日期的操作(格式化当前日期)
// 对Date的扩展,将 Date 转化为指定格式的String// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符, // 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) Date.prototype.Format = function (fmt) { //author: meizz var ...转载 2019-07-20 16:08:24 · 244 阅读 · 0 评论 -
JSON.stringify() 和 JSON.parse() 的区别
简单扩展:JSON.stringify() 和JSON.parse() 的区别JSON.stringify() 从一个对象中解析出字符串JSON.stringify({"a":"1","b":"2"})结果是:"{"a":"1","b":"2"}"JSON.parse()从一个字符串中解析出JSON对象JSON.parse({"a":"1","b":"2"});结果是:...转载 2019-07-29 17:02:33 · 59 阅读 · 0 评论 -
笔记:跨域请求ajax的时候ie9以下的浏览器不可以访问(转)
原文地址:https://blog.csdn.net/qq_27917627/article/details/78809554最近在做项目的时候遇到一个问题,就是跨域请求ajax的时候ie9以下的浏览器不可以访问,直接执行error里面的代码,但是也不报错,就上网查了查,发现了一个很好用的方法,在这里记录一下,也希望可以帮到大家。调用ajax方法时,设置crossDomain为相反的值。c...转载 2019-07-24 16:36:30 · 143 阅读 · 0 评论 -
笔记:echarts更新数据的方法,更新配置
//初始创建var myChart = echarts.init(document.getElementById('main'));var option = {........}myChart.setOption(option); function refreshData(data){ //刷新数据 var option = myChart.getOption()...转载 2019-07-19 16:50:32 · 1710 阅读 · 0 评论 -
笔记 ---- echarts如何使用 grid 调整图表边缘
在官方文档中,grid 介绍的很详细。见网址:http://echarts.baidu.com/doc/doc.html#Gridgrid 为直角坐标系内绘图网格,可以设置 x y x2 y2 等值。这在控制图表摆放位置上,起了重要的作用。如图所示,x 为直角坐标系内绘图网格左上角横坐标,数值单位px,支持百分比(字符串),如'50%'(显示区域横向中心)y 为左上纵坐...转载 2019-07-17 11:20:51 · 6980 阅读 · 0 评论 -
echarts 最大值最小值平均值
在series中加入 markPoint: { data: [ {type: 'max', name: '最大值'}, {type: 'min', name: '最小值'} ] }, ...原创 2019-07-18 16:14:30 · 6203 阅读 · 0 评论