专注echarts开发20年

原创 记一次产测问题排查（dhcp租约对设备联网的影响）

在产线上遇到这么一个问题，每测试一台设备就要对一台设备进行联网，当测试到一定数量的时新接入的设备无法联网，重启多次设备也不奏效，只能通过重启路由器才能解决。当时没有想到原因，只是单纯的认为工厂的路由器质量不行。 后来调试联网慢问题时，通过调整路由器配置发现了DHCP租约这个概念，敏锐的感觉到之前的问题可能跟租约用尽有关。于是百度了一下DHCP租约的概念：路由器租约在一定的时间，路由器会把ip地址仅分配给指定的mac地址使用，这个时间就是路由器租约时容间。比如租约时间为24小时，从电...

原创 浏览器控制bartender打印方案

通过浏览器控制bartender10.1打印程序，首先需要考虑浏览器怎么调用外部程序，外部程序怎么控制bartender进行打印？控制bartender打印，可以使用bartender 企业版提供的SDK进行调用，使用bartender SDK编写脚本程序 从而控制bartender进行打印。浏览器通过自定义协议调用外部程序。 为了实现脚本程序和自定义协议不会根据产品种类增多而泛滥话，我们需要支持自定义协议支持参数传递，脚本程序可以接受自定义协议的参数从而实现根据不同产品打印不同标签的目的...

原创 记一次go语言内存泄漏解决经历

某个周一的上午，客户反应我们的APP设备列表不显示设备状态，实时视频也无法查看了。我登陆服务器查看了下上线服务器的日志，停留在凌晨2点多，ps查看了一下进程，也不存在了。由于客户着急使用软件，先把进程启动起来再说，至于原因和解决办法，可以从长计议。 上线服务器我安装有听云sys监控，马上对这个上线服务的进程的CPU和内存的数据进行查看。果然，这个进程的内存每天都上涨30MB，直到内存无可用进程被系统杀死。 我们的服务是go语言实现的，go语言是门支持内存自动回收的语言，凡是能...

原创 浏览器串口通信方案

浏览器不能直接访问硬件接口，微软采用Active插件的方式进行访问，而插件只支持IE浏览器，IE浏览器已经不进行更新了，慢慢退出主流浏览器。 通过上网查询“浏览器串口通信”，找到一个非常好的实现方案。demo地址如下：http://d.iyanhong.com/demos/TComm/commt2.html。 这套方案的原理是：实现一个Windows服务负责串口通信，通过浏览器对该服务的HTTP调用实现浏览器对串口的数据传输。串口对浏览器的传输是通过浏览器对该服务进行HTTP轮训实现的。(其...

原创 支付宝生活号对接经验总结

1.代码集成到springboot时汉字会乱码，导致验签失败。解决方案：解析request参数之前，先进行编码设置，代码如下。request.setCharacterEncoding("GBK");2.demo中解析xml使用的是net.sf.json，智优停通用的是cn.hutool.json对于XML头部<?xml version="1.0" encoding="GB2312"?>的处理上net.sf.json直接以第一个标签作为跟节点，而cn.huto..

原创 bartender打印脚本

Console.WriteLine("系统拦截重复打印");//本次打印的和上次相同，拒绝打印。//1.打开bartender。//6.退出bartender。//1.获取MES账户信息。

原创 后付费和账单分期真的可以缓解经济压力么

由于分期期数较多，其真实成本的体现不如后付费来得快，因为后付费次月就能发现成本不能真实降低，但分N期的账单分期却只能在N+1期后才能发现。假设一个家庭月支出为稳定的1.2万元，且这个人每个月的账单都选择了12期，每期为1个月的账单分期。给人一种分期消费可以少花钱的错觉，但是从第12个月之后，每个月叠加分期的账单将会和不分期的总账单金额一致。除了第一个月后付费模式不需要花费话费外，以后的每个月花费的话费和预付费是一样多的。因为最终的总消费是一致的，你可以滞后支出，从而给开头的几个月争取更宽裕的条件。

