自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 资源 (3)
  • 收藏
  • 关注

原创 JavaScript正则表达式学习记录,附常用场景实例

正则表达式 在开发中使用很多

2021-10-13 14:13:21 435

原创 对象数组按指定属性分组返回新数组

因为工作需求要画各种动态复杂表头的数据表格,如下图所示:以上只举例两种情况,但是后台返回的接口都是统一格式的对象数组,如下格式:{ "MeterIndex": 1, "Error": "-0.01", "Name": "PL", "Point": "合相_IMAX_1.0", "Result": true}所以需要自己对后台数据进行分组处理,就是把上面格式的长对象数组,按指定的属性分组返回[{name:“指定属性变量值”,data:[]}]这样的新对象数

2021-09-24 14:18:40 676

原创 Three.js初体验——VR全景展示

前言一、基本知识1.场景对象scene2.相机对象camera3.渲染器对象renderer4.几何体geometry5.材质对象material6.贴图texture二、实例1.立方体实例2.球体实例3.报错解决总结前言Three.js 是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。Three.js中文教程:http://www.webgl3d.cn/Three.js/Three.js相机控件OrbitControls:http://www.yanhuangxue.

2021-07-08 15:18:47 3480 1

原创 QRCode.js:使用 JavaScript 生成二维码

最近项目要求,打印出库单入库单但是同时在打印的单据上显示网页二维码方便手机扫码查看。接到要求首先度娘,发现网上相关的插件还是蛮多的,最后我选择用了QRCode.js效果图:首先给一下QRCode.js的源码,找不到下载链接的朋友直接粘贴就可以了/** * @fileoverview * - Using the 'QRCode for Javascript library' * - Fixed dataset of 'QRCode for Javascript library' for supp

2021-06-09 13:40:47 454

原创 在vue中使用WebSocket、stompjs实时接收消息

背景是这样的公司车间需要电子看板想使用stompjs消息队列发送数据,而我就是在vue中接收数据,核心代码如下:var app = new Vue({ el: "#main", data: { client: Stomp.over(new WebSocket('ws://1.1.1.1:1000/ws')), }, created() { this.connect(); }, methods: { //连接client

2021-05-25 15:18:37 1247

原创 微信小程序自定义组件-树形数据表格(进阶版)

前言一、下载引用二、使用treegrid组件三、使用文档属性事件四、组件源码利用递归思想编写的表格行——treegrid-treeline树形表格——treegrid-treegrid总结前言之前上传过一个简单版的,说以后项目可能用,还真被我说中了,但是之前那个版本实在是太简单了根本没法用,所以最近我又花了一天的时间重新整理写了一份进阶版的树形数据表格。首先还是直接上效果图:通过上面的效果图,可以看出我做了以下的进阶升级:1、自定义单元格的宽度、溢出部分可自动换行;2、自定义表头数据 可支持不.

2021-05-12 14:07:19 2529 5

原创 原生js实现折线图(canvas详解)

这篇文章的起源就是之前用的都是ECharts突然有一天想自己用js手写一个折线图,所以我就从canvas开始学习了。首先给大家看一下通过学习,我最后完成的折线图:内容:x轴及平行刻度线x轴、y轴坐标刻度折点的数据显示缺点:线条样式的动态变换y轴刻度算法一点都不酷炫!!! 一、Canvas介绍1、画布的创建2、设置画布的宽高和背景色3、设置渐变色3.1、线性渐变3.2、放射状/圆形渐变4、画布的变换4.1画布平移(translate)4.2、画布旋转(rotate)4.3 画布缩

2021-04-16 16:02:37 7519 2

原创 利用easyui实现有限值的日期区间选择+下拉日历多选日期

首先我们项目用的是easyui框架,主管又提出需求:两种日期选择方式一种是日期区间选择;一种是一天一天的勾选,第一种很简单两个datebox设置一下开始时间与结束时间的限值即实现了有限值的日期区间选择,效果如下:html部分:<th> 开始时间:</th><td> <input id="StratDate" type="text" class="easyui-datebox" style="width:150px;height:28px;paddi

2021-04-07 09:55:15 1259 7

原创 jQueryGantt甘特图的使用与说明(含自定义修改内容)

项目需要,在网上找了许多开源免费的甘特图资源考虑到自定义拓展和应用的难易程度最后原则了jQueryGantt甘特图,接下来就记录一下自己的使用过程。本文章主要包括以下内容:文章目录1.jQueryGantt下载2.jQueryGantt的引用与说明(解决中文日期utf-8编码格式乱码问题)3.样式的优化1.jQueryGantt下载这里感谢一下这位朋友的分享 JQuery.Gantt(甘特图) 开发指南 , 附下载资源我就是下载了他的资源并对test1的 js和css进行了扩展 test2的效果图也

2021-04-01 15:16:19 4390 2

原创 微信小程序组件 —— 树形表格

如之前那篇树形选择下拉框文章所说,我终于完成了微信小程序树形数据表格组件,其实主要的思想还是树形结构的递归。我先放一下示例图:因为现在只是说项目以后可能会用到这个组件,所以现在只是搭了个简单的样子,具体的很多附加功能还没有实现,等以后再完善再慢慢更新吧。还有现在的这个组件要事先明确的知道列数和最大层级数的情况下才能使用,就是说如果你想使用有不同的列数的多个表格,你可能就要重新修改一下组件内view的个数,要在事先知道最大层级数的情况下在wxss中设置树形结构的样式(我首先默认最大是9级,我的例子数据只有

2020-07-29 09:40:17 2272

原创 微信小程序组件 —— 树形下拉框

因为项目需求,需要一个树形下拉选择框,参考了网上的树形结构整理出了这样一个效果图其实主要还是参考了treeview的递归思想 微信小程序实现简单的树形图treeview 绘制出下拉框内的内容,在加个状态判断展开隐藏下拉框,方法回调显示选择值 其实思想还是很容易的 接下来直接上代码1.首先新建树形菜单组件 —— mytree(1) mytree.wxml<view class="container"> <view style="padding:5rpx 0;">

2020-07-28 13:26:25 5432 14

原创 关于GoJs重新加载数据页面重新加载的问题

关于GoJs重新加载数据页面重新加载的问题因为现在的项目需求涉及到了GoJs,所以相应的学习了一下。在绘制关系图的时候经常会碰见一种情况,就是根据不同的选项加载不同的数据并动态刷新关系图。这个时候第一反应就是在调用一次GoJs的初始化方法,然后发现…报错了,意思就是这个div中已经有一个Diagram了,百度发现关于GoJs的问题解决办法真的是少之又少,最后还是通过查阅官方的API解决了这个问题。如果要取消将关系图与HTML Div元素关联,要将Diagram.div设置为null,而且不可以

2020-06-23 17:59:48 2850 9

原创 微信小程序学习(1)——小程序项目文件及文件夹的功能介绍

因为工作的需要所以开始接触微信小程序了,特此来记录自己的学习过程和遇到的一些问题。在新建一个微信小程序项目时主要会有如下几个文件夹和文件,主要就是介绍一下他们的主要功能。文件:app.js:主要就是注册微信小程序应用app.json:一些微信小程序的全局配置,例如网络请求的超时时间,窗口的表现,各个页面的注册路径等等app.wxss:微信小程序整个的全局样式project.confi...

2018-10-12 17:49:30 4950

原创 关于layui条件查询传到后台出现中文乱码的问题

关于layui条件查询传到后台出现中文乱码的问题在关于layui学习的过程中遇到了许多的小问题,本内容主要就是记录在条件查询时中文字符的条件数据传到后台出现了乱码的问题。 在后台管理条件查询时查询条件输入中文,数据传到后台出现了中文乱码,如图 针对这个问题解决办法如下 查阅了layui中文文档,对表格method这个属性的介绍非常少,所以只是知道了解决办法具体解释还是不明白。...

2018-08-15 17:11:53 6244 2

stomp.js Stomp 客户端

stomp.js 是使用 HTML5 Web Socket API 实现的 Stomp 客户端

2021-05-25

【软件工具ZIP】屏幕任意取色器InstantEyedropper

一款吸管软件,工作中常用,压缩包解压即用,分享给大家并网上备份自留

2021-04-07

【软件工具ZIP】屏幕捕捉(截图)软件fscomputer

FastStone Capture 是一款出色的屏幕捕捉(截图)软件,它集图像捕捉、浏览、编辑、视频录制等功能于一身,功能完善、使用方便,超级推荐!一直用的软件特别分享给大家同时也自留网上备份

2021-04-07

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除