<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[KeepLearningDay的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/KeepLearningDay</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; KeepLearningDay]]></copyright><item><title><![CDATA[Uniapp基础面试]]></title><link>https://blog.youkuaiyun.com/KeepLearningDay/article/details/138847260</link><guid>https://blog.youkuaiyun.com/KeepLearningDay/article/details/138847260</guid><author>KeepLearningDay</author><pubDate>Tue, 14 May 2024 11:35:42 +0800</pubDate><description><![CDATA[1. uni-app的优缺点
优点:
a. 一套代码可以生成多端
b. 学习成本低,语法是vue的,组件是小程序的
c. 拓展能力强
d. 使用HBuilderX开发,支持vue语法
e. 突破了系统对H5条用原生能力的限制

缺点:
a. 问世时间短,很多地方不完善
b. 社区不大
c. 官方对问题的反馈不及时
d. 在Android平台上比微信小程序和iOS差
e. 文件命名受限

2. 描述一下uniapp的页面结构以及目录文件所代表的什么
pages.json
配置文件，全局页面路径配置，应用的状态]]></description><category></category></item><item><title><![CDATA[Vue3生命周期]]></title><link>https://blog.youkuaiyun.com/KeepLearningDay/article/details/134077007</link><guid>https://blog.youkuaiyun.com/KeepLearningDay/article/details/134077007</guid><author>KeepLearningDay</author><pubDate>Fri, 27 Oct 2023 15:17:12 +0800</pubDate><description><![CDATA[1、setup() : 开始创建组件之前，在 beforeCreate 和 created 之前执行，创建的是 data 和 method。8、onActivated(): 被包含在 中的组件，会多出两个生命周期钩子函数，被激活时执行；9、onDeactivated(): 比如从 A 组件，切换到 B 组件，A 组件消失时执行；2、onBeforeMount() : 组件挂载到节点上之前执行的函数；4、onBeforeUpdate(): 组件更新之前执行的函数；]]></description><category></category></item><item><title><![CDATA[解决使用element ui时el-input的属性type=number，仍然可以输入e的问题。]]></title><link>https://blog.youkuaiyun.com/KeepLearningDay/article/details/132662463</link><guid>https://blog.youkuaiyun.com/KeepLearningDay/article/details/132662463</guid><author>KeepLearningDay</author><pubDate>Mon, 04 Sep 2023 09:39:10 +0800</pubDate><description><![CDATA[【代码】解决使用element ui时el-input的属性type=number，仍然可以输入e的问题。]]></description><category></category></item><item><title><![CDATA[Nginx部署项目 刷新404问题]]></title><link>https://blog.youkuaiyun.com/KeepLearningDay/article/details/132475455</link><guid>https://blog.youkuaiyun.com/KeepLearningDay/article/details/132475455</guid><author>KeepLearningDay</author><pubDate>Thu, 24 Aug 2023 15:32:04 +0800</pubDate><description><![CDATA[*之前的Nginx配置如下**]]></description><category></category></item><item><title><![CDATA[ECharts 仪表盘配置项]]></title><link>https://blog.youkuaiyun.com/KeepLearningDay/article/details/132227600</link><guid>https://blog.youkuaiyun.com/KeepLearningDay/article/details/132227600</guid><author>KeepLearningDay</author><pubDate>Fri, 11 Aug 2023 11:30:55 +0800</pubDate><description><![CDATA[【代码】ECharts 仪表盘配置项。]]></description><category></category></item><item><title><![CDATA[Vue中使用FullCalendar日历使用]]></title><link>https://blog.youkuaiyun.com/KeepLearningDay/article/details/121926266</link><guid>https://blog.youkuaiyun.com/KeepLearningDay/article/details/121926266</guid><author>KeepLearningDay</author><pubDate>Tue, 14 Dec 2021 14:21:23 +0800</pubDate><description><![CDATA[1、Fullcalendar安装
npm install --save @fullcalendar/vue 
下面包是日历的周视图、日视图等插件包：
npm install --save @fullcalendar/core @fullcalendar/daygrid @fullcalendar/interaction @fullcalendar/list @fullcalendar/timegrid
 
安装后的fullcalendar源码和其它插件都会在@fullcalendar

2、html文件
&]]></description><category></category></item><item><title><![CDATA[CuiGZ的代码规范规则]]></title><link>https://blog.youkuaiyun.com/KeepLearningDay/article/details/121857459</link><guid>https://blog.youkuaiyun.com/KeepLearningDay/article/details/121857459</guid><author>KeepLearningDay</author><pubDate>Fri, 10 Dec 2021 15:26:29 +0800</pubDate><description><![CDATA[1.模块化 组件化开发
2.组件首字母必须要大写
3.采取驼峰命名规则（小驼峰，大驼峰）
4.优先使用element
5.代码注释标准
6.css以scss为标准（css采用普通的system-list模式）
7.新写的文件夹以小写字母为准（如很多单词构成:：启动驼峰命名格式）
8.使用eslint规范代码风格