原创 IPC登录页风格汇总

1.海康威视2.大华3.水星4.天地伟业5.宇视6.优视7.天视通8.中维世纪9.迅捷安防10.创维

原创 centos服务器磁盘清理

centos服务器磁盘清理

转载 你的浏览器正在排斥 IPv6

本页面解释了我们为什么担心你优先使用 IPv4 而非 IPv6。我们的发现仅当我们在测试结果中向你提供了此页链接时，本节的内容才适用。首先，我们检测到你的 IPv6 连接已经可用，而且用的是“真正”的 IPv6 地址，而不是 Teredo 或 6to4 地址。但我们还检测到，你的浏览器选择协议时倾向于使用 IPv4，而非 IPv6。这让我们有点担心。为何倾向 IPv4浏览器倾向于使用 IPv4 而非 IPv6 有几个可能的原因。Google Chrome 浏览器具有“快速回.

转载 什么是TCP粘包？怎么解决这个问题

在socket网络编程中，都是端到端通信，由客户端端口+服务端端口+客户端IP+服务端IP+传输协议组成的五元组可以明确的标识一条连接。在TCP的socket编程中，发送端和接收端都有成对的socket。发送端为了将多个发往接收端的包，更加高效的的发给接收端，于是采用了优化算法（Nagle算法），将多次间隔较小、数据量较小的数据，合并成一个数据量大的数据块，然后进行封包。那么这样一来，接收端就必须使用高效科学的拆包机制来分辨这些数据。1.Q：什么是TCP粘包问题？TCP粘包就是指发送方发送的若干包数据

原创 ChirpStack 部署流程

1.安装redishttps://www.cnblogs.com/rslai/p/8249812.html设置密码或者对外屏蔽6379端口。 2.安装postgresSQLhttps://www.cnblogs.com/shhnwangjian/p/8392050.html 3.安装MQTThttps://www.cnblogs.com/star91/p/...

原创 所谓沟通能力强=智商水平中游

    假设人群主体的智商正太分布在83到89这个区间，每个人可以和相同智商的人平等的交流，和低一级智商的人交流需要适当的迁就，当智商差距大于3时将无法迁就，导致交流无法进行。    那么各类智商可以交流范围大致分布如下：    智商83的人可以交流的范围是83到86，智商84的人可以交流的范围是83到87，智商85的人可以交流的范围是83到88，智商86的人可以交流的范围是83到89，智...

转载 nginx转发端口路由器再转发

场景 nginx 转发端口 路由器二次转发了，端口不一样 （shiro 或者其他一些权限控制架构会自动跳转，导致的端口不对。） proxy_set_header Host $host:$proxy_port;  这个$proxy_port 写死  nigix做反向代理   注意  :$proxy_port  与 :$server_port 区别$server_port ：n...

原创 javascript寻找附近的属性

