<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[start_XUEBA的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/start_XUEBA</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; start_XUEBA]]></copyright><item><title><![CDATA[iview的表格更新表头保持排序字段状态、手动重置排序字段状态]]></title><link>https://blog.youkuaiyun.com/start_XUEBA/article/details/140845699</link><guid>https://blog.youkuaiyun.com/start_XUEBA/article/details/140845699</guid><author>start_XUEBA</author><pubDate>Thu, 01 Aug 2024 14:26:44 +0800</pubDate><description><![CDATA[实现手动设置iview表格排序状态和排序状态的重置。]]></description><category></category></item><item><title><![CDATA[解决wangEditor使用keep-alive缓存后，调用editor.cmd.do()失败]]></title><link>https://blog.youkuaiyun.com/start_XUEBA/article/details/138725415</link><guid>https://blog.youkuaiyun.com/start_XUEBA/article/details/138725415</guid><author>start_XUEBA</author><pubDate>Sat, 11 May 2024 20:54:24 +0800</pubDate><description><![CDATA[在使用wangeditor富文本编辑器时，使用了 editor.cmd.do('insertHTML', '....') 方法新增内容。但当页面使用keep-alive缓存后，切换到其他页面再切换回编辑器，此时直接调用手动插入内容，Console报错]]></description><category></category></item><item><title><![CDATA[使用pkg打包node项目]]></title><link>https://blog.youkuaiyun.com/start_XUEBA/article/details/132189595</link><guid>https://blog.youkuaiyun.com/start_XUEBA/article/details/132189595</guid><author>start_XUEBA</author><pubDate>Wed, 09 Aug 2023 19:49:08 +0800</pubDate><description><![CDATA[记录使用pkg打包node项目遇到的问题]]></description><category></category></item><item><title><![CDATA[/deep/样式穿透失效的原因和解决办法]]></title><link>https://blog.youkuaiyun.com/start_XUEBA/article/details/124755659</link><guid>https://blog.youkuaiyun.com/start_XUEBA/article/details/124755659</guid><author>start_XUEBA</author><pubDate>Mon, 23 May 2022 23:57:31 +0800</pubDate><description><![CDATA[在vue页面，为何有的样式需要限制scoped，为何需要样式穿透，样式穿透的原理是什么，对此进行小结。]]></description><category></category></item><item><title><![CDATA[不同路由对应同一组件页面]]></title><link>https://blog.youkuaiyun.com/start_XUEBA/article/details/124637327</link><guid>https://blog.youkuaiyun.com/start_XUEBA/article/details/124637327</guid><author>start_XUEBA</author><pubDate>Sat, 07 May 2022 20:13:25 +0800</pubDate><description><![CDATA[当不同路由对应同一组件页面时会发生再次进入页面时不再重新渲染的问题，整理一下解决办法]]></description><category></category></item><item><title><![CDATA[iView的Select 选择器选择失效]]></title><link>https://blog.youkuaiyun.com/start_XUEBA/article/details/122874909</link><guid>https://blog.youkuaiyun.com/start_XUEBA/article/details/122874909</guid><author>start_XUEBA</author><pubDate>Fri, 11 Feb 2022 10:36:28 +0800</pubDate><description><![CDATA[问题：给iView的Select赋的值通过接口获取，得到数组 list，选择器的默认值 defaultValue 为数组list的第一个选择项（defaultValue = list[0]），完成后选择器切换选项失效，或点击多次才生效。


&lt;Select v-model="defaultValue"&gt;
        &lt;Option v-for="item in list" :value="item.value" :key="item.value"&gt;{{ item.label }}]]></description><category></category></item><item><title><![CDATA[eCharts下载按钮]]></title><link>https://blog.youkuaiyun.com/start_XUEBA/article/details/122562580</link><guid>https://blog.youkuaiyun.com/start_XUEBA/article/details/122562580</guid><author>start_XUEBA</author><pubDate>Tue, 18 Jan 2022 17:19:45 +0800</pubDate><description><![CDATA[需求：实现eCharts折线图右上角显示一个下载按钮，点击下载此折线图图片。
