<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[include_computer的博客]]></title><description><![CDATA[学无止境]]></description><link>https://blog.youkuaiyun.com/include_computer</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; include_computer]]></copyright><item><title><![CDATA[第一次在GitHub上提交代码完整教程]]></title><link>https://blog.youkuaiyun.com/include_computer/article/details/122703625</link><guid>https://blog.youkuaiyun.com/include_computer/article/details/122703625</guid><author>include_computer</author><pubDate>Mon, 30 Jun 2025 14:52:56 +0800</pubDate><description><![CDATA[新手第一次在GitHub上提交代码完整教程]]></description><category></category></item><item><title><![CDATA[vue bigemap地图 popuop]]></title><link>https://blog.youkuaiyun.com/include_computer/article/details/134165314</link><guid>https://blog.youkuaiyun.com/include_computer/article/details/134165314</guid><author>include_computer</author><pubDate>Thu, 05 Sep 2024 17:08:43 +0800</pubDate><description><![CDATA[地图点位自定义信息窗体，窗体点击事件实现。]]></description><category></category></item><item><title><![CDATA[关于接数据的]]></title><link>https://blog.youkuaiyun.com/include_computer/article/details/131656932</link><guid>https://blog.youkuaiyun.com/include_computer/article/details/131656932</guid><author>include_computer</author><pubDate>Thu, 05 Sep 2024 17:07:52 +0800</pubDate><description><![CDATA[vue3 表格的行点击事件。请求并解析返回的JSON数据。后端返回的对象要转数组。]]></description><category></category></item><item><title><![CDATA[layui上传图片并显示]]></title><link>https://blog.youkuaiyun.com/include_computer/article/details/130763073</link><guid>https://blog.youkuaiyun.com/include_computer/article/details/130763073</guid><author>include_computer</author><pubDate>Thu, 05 Sep 2024 17:05:13 +0800</pubDate><description><![CDATA[layui上传图片并显示(]]></description><category></category></item><item><title><![CDATA[echarts圆饼图定时器动画]]></title><link>https://blog.youkuaiyun.com/include_computer/article/details/135545856</link><guid>https://blog.youkuaiyun.com/include_computer/article/details/135545856</guid><author>include_computer</author><pubDate>Thu, 05 Sep 2024 17:03:29 +0800</pubDate><description><![CDATA[【代码】echarts圆饼图定时器动画。]]></description><category></category></item><item><title><![CDATA[表格排序sortable]]></title><link>https://blog.youkuaiyun.com/include_computer/article/details/138864434</link><guid>https://blog.youkuaiyun.com/include_computer/article/details/138864434</guid><author>include_computer</author><pubDate>Thu, 05 Sep 2024 17:02:16 +0800</pubDate><description><![CDATA[在 Vue Element UI 的表格中，如果你想要对等级（或其他非数字字段）进行排序，并且这些等级是以字符串形式存储的（如 “A”, “B”, “C” 等），那么默认的排序可能不会按照你期望的等级顺序来执行。当用户点击列标题进行排序时，你可以向服务器发送一个包含排序字段和排序方向的请求，然后服务器会返回排序后的数据。对于自定义在这里插入代码片的等级排序，你需要手动处理排序逻辑。你可以为 el-table-column 添加一个 sort-method 属性，这个属性接收一个函数，用于定义你的排序逻辑。]]></description><category></category></item><item><title><![CDATA[封装通用echarts（多次复用同一个图表）]]></title><link>https://blog.youkuaiyun.com/include_computer/article/details/131394431</link><guid>https://blog.youkuaiyun.com/include_computer/article/details/131394431</guid><author>include_computer</author><pubDate>Tue, 09 Apr 2024 18:37:07 +0800</pubDate><description><![CDATA[【代码】封装通用echarts（多次复用同一个图表）]]></description><category></category></item><item><title><![CDATA[js如何通过数组中相同的元素12来将原始数组[‘12‘,‘13‘,‘12‘,‘14‘, ‘12‘,‘23‘,‘24‘]返回以相同元素12开头的3个新数组[‘12‘, ‘13‘], [‘12‘, ‘14]]></title><link>https://blog.youkuaiyun.com/include_computer/article/details/135218284</link><guid>https://blog.youkuaiyun.com/include_computer/article/details/135218284</guid><author>include_computer</author><pubDate>Fri, 01 Mar 2024 14:49:29 +0800</pubDate><description><![CDATA[在reduce方法的回调函数中，我们检查当前元素是否以12开头，如果是，则将其添加到当前子数组中；如果不是，则将当前子数组添加到最终结果数组中，并创建一个新的子数组来存储下一个以12开头的元素。方法来实现这个功能。这个方法可以将数组中的元素逐个处理，并根据需要将它们放入一个新的数组中。，我们返回存储结果的数组，即包含以相同元素12开头的子数组的数组。方法遍历原始数组，将相同元素12开头的子数组放入新数组中。，我们将这些子数组放入一个新的数组中，以便返回结果。，我们需要创建一个空数组来存储最终的结果。]]></description><category></category></item><item><title><![CDATA[html + jquery地图点位点击变色]]></title><link>https://blog.youkuaiyun.com/include_computer/article/details/134941508</link><guid>https://blog.youkuaiyun.com/include_computer/article/details/134941508</guid><author>include_computer</author><pubDate>Fri, 01 Mar 2024 14:42:59 +0800</pubDate><description><![CDATA[地图用图片展示，jquery实现相关的点击出现信息弹窗的操作]]></description><category></category></item><item><title><![CDATA[Vue Element表单中的label文字均匀占满显示]]></title><link>https://blog.youkuaiyun.com/include_computer/article/details/134557353</link><guid>https://blog.youkuaiyun.com/include_computer/article/details/134557353</guid><author>include_computer</author><pubDate>Wed, 22 Nov 2023 17:00:24 +0800</pubDate><description><![CDATA[在Vue组件中，设置label-width属性为一个较大的值，以确保label的宽度足够容纳文字。这样，label文字将会均匀分布在整个label宽度内，实现文字占满显示的效果。在CSS样式中，使用text-align: justify来实现文字均匀分布。要让Vue Element表单中的label文字均匀占满显示。如果要全局应用这个样式，将上面的css代码复制到。]]></description><category></category></item><item><title><![CDATA[vue封装通用弹窗commonDialog]]></title><link>https://blog.youkuaiyun.com/include_computer/article/details/125596324</link><guid>https://blog.youkuaiyun.com/include_computer/article/details/125596324</guid><author>include_computer</author><pubDate>Fri, 25 Nov 2022 09:14:37 +0800</pubDate><description><![CDATA[【代码】vue封装通用弹窗commonDialog。]]></description><category></category></item><item><title><![CDATA[vue中的echarts对象绑定click事件无法调用vue的实例对象]]></title><link>https://blog.youkuaiyun.com/include_computer/article/details/125595037</link><guid>https://blog.youkuaiyun.com/include_computer/article/details/125595037</guid><author>include_computer</author><pubDate>Mon, 04 Jul 2022 10:39:17 +0800</pubDate><description><![CDATA[点击事件获取不到refName?
方案一：function改为箭头函数
方案二：var that = this;
this代表的是当前对象,var that=this就是将当前的this对象复制一份到that变量中。当this对象改变的时候，that指向的还是当时的对象。
echarts事件与行为...]]></description><category></category></item><item><title><![CDATA[vue Elementui Timeline 时间线(右)]]></title><link>https://blog.youkuaiyun.com/include_computer/article/details/123272971</link><guid>https://blog.youkuaiyun.com/include_computer/article/details/123272971</guid><author>include_computer</author><pubDate>Thu, 30 Jun 2022 11:30:51 +0800</pubDate><description><![CDATA[&lt;el-timeline :reverse="reverse"&gt;
        &lt;el-timeline-item v-for="(item, index) in warnList" :key="index"&gt;
          &lt;div class="photo"&gt;&lt;/div&gt;
          &lt;div class="timestamp"&gt;
            &lt;span class="message-label"&gt;时间：]]></description><category></category></item><item><title><![CDATA[timeline(左右结构)]]></title><link>https://blog.youkuaiyun.com/include_computer/article/details/123273571</link><guid>https://blog.youkuaiyun.com/include_computer/article/details/123273571</guid><author>include_computer</author><pubDate>Thu, 30 Jun 2022 11:28:29 +0800</pubDate><description><![CDATA[&lt;el-timeline&gt;
                &lt;el-timeline-item v-for="(item, i) in timeLineFilterData"
                                  :key="i"
                                  :timestamp="item.createdTime"
                                  placement="top"&gt]]></description><category></category></item><item><title><![CDATA[vue Swiper(附例子)]]></title><link>https://blog.youkuaiyun.com/include_computer/article/details/123272191</link><guid>https://blog.youkuaiyun.com/include_computer/article/details/123272191</guid><author>include_computer</author><pubDate>Fri, 04 Mar 2022 11:22:38 +0800</pubDate><description><![CDATA[安装依赖