/** * 获取对象map属性aim_key的前一个属性 * @param map * @param aim_key * @returns {*} */function getLast(map,aim_key){ var last = null; for(var key in map){ if(aim_key == key){ ...

原创 VUE和JQUERY扩展并存方案

原创 云视通2.0本地开发新方案

1.将HTML项目放到F:\myGit\git\html路径下。2.假设设备的IP是172.16.44.202，在网络管理里锁定IP，避免重启时变化。3.配置nginx如下，并重启。server {listen 1027;server_name localhost;#charset koi8-r;#access_log logs/host.access.log main...

原创 WEB开发两坑

1.Spring对象传递。在Spring中，可以把request对象根据字段匹配自动转成java对象。但是一些字符从request参数转变为对象的字符串时会自动转义，比如&amp;会转成amp;虽然在页面显示上没有问题，但是存到数据库会引起以下两个问题：1.长度问题：&amp;转为&amp;amp;从1位变为5位，在页面上即使控制了长度不能超过字符串长度上限，但是因为转义实际存储的字符串要...

原创 IE下线段绘制不消失问题

使用网上的画直线代码画直线在谷歌浏览器上画，再画第二条直线时第一条直接自动消失。代码如下：function drawLine(){ var percent = parseInt(document.getElementById("label-nLinePos").innerText); var canvas = document.getElementById("demoCanv...

原创 input批量上传照片

&lt;html&gt;&lt;head&gt; &lt;script src="https://code.jquery.com/jquery-3.1.1.min.js"&gt;&lt;/script&gt;&lt;/head&gt;&lt;body&gt;&lt;div&gt; &lt;input type="file" id

原创 JS实现校验IP地址，子网掩码和默认网关的关系是否正确

//校验IP地址，子网掩码和默认网关的关系是否正确。w是默认网关，y是子网掩码，i是IP地址。function checkIp(w,y,i){ var ws = w.split('.'); var ys = y.split('.'); var is = i.split('.'); for(var index in ws){ var cw = to8B...

原创 浏览器cookie不支持汉字解决方案

set时进行编码，get时进行解码。使用时就能够使用汉字了，其实存储的时候根本存的不是汉字。

原创 echarts中国地图(省市两级经纬度版本)

在省市两级版本基础上增加经纬度数据的新版本。id行政编码名称经度纬度3766110000北京116.380943339.92361453783120000天津117.203498839.131118773800130000河北114.489776638.045127873801130100石家庄市114.489776638.045127873824130200唐山市118.201728839.62...

原创 不同级别的URL路径

当前网址是http://www.a.com/b/c/d?e=13#home1.书签级路径: #footer此路径将网址变为http://www.a.com/b/c/d?e=13#footer，只改变置顶div的位置，并不刷新页面。2.参数级路径: ?f=15此路径将网址变为http://www.a.com/b/c/d?f=15，页面刷新。3.文件级相对路径: f此路径将网址...

原创 通过默认支付方式设定引导用户选择支付方式

    现在的APP内部支付大多选择支付宝和微信支付两种。    我们APP在支付选择时提供了单选框让用户选择，如下图：         通过后台的统计，微信支付的单数比支付宝多出了10倍。如果不去看这个支付操作的流程，会给人一种人家偏向微信支付的错觉。不要去看数据，假设你是一个用户当你支付走到这一步时想想你会怎么做。我会想，系统给我默认选中了微信支付，如果我并不是特别排斥微信支付只是喜欢支付宝的...

原创 ajax禁止缓存，数据预处理

    webapp像安卓IOS应用一样调用接口，使用ajax进行。    ajax针对get请求会有缓存，缓存会导致二次之后的调用不会获取新数据。    API返回数据具有固定的格式，数据部分只是返回数据的一部分。而固定的数据格式导致每个业务都要写数据格式解析，冗余代码太多，不方便日后的维护工作。    Jquery只是运行在浏览器智商的脚本程序而已，浏览器并没有向jquery开放修改ajax访...

原创 网页底部动态的版权年份

    很多网站底部都有版权起止时间，开始时间是公司创立时间是固定的，截止时间是当年的年份。很多网站开始年份和结束年份都是写死的，导致每过一年都要修改一次页面上的版权时间。因为一年才改一次，时间久了，很多公司的年份还停留在几年前。    为了不用每年都要修改网页，版权截止时间应该使用动态时间，使用服务器时间里的年份当结束年份即可。    &lt;strong&gt;Copyright &amp;c...

原创 echarts柱状图的高亮显示方案

var option = { tooltip : { trigger : 'axis', axisPointer : { // 坐标轴指示器，坐标轴触发有效 type : 'shadow' // 默认为直线，可选为：'line' | 'shadow' } }, yAxis : { type : 'value' },...

原创 adminLTE使用过渡页实现登陆后跳转到第一个菜单

因为用户权限不同，在登陆时无法确认用户可以使用的菜单用哪些，无法采取登陆时转发来实现登陆后跳转到第一个功能。我们的菜单和路径存在一一对应关系。对应格式是level1/level2对应ID为level1一级菜单下的level1-level2二级菜单。当路径被访问时，如果路径在页面有对应的菜单，则展开一级菜单，选中二级菜单。当首次登陆进入的URL是过渡页，过渡页的路径在菜单列表里，没有对应的项，这时候...

原创 AdminLTE使用动态include实现多套菜单

实现如下：&lt;!-- Sidebar Menu --&gt;      &lt;ul class="sidebar-menu" data-widget="tree"&gt;      &lt;jsp:include page="/WEB-INF/jsp/common/module/${module }.jsp" /&gt;      &lt;/ul&gt;module 变量从后台

原创 echarts七大区的json文件

http://download.csdn.net/download/abcmaopao/10267017

原创 echarts中国数据(省市两级)

2018年3月05日更新说明：1.那曲市更名为那曲地区，从而保证和echarts数据保持一致。2.新疆，河南，湖北几个二级地市使用的编码却是三级格式的，上一版遗漏了。idaddress_codeaddress_name3766110000北京3783120000天津3800130000河北3801130100石家庄市3824130200唐山市3839130300秦皇岛市3847130400邯郸市3...

原创 echarts地图钻取方案的实现

    地图钻取是一级一级的深入进去的，返回的时候是一级一级的返回的，使用堆栈存储地理信息的层级数据额外合适。我们默认展示的是世界地图，当点击下一级地理数据时，如果下一级地理数据有名称，将下一级地理数据压入堆栈。    获取下一级的名称对应的地图基础数据json，如果下一级因为名称对应的地图基础数据json不存在，则无法钻入，则将堆栈出栈一个，保证这次点击没有对堆栈数据造成影响。因为中国和世界地图...

原创 echarts 和国标编码转化

    2018年3月8日更新：    从全部地理数据查找某个地理数据时，由整体遍历改为二分法，将时间复杂度从O(n2)降低到O(log2n)。    同时将js里的数据按照编码排序重新生成js变量，提供二分法的格式基础    飞线需要坐标数据，名称数据需要国家的汉字名称数据，而接口返回的数据是国标编码。前面两个博客已经梳理了世界的国标编码和国家中文名称，国家英文名称和坐标点的对应关系http:/...

原创 echarts中国数据

idaddress_codeaddress_name3766110000北京3767110101东城区3768110102西城区3769110105朝阳区3770110106丰台区3771110107石景山区3772110108海淀区3773110109门头沟区3774110111房山区3775110112通州区3776110113顺义区3777110114昌平区3778110115大兴区3779...

原创 echarts世界数据

idecharts namelongitudelatitudecountry_codechinese_name2Fiji179.414413-16.578193FJ斐济3New Zealand174.885971-40.900557NZ新西兰4Vanuatu166.959158-15.376706VU瓦努阿图5New Caledonia165.618042-20.904305NC新喀里多尼亚6Mi...

原创 AdminLTE 框架保持菜单状态同步方案

1.页面关闭时将菜单状态保存到session中。     JS文件：        //页面关闭时将菜单状态保存到session供下次打开页面使用 $(window).bind('beforeunload',function(){ menuStatus = $("body").hasClass("sidebar-collapse"); $.get(Global.assets+"/anon/se...

原创 echarts大小在父窗体变化时动态调节的实现

//echart自适应$(function(){ $(".chart_dom").each(function(){ var this_id = this.id; $(this).resize(function(){ var myChart = echarts.getInstanceByDom(document.getElementById(this_id)); myChart.resi...

原创 使用事件来实现echarts之间的联动

/** 全局数据变量 **/var echarts_tcpData,echarts_udpData,echarts_date;/** 在线量趋势 **/function load_online_bar() { // 基于准备好的dom，初始化echarts实例 var myChart = echarts.init(document.getElementById('chart_online_bar'...

原创 echarts报表定时滚动

myChart.hideLoading(); // 指定图表的配置项和数据 option = { tooltip : { trigger : 'axis', axisPointer : { // 坐标轴指示器，坐标轴触发有效 type : 'shadow' // 默认为直线，可选为：'line' | 'shadow' } }, ...