<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[kitty_ELF的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/kitty_ELF</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; kitty_ELF]]></copyright><item><title><![CDATA[JavaScript正则表达式学习记录，附常用场景实例]]></title><link>https://blog.youkuaiyun.com/kitty_ELF/article/details/120736815</link><guid>https://blog.youkuaiyun.com/kitty_ELF/article/details/120736815</guid><author>kitty_ELF</author><pubDate>Wed, 13 Oct 2021 14:13:21 +0800</pubDate><description><![CDATA[正则表达式 在开发中使用很多

]]></description><category></category></item><item><title><![CDATA[对象数组按指定属性分组返回新数组]]></title><link>https://blog.youkuaiyun.com/kitty_ELF/article/details/120453643</link><guid>https://blog.youkuaiyun.com/kitty_ELF/article/details/120453643</guid><author>kitty_ELF</author><pubDate>Fri, 24 Sep 2021 14:18:40 +0800</pubDate><description><![CDATA[因为工作需求要画各种动态复杂表头的数据表格，如下图所示：


以上只举例两种情况，但是后台返回的接口都是统一格式的对象数组，如下格式：
{
    "MeterIndex": 1,
    "Error": "-0.01",
    "Name": "PL",
    "Point": "合相_IMAX_1.0",
    "Result": true
}

所以需要自己对后台数据进行分组处理，就是把上面格式的长对象数组，按指定的属性分组返回[{name:“指定属性变量值”,data:[]}]这样的新对象数]]></description><category></category></item><item><title><![CDATA[Three.js初体验——VR全景展示]]></title><link>https://blog.youkuaiyun.com/kitty_ELF/article/details/118571576</link><guid>https://blog.youkuaiyun.com/kitty_ELF/article/details/118571576</guid><author>kitty_ELF</author><pubDate>Thu, 08 Jul 2021 15:18:47 +0800</pubDate><description><![CDATA[前言一、基本知识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.]]></description><category></category></item><item><title><![CDATA[QRCode.js：使用 JavaScript 生成二维码]]></title><link>https://blog.youkuaiyun.com/kitty_ELF/article/details/117739721</link><guid>https://blog.youkuaiyun.com/kitty_ELF/article/details/117739721</guid><author>kitty_ELF</author><pubDate>Wed, 09 Jun 2021 13:40:47 +0800</pubDate><description><![CDATA[最近项目要求，打印出库单入库单但是同时在打印的单据上显示网页二维码方便手机扫码查看。接到要求首先度娘，发现网上相关的插件还是蛮多的，最后我选择用了QRCode.js
效果图：

