<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[qq_36990322的博客]]></title><description><![CDATA[]]></description><link>https://blog.csdn.net/qq_36990322</link><language>zh-cn</language><generator>https://blog.csdn.net/</generator><copyright><![CDATA[Copyright &copy; qq_36990322]]></copyright><item><title><![CDATA[【Tomcat运行startup.bat闪退】]]></title><link>https://blog.csdn.net/qq_36990322/article/details/144646700</link><guid>https://blog.csdn.net/qq_36990322/article/details/144646700</guid><author>qq_36990322</author><pubDate>Sun, 22 Dec 2024 15:04:28 +0800</pubDate><description><![CDATA[然后我们在当前文件夹打开cmd或者powershell，通过文件指令运行一下启动指令。以上解决方案只针对JAVA_HOME环境变量配置报错。首先查看tomcat日志，发现logs文件是空的。双击startup.bat文件闪退！原来是环境变量配置错误。]]></description><category></category></item><item><title><![CDATA[如何捕捉H5端的快速滑动动作]]></title><link>https://blog.csdn.net/qq_36990322/article/details/130090736</link><guid>https://blog.csdn.net/qq_36990322/article/details/130090736</guid><author>qq_36990322</author><pubDate>Tue, 11 Apr 2023 19:27:25 +0800</pubDate><description><![CDATA[在一些H5触摸屏的项目需求中，经常会出现需要捕捉手指在屏幕中快速滑动动作的需求。然而，往往这个需求也同时需要兼容慢慢滑动这个需求。比如picker相关系列的组件，都有这个功能点。那么，他们是怎么实现的呢？]]></description><category></category></item><item><title><![CDATA[Axure RP9 实现单个元件无限旋转]]></title><link>https://blog.csdn.net/qq_36990322/article/details/128642966</link><guid>https://blog.csdn.net/qq_36990322/article/details/128642966</guid><author>qq_36990322</author><pubDate>Wed, 11 Jan 2023 12:54:46 +0800</pubDate><description><![CDATA[Axure RP9 元件旋转]]></description><category></category></item><item><title><![CDATA[【使用vue3写一个拖拽分割面板】]]></title><link>https://blog.csdn.net/qq_36990322/article/details/128298344</link><guid>https://blog.csdn.net/qq_36990322/article/details/128298344</guid><author>qq_36990322</author><pubDate>Tue, 13 Dec 2022 10:58:58 +0800</pubDate><description><![CDATA[vue3拖拽切割面板]]></description><category></category></item><item><title><![CDATA[requestAnimationFrame的应用]]></title><link>https://blog.csdn.net/qq_36990322/article/details/126252708</link><guid>https://blog.csdn.net/qq_36990322/article/details/126252708</guid><author>qq_36990322</author><pubDate>Tue, 09 Aug 2022 17:51:00 +0800</pubDate><description><![CDATA[requestAnimationFrame的应用]]></description><category></category></item><item><title><![CDATA[js防止浏览器记住密码]]></title><link>https://blog.csdn.net/qq_36990322/article/details/125641342</link><guid>https://blog.csdn.net/qq_36990322/article/details/125641342</guid><author>qq_36990322</author><pubDate>Wed, 06 Jul 2022 16:00:16 +0800</pubDate><description><![CDATA[js防止浏览器记住密码]]></description><category></category></item><item><title><![CDATA[使用css和canvas实现鼠标长按环形进度条]]></title><link>https://blog.csdn.net/qq_36990322/article/details/121898558</link><guid>https://blog.csdn.net/qq_36990322/article/details/121898558</guid><author>qq_36990322</author><pubDate>Mon, 13 Dec 2021 10:12:38 +0800</pubDate><description><![CDATA[需求
鼠标长按圆形按钮，实现环形进度条效果。
一开始做了css的效果，但是css的圆环看起来不圆，所以就用canvas，但是canvas也有缺点，首先是锯齿严重，其次是渲染不方便，需要调用生成N个实例。还是得根据具体使用场景来选择方案了。
效果

代码案例
由于文字部分自定义需求比较大，就不写死了，有需要可自行定义，可参考 drawTextCB回调
&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8" /]]></description><category></category></item><item><title><![CDATA[维护老项目，临时写个jquery的select联动组件]]></title><link>https://blog.csdn.net/qq_36990322/article/details/121121207</link><guid>https://blog.csdn.net/qq_36990322/article/details/121121207</guid><author>qq_36990322</author><pubDate>Wed, 03 Nov 2021 15:00:10 +0800</pubDate><description><![CDATA[代码
赶任务，bug后面慢慢修复，也没有做联动数量限制。