...]]></description><category></category></item><item><title><![CDATA[CSS3文字上下滚动的插件]]></title><link>https://blog.youkuaiyun.com/KeepLearningDay/article/details/121789080</link><guid>https://blog.youkuaiyun.com/KeepLearningDay/article/details/121789080</guid><author>KeepLearningDay</author><pubDate>Wed, 08 Dec 2021 13:29:42 +0800</pubDate><description><![CDATA[（1）安装执行命令
npm install vue-seamless-scroll --save

（2）在main.js文件里面引入使用：
import scroll from 'vue-seamless-scroll'
Vue.use(scroll)

（3） 实例
&lt;template&gt;
    &lt;vue-seamless-scroll :data="listData" :class-option="optionHover" class="seamless-warp"&gt;
    ]]></description><category></category></item><item><title><![CDATA[Vue中状态管理的Vuex]]></title><link>https://blog.youkuaiyun.com/KeepLearningDay/article/details/121774881</link><guid>https://blog.youkuaiyun.com/KeepLearningDay/article/details/121774881</guid><author>KeepLearningDay</author><pubDate>Tue, 07 Dec 2021 17:44:56 +0800</pubDate><description><![CDATA[vue中vuex的五个属性和基本用法
VueX 是一个专门为 Vue.js 应用设计的状态管理构架，统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些 data )。
Vuex有五个核心概念：
state, getters, mutations, actions, modules

解析
1. state：vuex的基本数据，用来存储变量
2. geeter：从基本数据(state)派生的数据，相当于state的计算属性
3. mutation：提交更新数据的方法，必须是同步的(如]]></description><category></category></item><item><title><![CDATA[Vue Elemen删除提醒]]></title><link>https://blog.youkuaiyun.com/KeepLearningDay/article/details/121774596</link><guid>https://blog.youkuaiyun.com/KeepLearningDay/article/details/121774596</guid><author>KeepLearningDay</author><pubDate>Tue, 07 Dec 2021 17:32:20 +0800</pubDate><description><![CDATA[confirm提示
this.$confirm(`您确定要删除此报告吗?`, '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(res =&gt; {
          this.$message.success('删除成功')
        })


...]]></description><category></category></item><item><title><![CDATA[el-menu自定义的导航]]></title><link>https://blog.youkuaiyun.com/KeepLearningDay/article/details/121678256</link><guid>https://blog.youkuaiyun.com/KeepLearningDay/article/details/121678256</guid><author>KeepLearningDay</author><pubDate>Thu, 02 Dec 2021 15:25:47 +0800</pubDate><description><![CDATA[**
Layout(整体的框架)
**
&lt;template&gt;
  &lt;div&gt;
    &lt;el-radio-group v-model="isCollapse" style="margin-left: 320px;"&gt;
      &lt;el-radio-button :label="false"&gt;展开&lt;/el-radio-button&gt;
      &lt;el-radio-button :label="true"&gt;收起&lt;/el-radio]]></description><category></category></item><item><title><![CDATA[Git学习笔记]]></title><link>https://blog.youkuaiyun.com/KeepLearningDay/article/details/108474609</link><guid>https://blog.youkuaiyun.com/KeepLearningDay/article/details/108474609</guid><author>KeepLearningDay</author><pubDate>Tue, 30 Nov 2021 12:55:57 +0800</pubDate><description><![CDATA[Linux命令
1.cd改变目录
2.pwd显示当前的目录
3.clear清屏
4.ls列出当前目录中的所有文件
5.touch新建一个index.js
6.rm移除index.js
7. mkdri新建一个文件
8.rm -r移除一个文件
9.mv 移动一个index.html到test文件夹中去。
10.history查看历史消息
11.exit退出
Git的分区
1.Workspace：工作区，平时存放代码的地方
2.Index/Stage：暂存区，用于临时存放你的改动，保存即提交到文件列表信息
3.]]></description><category></category></item><item><title><![CDATA[关于C3动画Animate.css插件不生效问题的原因]]></title><link>https://blog.youkuaiyun.com/KeepLearningDay/article/details/121304564</link><guid>https://blog.youkuaiyun.com/KeepLearningDay/article/details/121304564</guid><author>KeepLearningDay</author><pubDate>Sat, 13 Nov 2021 14:55:35 +0800</pubDate><description><![CDATA[中国人不坑中国人
Vue 官网引用的是 animate.css 3.5 版本!!!
npm install animate.css@3.5.1 --save
 
或者
 
yarn add animate.css@3.5.1 
 
 
Vue文件中全局引入：
import animated from "animate.css"
Vue.use(animated)
 