首先给一下QRCode.js的源码，找不到下载链接的朋友直接粘贴就可以了
/**
 * @fileoverview
 * - Using the 'QRCode for Javascript library'
 * - Fixed dataset of 'QRCode for Javascript library' for supp]]></description><category></category></item><item><title><![CDATA[在vue中使用WebSocket、stompjs实时接收消息]]></title><link>https://blog.youkuaiyun.com/kitty_ELF/article/details/117256713</link><guid>https://blog.youkuaiyun.com/kitty_ELF/article/details/117256713</guid><author>kitty_ELF</author><pubDate>Tue, 25 May 2021 15:18:37 +0800</pubDate><description><![CDATA[背景是这样的公司车间需要电子看板想使用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]]></description><category></category></item><item><title><![CDATA[微信小程序自定义组件-树形数据表格（进阶版）]]></title><link>https://blog.youkuaiyun.com/kitty_ELF/article/details/116651889</link><guid>https://blog.youkuaiyun.com/kitty_ELF/article/details/116651889</guid><author>kitty_ELF</author><pubDate>Wed, 12 May 2021 14:07:19 +0800</pubDate><description><![CDATA[前言一、下载引用二、使用treegrid组件三、使用文档属性事件四、组件源码利用递归思想编写的表格行——treegrid-treeline树形表格——treegrid-treegrid总结
前言
之前上传过一个简单版的，说以后项目可能用，还真被我说中了，但是之前那个版本实在是太简单了根本没法用，所以最近我又花了一天的时间重新整理写了一份进阶版的树形数据表格。首先还是直接上效果图：

通过上面的效果图，可以看出我做了以下的进阶升级：
1、自定义单元格的宽度、溢出部分可自动换行；
2、自定义表头数据 可支持不.]]></description><category></category></item><item><title><![CDATA[原生js实现折线图（canvas详解）]]></title><link>https://blog.youkuaiyun.com/kitty_ELF/article/details/115750534</link><guid>https://blog.youkuaiyun.com/kitty_ELF/article/details/115750534</guid><author>kitty_ELF</author><pubDate>Fri, 16 Apr 2021 16:02:37 +0800</pubDate><description><![CDATA[这篇文章的起源就是之前用的都是ECharts突然有一天想自己用js手写一个折线图，所以我就从canvas开始学习了。
首先给大家看一下通过学习，我最后完成的折线图：

内容：

x轴及平行刻度线
x轴、y轴坐标刻度
折点的数据显示

缺点：

线条样式的动态变换
y轴刻度算法
一点都不酷炫！！！

 一、Canvas介绍1、画布的创建2、设置画布的宽高和背景色3、设置渐变色3.1、线性渐变3.2、放射状/圆形渐变4、画布的变换4.1画布平移（translate）4.2、画布旋转（rotate）4.3 画布缩]]></description><category></category></item><item><title><![CDATA[利用easyui实现有限值的日期区间选择+下拉日历多选日期]]></title><link>https://blog.youkuaiyun.com/kitty_ELF/article/details/115478398</link><guid>https://blog.youkuaiyun.com/kitty_ELF/article/details/115478398</guid><author>kitty_ELF</author><pubDate>Wed, 07 Apr 2021 09:55:15 +0800</pubDate><description><![CDATA[首先我们项目用的是easyui框架，主管又提出需求：两种日期选择方式一种是日期区间选择；一种是一天一天的勾选，第一种很简单两个datebox设置一下开始时间与结束时间的限值即实现了有限值的日期区间选择，效果如下：

html部分：
&lt;th&gt;
	开始时间:
&lt;/th&gt;
&lt;td&gt;
   &lt;input id="StratDate" type="text" class="easyui-datebox" style="width:150px;height:28px;paddi]]></description><category></category></item><item><title><![CDATA[jQueryGantt甘特图的使用与说明（含自定义修改内容）]]></title><link>https://blog.youkuaiyun.com/kitty_ELF/article/details/115372372</link><guid>https://blog.youkuaiyun.com/kitty_ELF/article/details/115372372</guid><author>kitty_ELF</author><pubDate>Thu, 01 Apr 2021 15:16:19 +0800</pubDate><description><![CDATA[项目需要，在网上找了许多开源免费的甘特图资源考虑到自定义拓展和应用的难易程度最后原则了jQueryGantt甘特图，接下来就记录一下自己的使用过程。本文章主要包括以下内容：
文章目录1.jQueryGantt下载2.jQueryGantt的引用与说明（解决中文日期utf-8编码格式乱码问题）3.样式的优化
1.jQueryGantt下载
这里感谢一下这位朋友的分享 JQuery.Gantt（甘特图） 开发指南 , 附下载资源
我就是下载了他的资源并对test1的 js和css进行了扩展 test2的效果图也]]></description><category></category></item><item><title><![CDATA[微信小程序组件 —— 树形表格]]></title><link>https://blog.youkuaiyun.com/kitty_ELF/article/details/107654160</link><guid>https://blog.youkuaiyun.com/kitty_ELF/article/details/107654160</guid><author>kitty_ELF</author><pubDate>Wed, 29 Jul 2020 09:40:17 +0800</pubDate><description><![CDATA[如之前那篇树形选择下拉框文章所说，我终于完成了微信小程序树形数据表格组件，其实主要的思想还是树形结构的递归。我先放一下示例图：

因为现在只是说项目以后可能会用到这个组件，所以现在只是搭了个简单的样子，具体的很多附加功能还没有实现，等以后再完善再慢慢更新吧。还有现在的这个组件要事先明确的知道列数和最大层级数的情况下才能使用，就是说如果你想使用有不同的列数的多个表格，你可能就要重新修改一下组件内view的个数，要在事先知道最大层级数的情况下在wxss中设置树形结构的样式（我首先默认最大是9级，我的例子数据只有]]></description><category></category></item><item><title><![CDATA[微信小程序组件 —— 树形下拉框]]></title><link>https://blog.youkuaiyun.com/kitty_ELF/article/details/107628778</link><guid>https://blog.youkuaiyun.com/kitty_ELF/article/details/107628778</guid><author>kitty_ELF</author><pubDate>Tue, 28 Jul 2020 13:26:25 +0800</pubDate><description><![CDATA[因为项目需求，需要一个树形下拉选择框，参考了网上的树形结构整理出了这样一个效果图
其实主要还是参考了treeview的递归思想 微信小程序实现简单的树形图treeview 绘制出下拉框内的内容，在加个状态判断展开隐藏下拉框，方法回调显示选择值 其实思想还是很容易的 接下来直接上代码
1.首先新建树形菜单组件 —— mytree

(1) mytree.wxml

&lt;view class="container"&gt;
  &lt;view style="padding:5rpx 0;"&gt;
   ]]></description><category></category></item><item><title><![CDATA[关于GoJs重新加载数据页面重新加载的问题]]></title><link>https://blog.youkuaiyun.com/kitty_ELF/article/details/106928944</link><guid>https://blog.youkuaiyun.com/kitty_ELF/article/details/106928944</guid><author>kitty_ELF</author><pubDate>Tue, 23 Jun 2020 17:59:48 +0800</pubDate><description><![CDATA[关于GoJs重新加载数据页面重新加载的问题
因为现在的项目需求涉及到了GoJs，所以相应的学习了一下。
在绘制关系图的时候经常会碰见一种情况，就是根据不同的选项加载不同的数据并动态刷新关系图。
这个时候第一反应就是在调用一次GoJs的初始化方法，然后发现…

报错了，意思就是这个div中已经有一个Diagram了，百度发现关于GoJs的问题解决办法真的是少之又少，最后还是通过查阅官方的API解决了这个问题。

如果要取消将关系图与HTML Div元素关联，要将Diagram.div设置为null，而且不可以]]></description><category></category></item><item><title><![CDATA[微信小程序学习（1）——小程序项目文件及文件夹的功能介绍]]></title><link>https://blog.youkuaiyun.com/kitty_ELF/article/details/83030781</link><guid>https://blog.youkuaiyun.com/kitty_ELF/article/details/83030781</guid><author>kitty_ELF</author><pubDate>Fri, 12 Oct 2018 17:49:30 +0800</pubDate><description><![CDATA[因为工作的需要所以开始接触微信小程序了，特此来记录自己的学习过程和遇到的一些问题。
在新建一个微信小程序项目时主要会有如下几个文件夹和文件，主要就是介绍一下他们的主要功能。
文件：

app.js：主要就是注册微信小程序应用
app.json：一些微信小程序的全局配置，例如网络请求的超时时间，窗口的表现，各个页面的注册路径等等
app.wxss：微信小程序整个的全局样式
project.confi...]]></description><category></category></item><item><title><![CDATA[关于layui条件查询传到后台出现中文乱码的问题]]></title><link>https://blog.youkuaiyun.com/kitty_ELF/article/details/81703937</link><guid>https://blog.youkuaiyun.com/kitty_ELF/article/details/81703937</guid><author>kitty_ELF</author><pubDate>Wed, 15 Aug 2018 17:11:53 +0800</pubDate><description><![CDATA[关于layui条件查询传到后台出现中文乱码的问题

在关于layui学习的过程中遇到了许多的小问题，本内容主要就是记录在条件查询时中文字符的条件数据传到后台出现了乱码的问题。 
在后台管理条件查询时查询条件输入中文，数据传到后台出现了中文乱码，如图 




针对这个问题解决办法如下 
 
查阅了layui中文文档，对表格method这个属性的介绍非常少，所以只是知道了解决办法具体解释还是不明白。...]]></description><category></category></item></channel></rss>