npm install swiper@6 --save-dev

npm i vue-awesome-swiper@3.1.3 -S

package.json查看确认

main.js全局引入
//swiper
import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/swiper-bundle.css'
Vue.use(VueAwesomeSwiper)

页面运用
点击左右按钮切换


&lt;div class="ce]]></description><category></category></item><item><title><![CDATA[大屏左右下载入的动画]]></title><link>https://blog.youkuaiyun.com/include_computer/article/details/123174469</link><guid>https://blog.youkuaiyun.com/include_computer/article/details/123174469</guid><author>include_computer</author><pubDate>Mon, 28 Feb 2022 15:12:28 +0800</pubDate><description><![CDATA[@keyframes leftAnimation {
    0% {
        transform: translate(-100%, 0);
        opacity: 0;
    }

    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes rightAnimation {
    0% {
        transform: translate(100%, 0);
 ]]></description><category></category></item><item><title><![CDATA[vue中使用lang = “scss“报错]]></title><link>https://blog.youkuaiyun.com/include_computer/article/details/121946124</link><guid>https://blog.youkuaiyun.com/include_computer/article/details/121946124</guid><author>include_computer</author><pubDate>Wed, 15 Dec 2021 10:28:13 +0800</pubDate><description><![CDATA[①
npm install sass-loader@7.3.1 --save-dev