实现：
方式一、使用eCharts官方工具 toolbox。
方式二、自定义按钮节点，设置点击响应事件]]></description><category></category></item><item><title><![CDATA[Vue通过v-for渲染的元素与$refs得到的实例对应不上]]></title><link>https://blog.youkuaiyun.com/start_XUEBA/article/details/121938762</link><guid>https://blog.youkuaiyun.com/start_XUEBA/article/details/121938762</guid><author>start_XUEBA</author><pubDate>Tue, 14 Dec 2021 20:59:20 +0800</pubDate><description><![CDATA[vue通过v-for渲染的组件/元素，更新key值的组件/元素会push进当前的ref，会存在通过$refs[index]拿到的组件不对应原数组对应的index数据。]]></description><category></category></item><item><title><![CDATA[鼠标滑入后边框逐渐包裹效果]]></title><link>https://blog.youkuaiyun.com/start_XUEBA/article/details/121101115</link><guid>https://blog.youkuaiyun.com/start_XUEBA/article/details/121101115</guid><author>start_XUEBA</author><pubDate>Thu, 18 Nov 2021 20:34:47 +0800</pubDate><description><![CDATA[实现效果：鼠标滑入组件后，组件由无边框变为由边框包裹，边框从四个角逐渐变长包裹完整个组件；鼠标滑出后边框逐渐变短到消失
]]></description><category></category></item><item><title><![CDATA[node-xlsx 生成并下载有超链接的excel文件]]></title><link>https://blog.youkuaiyun.com/start_XUEBA/article/details/114271494</link><guid>https://blog.youkuaiyun.com/start_XUEBA/article/details/114271494</guid><author>start_XUEBA</author><pubDate>Tue, 02 Mar 2021 21:14:28 +0800</pubDate><description><![CDATA[需求：将微信小程序云数据库中的数据导出为excel文件，文件按团队分为不同的sheet页，首页汇总每个sheet页的数据总数，并可点击跳转至对应的sheet页。下载时可选择今年某月份进行下载对应的数据。

get到如上需求，记录一下完成时遇到的问题。

问题1：如何生成并下载excel文件？

思路：在云函数端通过 node-xlsx 生成excel文件流，通过cloud.uploadFile 将本地资源上传至云存储空间，在小程序端通过 cloud.downloadFile 从云存储空间下载文件。

云函.]]></description><category></category></item><item><title><![CDATA[Echarts堆叠图显示总数]]></title><link>https://blog.youkuaiyun.com/start_XUEBA/article/details/113774312</link><guid>https://blog.youkuaiyun.com/start_XUEBA/article/details/113774312</guid><author>start_XUEBA</author><pubDate>Tue, 09 Feb 2021 19:09:09 +0800</pubDate><description><![CDATA[遇到一个需求：柱状堆叠图除了每个“柱”内部显示数据，还要在每个“柱”上方显示总数。类似下图：



解决：堆叠图新增一个总数的“柱”，此“柱”的对应data全置为0，则不会显示总数的堆叠图，再使用label的formatter显示计算出的数据总数。

基本代码：


...
const totalStackBar = {
    name: '',
    type: 'bar',
    stack: 'stack',
    itemStyle: {
        normal:{
         ]]></description><category></category></item><item><title><![CDATA[echarts树图]]></title><link>https://blog.youkuaiyun.com/start_XUEBA/article/details/109783812</link><guid>https://blog.youkuaiyun.com/start_XUEBA/article/details/109783812</guid><author>start_XUEBA</author><pubDate>Wed, 18 Nov 2020 21:15:44 +0800</pubDate><description><![CDATA[用echarts做了两周(算上之前应该是4周)的树图，记录一下遇到的一些特性和问题。

特性：

1、echarts中绑定事件，通过 on方法

例如：绑定click方法


myChart.on('click', function (params) {
    console.log(params);
});

2、echarts的 on方法 先于 DOM点击事件执行。

3、echarts实例的 _chartsViews[0]._data 有很多有用的属性。

4、改变图表尺寸，在容器大小发生改变时需要]]></description><category></category></item><item><title><![CDATA[css中文本显示易混淆的属性]]></title><link>https://blog.youkuaiyun.com/start_XUEBA/article/details/108581957</link><guid>https://blog.youkuaiyun.com/start_XUEBA/article/details/108581957</guid><author>start_XUEBA</author><pubDate>Wed, 14 Oct 2020 17:52:36 +0800</pubDate><description><![CDATA[letter-spacing: normal |length| inherit;

增加或减少字符间的空白（字符间距），对中文有效。


&lt;html&gt;
&lt;head&gt;
&lt;style&gt;
.h1 {letter-spacing: 1em}
&lt;/style&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;h1&gt;This is header 1  这是主标题&lt;/h1&gt;
&lt;h1 class="h1"&gt;This is he..]]></description><category></category></item><item><title><![CDATA[echarts使主标题和副标题在同一行显示]]></title><link>https://blog.youkuaiyun.com/start_XUEBA/article/details/108539115</link><guid>https://blog.youkuaiyun.com/start_XUEBA/article/details/108539115</guid><author>start_XUEBA</author><pubDate>Fri, 11 Sep 2020 17:48:16 +0800</pubDate><description><![CDATA[echarts中，如果同时设置了主标题和副标题，副标题默认显示在主标题下方。若想要主标题和副标题在同一行，可以将title设置为数组，即：将主标题伪装成副标题。