&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="utf-8"&gt;
		&lt;title&gt;&lt;/title&gt;
		&lt;style&gt;
			 
		.jq-cascader {
		    display: inline-block;
		    border: 1px solid #ccc;
		    cursor: point]]></description><category></category></item><item><title><![CDATA[使用jq简单实现滚动定位到指定元素]]></title><link>https://blog.csdn.net/qq_36990322/article/details/120724248</link><guid>https://blog.csdn.net/qq_36990322/article/details/120724248</guid><author>qq_36990322</author><pubDate>Tue, 12 Oct 2021 15:33:47 +0800</pubDate><description><![CDATA[前言
滚动是一个很常用的属性，我们需要对它很熟悉，不然就容易踩坑。比如我今天想通过几行简单的代码实现滚动到指定元素上，却遇到了一个坑。即offsetTop 到底是以谁作为父级容器来计算距离？offsetParent又是什么？
用到的api


offsetTop
HTMLElement.offsetTop 为只读属性，它返回当前元素相对于其 offsetParent 元素的顶部内边距的距离。


offsetParent
HTMLElement.offsetParent 是一个只读属性，返回一个指向最近的（]]></description><category></category></item><item><title><![CDATA[在window系统上对web项目进行safair兼容测试]]></title><link>https://blog.csdn.net/qq_36990322/article/details/120721813</link><guid>https://blog.csdn.net/qq_36990322/article/details/120721813</guid><author>qq_36990322</author><pubDate>Tue, 12 Oct 2021 13:45:31 +0800</pubDate><description><![CDATA[在window系统上对web项目进行safair兼容测试
公司需求：需要在safair上进行兼容测试，但是没有mac
解决方案：通过安装虚拟机，在虚拟机上装一个 mac os
下载 virtual Box
下载网址：https://www.virtualbox.org/wiki/Downloads
window系统请选择 Windows hosts
下载 mac 系统
比VMware更简单的安装MacOs教程：如何在虚拟机virtualBox上安装MacOs系统
命令行参考（必须通过管理员进入cmd,否则可]]></description><category></category></item><item><title><![CDATA[bootstrap-table异步ajax请求无限刷新]]></title><link>https://blog.csdn.net/qq_36990322/article/details/120330149</link><guid>https://blog.csdn.net/qq_36990322/article/details/120330149</guid><author>qq_36990322</author><pubDate>Thu, 16 Sep 2021 15:34:15 +0800</pubDate><description><![CDATA[bootstrap-table出现无限刷新
原因: 假如下面的代码list为空数组，但是total又不为0，则会触发 bootstrap-table的刷新机制，从而无限刷新。
  //初始化Table
  $("#table").bootstrapTable({
    ajax: function (params) {
      var p = {
        pageNum: this.options.pageNumber,
        pageSize: this.options.pageS]]></description><category></category></item><item><title><![CDATA[写一个简单的转转小游戏]]></title><link>https://blog.csdn.net/qq_36990322/article/details/120197637</link><guid>https://blog.csdn.net/qq_36990322/article/details/120197637</guid><author>qq_36990322</author><pubDate>Thu, 09 Sep 2021 11:25:39 +0800</pubDate><description><![CDATA[写一个简单的转转小游戏
最近由于个人好奇，想实现一个H5的转转小游戏，于是写了一个简单的demo，可自行可定义转圈数，时间，以及加速减速等效果。
效果图片

以下代码可直接运行
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8" /&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;
    &l]]></description><category></category></item><item><title><![CDATA[lineChart的markLine与markArea案例]]></title><link>https://blog.csdn.net/qq_36990322/article/details/119673232</link><guid>https://blog.csdn.net/qq_36990322/article/details/119673232</guid><author>qq_36990322</author><pubDate>Fri, 13 Aug 2021 13:03:28 +0800</pubDate><description><![CDATA[lineChart的markLine与markArea案例
图形案例
先看看以下图形里有没有你想要的案例，如果有，它也就在以下的代码里

code 案例
import React, { useRef, useEffect } from 'react';

import * as echarts from 'echarts';

const MyDemo = () =&gt; {
  const myChart = useRef&lt;any&gt;();

  useEffect(() =&gt; {
  ]]></description><category></category></item><item><title><![CDATA[antd-pro v5版本的tab页签最简实践]]></title><link>https://blog.csdn.net/qq_36990322/article/details/118345459</link><guid>https://blog.csdn.net/qq_36990322/article/details/118345459</guid><author>qq_36990322</author><pubDate>Tue, 29 Jun 2021 23:01:15 +0800</pubDate><description><![CDATA[antd-pro v5版本的tab页签最简实践
前言
网上找了很多资料，也看了好些个代码，总觉得他们写的太累赘了。其实官方自己也说了，antdpro做页签和他们的产品理念不符合才不做，但是不代表他们没给我们预留修改空间，但是找了好多代码都没找到一个合适的插件。经过对layout组件的一番研究，但其实官方团队还是给我们预留了空间的，所以我也就是依据官方的预留空间做了一个最简实践，只需要写一个组件，加几行layout配置代码即可实现页签功能。
提醒
该写法肯定是会存在性能问题的，但是一般的项目用用是没啥问题的。]]></description><category></category></item><item><title><![CDATA[js大量数据计算性能优化]]></title><link>https://blog.csdn.net/qq_36990322/article/details/118219813</link><guid>https://blog.csdn.net/qq_36990322/article/details/118219813</guid><author>qq_36990322</author><pubDate>Fri, 25 Jun 2021 14:11:10 +0800</pubDate><description><![CDATA[js大量数据计算性能优化测试相关内容1. forEach和for循环2. `indexOf`的效率问题3. 遍历时的浅拷贝4. filter和for的性能比较15. filter和for的性能比较26. 数据去重问题1 (数组去重)7. 数据去重问题2 (数组对象去重)
测试相关内容