②
npm install node-sass --save

安装node-sass报错安装不了，使用淘宝镜像安装
cnpm install node-sass --save

③
npm install style-loader --save

④
在build/webpack.base.config.js中添加：
{
   test: /\.scss$/,
   loaders: ['style', 'css', ]]></description><category></category></item><item><title><![CDATA[堆叠双柱状图]]></title><link>https://blog.youkuaiyun.com/include_computer/article/details/120986234</link><guid>https://blog.youkuaiyun.com/include_computer/article/details/120986234</guid><author>include_computer</author><pubDate>Mon, 13 Dec 2021 10:00:53 +0800</pubDate><description><![CDATA[堆叠柱状图代码附图]]></description><category></category></item><item><title><![CDATA[隔行变色的echarts图]]></title><link>https://blog.youkuaiyun.com/include_computer/article/details/120448354</link><guid>https://blog.youkuaiyun.com/include_computer/article/details/120448354</guid><author>include_computer</author><pubDate>Mon, 13 Dec 2021 09:55:24 +0800</pubDate><description><![CDATA[var xdata = ['2020-1-2', '2020-1-2', '2020-1-2', '2020-1-2', '2020-1-2', '2020-1-2', '2020-1-2']
        var data = [70, 60, 80, 70, 60, 80, 50]
        option = {
          tooltip: {
            trigger: "axis",
            axisPointer: { // 坐标轴指示...]]></description><category></category></item><item><title><![CDATA[大屏右上角的年月日时分秒]]></title><link>https://blog.youkuaiyun.com/include_computer/article/details/121530528</link><guid>https://blog.youkuaiyun.com/include_computer/article/details/121530528</guid><author>include_computer</author><pubDate>Thu, 25 Nov 2021 10:36:30 +0800</pubDate><description><![CDATA[methods：{
currentTime() {
      setInterval(this.formatDate, 500)
    },

    formatDate() {
      const date = new Date()
      const year = date.getFullYear() // 年
      const month = date.getMonth() + 1 // 月
      const day = date.getDate() // 日
      c]]></description><category></category></item></channel></rss>