option = {
    title: [{
        text: "Main Title",
        left:0,
        textStyle: {
          fontSize: 30,
        },
        
    },{
        text: "Sub Title",
  ]]></description><category></category></item><item><title><![CDATA[微信小程序发起网络请求]]></title><link>https://blog.youkuaiyun.com/start_XUEBA/article/details/108378439</link><guid>https://blog.youkuaiyun.com/start_XUEBA/article/details/108378439</guid><author>start_XUEBA</author><pubDate>Thu, 03 Sep 2020 14:20:44 +0800</pubDate><description><![CDATA[微信小程序请求后台数据的基本用法，并改写为Promise用法 和 async/await用法。

1、基本用法：


wx.request({
     url: '',
     data: {},
     header: {'content-type':'application/json'},
     method: 'GET',
     dataType: 'json',
     responseType: 'text',
     success: (result) =&gt; {
    ]]></description><category></category></item><item><title><![CDATA[JavaScript判断中英文字符]]></title><link>https://blog.youkuaiyun.com/start_XUEBA/article/details/107995125</link><guid>https://blog.youkuaiyun.com/start_XUEBA/article/details/107995125</guid><author>start_XUEBA</author><pubDate>Fri, 14 Aug 2020 00:31:11 +0800</pubDate><description><![CDATA[Unicode中文编码范围：

16进制：\u4e00 ~ \u9fa5

十进制：19968 ~ 40869

找出包含中英文字符串中的中文：

1、charCodeAt()方法：返回指定位置的字符的 Unicode 编码。所以判断当前位置字符的Unicode 编码是否在汉字编码范围中。


function findChinese1(){
    let str = "嗨~new friend（新朋友）";
    let arr = [];
    [...str].forEach((item,ind]]></description><category></category></item><item><title><![CDATA[实现图片上传时即时显示]]></title><link>https://blog.youkuaiyun.com/start_XUEBA/article/details/107456740</link><guid>https://blog.youkuaiyun.com/start_XUEBA/article/details/107456740</guid><author>start_XUEBA</author><pubDate>Mon, 20 Jul 2020 10:15:42 +0800</pubDate><description><![CDATA[使用HTML5中的FileReader实现图片上传时使图片即时显示，图片显示等比例缩放。

实现效果：



FileReader：

构造函数：FileReader()

属性：

FileReader.error：表示在读取文件时发生的错误。

FileReader.readyState：表示FileReader状态的数字。取值如下：

常量名
			值
			描述
		EMPTY
			0
			还没有加载任何数据.
		LOADING
			1
			数据正在被加载.
		DONE
			2...]]></description><category></category></item><item><title><![CDATA[纯CSS画一只简单的小鸟]]></title><link>https://blog.youkuaiyun.com/start_XUEBA/article/details/107397779</link><guid>https://blog.youkuaiyun.com/start_XUEBA/article/details/107397779</guid><author>start_XUEBA</author><pubDate>Thu, 16 Jul 2020 23:58:53 +0800</pubDate><description><![CDATA[用css简单画了一只小鸟，效果图如下：



代码如下：

HTML：


&lt;div class="box-canvas"&gt;        
        &lt;div class="body"&gt;
            &lt;div class="head"&gt;&lt;/div&gt;
            &lt;div class="wing"&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="mout]]></description><category></category></item><item><title><![CDATA[JavaScript编程题（八）——es6练习]]></title><link>https://blog.youkuaiyun.com/start_XUEBA/article/details/107344293</link><guid>https://blog.youkuaiyun.com/start_XUEBA/article/details/107344293</guid><author>start_XUEBA</author><pubDate>Tue, 14 Jul 2020 18:40:30 +0800</pubDate><description><![CDATA[1、后端数据处理

从某数据库接口得到如下值：


{
  rows: [
    ["Lisa", 16, "Female", "2000-12-01"],
    ["Bob", 22, "Male", "1996-01-21"]
  ],
  metaData: [
    { name: "name", note: '' },
    { name: "age", note: '' },
    { name: "gender", note: '' },
    { name: "birthday"]]></description><category></category></item><item><title><![CDATA[持续请求/socket.io/?EIO=3&transport=polling&t=N8HrzIR]]></title><link>https://blog.youkuaiyun.com/start_XUEBA/article/details/106123711</link><guid>https://blog.youkuaiyun.com/start_XUEBA/article/details/106123711</guid><author>start_XUEBA</author><pubDate>Thu, 14 May 2020 16:59:20 +0800</pubDate><description><![CDATA[项目基本介绍：使用React，webpack，socket.io-client, Node.js, Express, socket.io 等技术，采用前后端分离开发。

实现项目中的聊天室时遇到报错，一直请求下面的连接：

GEThttp://localhost:3030/socket.io/?EIO=3&amp;transport=polling&amp;t=N8HrzIR404(NotFound)

Failed to load http://localhost:3030/socket.io/?...]]></description><category></category></item></channel></rss>