浏览器版本：Chrome 89.0+
ECMAScript： ES5+
测试结果：多次测试随机取值
数据量：100万或1000万

–备注–
由于是做大量数据计算的性能优化，基本不考虑百万级数据以下的计算。
本次测试是为了检]]></description><category></category></item><item><title><![CDATA[exceljs解析excel的日期出错]]></title><link>https://blog.csdn.net/qq_36990322/article/details/117710690</link><guid>https://blog.csdn.net/qq_36990322/article/details/117710690</guid><author>qq_36990322</author><pubDate>Tue, 08 Jun 2021 17:55:30 +0800</pubDate><description><![CDATA[exceljs解析excel的日期出错
excel数据

js解析数据

根据多次测试结果发现所有时间都多了8个小时，所以将数据结果各减去8个小时即得正确结果，那么原因呢？
原因
一般百度查询，发现原因
1、excel的日期是以1900-1-0开始计算的，既1900-1-1就是1天；
2、js的Date是以 1970-1-1 08:00:00 开始的；

所以找到exceljs解析日期的源码看了一下，发现好像还是有8小时没减。它只做了1970年-70年的计算。不知道是不是exceljs的bug


...]]></description><category></category></item><item><title><![CDATA[echart 的legend没有颜色]]></title><link>https://blog.csdn.net/qq_36990322/article/details/117696900</link><guid>https://blog.csdn.net/qq_36990322/article/details/117696900</guid><author>qq_36990322</author><pubDate>Tue, 08 Jun 2021 12:08:32 +0800</pubDate><description><![CDATA[echart 的legend没有颜色
检查一下lenged.data的值是不是 string类型，string类型才会显示颜色。如下，否则就不会显示颜色
...
      legend: {
        data: ['1', '2'],
      },
...


]]></description><category></category></item><item><title><![CDATA[在ts-react使用Modal]]></title><link>https://blog.csdn.net/qq_36990322/article/details/117219015</link><guid>https://blog.csdn.net/qq_36990322/article/details/117219015</guid><author>qq_36990322</author><pubDate>Mon, 24 May 2021 10:38:54 +0800</pubDate><description><![CDATA[在ts-react使用Modal创建一个 Modal父组件中使用
创建一个 Modal
import React, { useState, forwardRef, useImperativeHandle } from 'react';
import { Modal } from 'antd';

type TableItem = {
  key: React.Key;
  name: string;
  diff: number;
  temp: number;
};

interface RefProps]]></description><category></category></item><item><title><![CDATA[Echarts折线过多的识别问题]]></title><link>https://blog.csdn.net/qq_36990322/article/details/117079865</link><guid>https://blog.csdn.net/qq_36990322/article/details/117079865</guid><author>qq_36990322</author><pubDate>Thu, 20 May 2021 15:59:44 +0800</pubDate><description><![CDATA[Echarts折线过多的识别处理
先看效果，鼠标悬停折线变粗，且在最右侧显示折线 id 或者 name

实现代码 文档详细
// ...省略N行
      endLabel: {
        show: true,
        formatter: `{a}`,
        fontSize: 0,
      },
      // 鼠标悬停
      emphasis: {
      	// 折线加粗
        lineStyle: {
          width: 6,
]]></description><category></category></item><item><title><![CDATA[antdPro之路由菜单配置]]></title><link>https://blog.csdn.net/qq_36990322/article/details/116044239</link><guid>https://blog.csdn.net/qq_36990322/article/details/116044239</guid><author>qq_36990322</author><pubDate>Fri, 23 Apr 2021 10:27:43 +0800</pubDate><description><![CDATA[antdPro使用之路由前言配置案例最后
前言
antdPro v5 的router主要使用了umijs v2的路由routes 以及@umijs/plugin-layout，总的来说，非常好用。在快速搭建项目的过程中，我们不需要去关注菜单和面包屑等功能的细节。在工程目录的config中直接配置一下路由就完了。routes位置如下图示

配置案例
export default [
  {
    path: '/user',
    layout: false, // 表示是否需要在loyout容器内显示，]]></description><category></category></item></channel></rss>