番外：（动画库的css类名展示）
fade: {
        title: '淡入淡出',
        fadeIn: '淡入',
]]></description><category></category></item><item><title><![CDATA[randomColor使用方法]]></title><link>https://blog.youkuaiyun.com/KeepLearningDay/article/details/120727448</link><guid>https://blog.youkuaiyun.com/KeepLearningDay/article/details/120727448</guid><author>KeepLearningDay</author><pubDate>Tue, 12 Oct 2021 17:01:18 +0800</pubDate><description><![CDATA[在浏览器中
使用随机颜色在浏览器中，下载最新版的 randomColor 然后引入网页中，然后调用：
var color = randomColor(); // a hex code for an attractive color

在 Nodejs 服务端
使用随机颜色在带有 node.js 的服务器上，通过 npm 安装：
npm install randomcolor

然后这样调用：
var randomColor = require('randomcolor'); // import the sc]]></description><category></category></item><item><title><![CDATA[map的使用方法]]></title><link>https://blog.youkuaiyun.com/KeepLearningDay/article/details/120719694</link><guid>https://blog.youkuaiyun.com/KeepLearningDay/article/details/120719694</guid><author>KeepLearningDay</author><pubDate>Tue, 12 Oct 2021 11:07:18 +0800</pubDate><description><![CDATA[使用map如何对接接口
let r = res.map(item =&gt; {
    return {
        title: item.name,
        sex: item.sex === 1? '男':item.sex === 0?'女':'保密',
        age: item.age,
        avatar: item.img
    }
})

也可以省略return
const users=res.items.map(item =&gt; ({
    url:]]></description><category></category></item><item><title><![CDATA[moment()获取当前时间以及过去时间]]></title><link>https://blog.youkuaiyun.com/KeepLearningDay/article/details/120701317</link><guid>https://blog.youkuaiyun.com/KeepLearningDay/article/details/120701317</guid><author>KeepLearningDay</author><pubDate>Mon, 11 Oct 2021 13:40:18 +0800</pubDate><description><![CDATA[moment().format("YYYY-MM-DD HH:mm:ss"); //当前时间

moment().subtract(10, "days").format("YYYY-MM-DD"); //当前时间的前10天时间

moment().subtract(1, "years").format("YYYY-MM-DD"); //当前时间的前1年时间

moment().subtract(3, "months").format("YYYY-MM-DD"); //当前时间的前3个月时间

moment(]]></description><category></category></item><item><title><![CDATA[CSS超出两行省略...]]></title><link>https://blog.youkuaiyun.com/KeepLearningDay/article/details/120697470</link><guid>https://blog.youkuaiyun.com/KeepLearningDay/article/details/120697470</guid><author>KeepLearningDay</author><pubDate>Mon, 11 Oct 2021 09:59:31 +0800</pubDate><description><![CDATA[以下代码：
 text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; //设置行数
    line-clamp: 2;//设置行数
    -webkit-box-orient: vertical;


]]></description><category></category></item><item><title><![CDATA[Echart通用模板]]></title><link>https://blog.youkuaiyun.com/KeepLearningDay/article/details/120670798</link><guid>https://blog.youkuaiyun.com/KeepLearningDay/article/details/120670798</guid><author>KeepLearningDay</author><pubDate>Sat, 09 Oct 2021 14:45:41 +0800</pubDate><description><![CDATA[Echarts中所有数据的通用模板
只需要将数据添加至
  myChart.setOption(
      //放入Echart数据对象
    )

&lt;template&gt;
    &lt;div&gt;
        &lt;div class="pie"&gt;
            &lt;div :id="id" class="chart"&gt;&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/template&gt;]]></description><category></category></item><item><title><![CDATA[Echarts中所有的配置属性]]></title><link>https://blog.youkuaiyun.com/KeepLearningDay/article/details/120670368</link><guid>https://blog.youkuaiyun.com/KeepLearningDay/article/details/120670368</guid><author>KeepLearningDay</author><pubDate>Sat, 09 Oct 2021 14:27:42 +0800</pubDate><description><![CDATA[Echarts中的配置属性
theme = {
// 全图默认背景 
// backgroundColor: ‘rgba(0,0,0,0)’,
 
// 默认色板
    color: ['#ff7f50', '#87cefa', '#da70d6', '#32cd32', '#6495ed',
        '#ff69b4', '#ba55d3', '#cd5c5c', '#ffa500', '#40e0d0',
        '#1e90ff', '#ff6347', '#7b68ee', '#0]]></description><category></category></item><item><title><![CDATA[Vue使用词云图]]></title><link>https://blog.youkuaiyun.com/KeepLearningDay/article/details/120669292</link><guid>https://blog.youkuaiyun.com/KeepLearningDay/article/details/120669292</guid><author>KeepLearningDay</author><pubDate>Sat, 09 Oct 2021 13:40:16 +0800</pubDate><description><![CDATA[安装
npm install echarts
npm install echarts-wordcloud

例子
&lt;template&gt;
    &lt;div&gt;
        &lt;div class="pie"&gt;
            &lt;div id="myCiYun" style="width:100%;height: 500px"&gt;&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/template&]]></description><category></category></item></channel></rss>