<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[HTML5_student的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/HTML5_student</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; HTML5_student]]></copyright><item><title><![CDATA[component动态引入]]></title><link>https://blog.youkuaiyun.com/HTML5_student/article/details/128004219</link><guid>https://blog.youkuaiyun.com/HTML5_student/article/details/128004219</guid><author>HTML5_student</author><pubDate>Wed, 29 Mar 2023 18:21:40 +0800</pubDate><description><![CDATA[require 有变量在打包的解析的时候会有问题，会造成加载很多不必要的文件。import 不会有这个问题。]]></description><category></category></item><item><title><![CDATA[VUE二级路由刷新时报错]]></title><link>https://blog.youkuaiyun.com/HTML5_student/article/details/129555978</link><guid>https://blog.youkuaiyun.com/HTML5_student/article/details/129555978</guid><author>HTML5_student</author><pubDate>Wed, 15 Mar 2023 15:05:00 +0800</pubDate><description><![CDATA[比如访问:http://10.82.26.124:8097/正常，从这个页面跳转到：http://10.82.26.124:8097/prf-assessment-objectlist/self 时也正常，但是在这个  http://10.82.26.124:8097/prf-assessment-objectlist/self 页面刷新时就不正常了。config.js 中 publicPath: ‘/’,，将其设置为绝对路径，然后需要重新启动项目。]]></description><category></category></item><item><title><![CDATA[Element-ui input输入框限制输入数字后，当输入非数字后v-model失效]]></title><link>https://blog.youkuaiyun.com/HTML5_student/article/details/127865795</link><guid>https://blog.youkuaiyun.com/HTML5_student/article/details/127865795</guid><author>HTML5_student</author><pubDate>Tue, 15 Nov 2022 14:59:06 +0800</pubDate><description><![CDATA[Element-ui input输入框限制输入数字后，当输入非数字后v-model失效]]></description><category></category></item><item><title><![CDATA[vue必会知识点]]></title><link>https://blog.youkuaiyun.com/HTML5_student/article/details/125370857</link><guid>https://blog.youkuaiyun.com/HTML5_student/article/details/125370857</guid><author>HTML5_student</author><pubDate>Thu, 11 Aug 2022 20:50:38 +0800</pubDate><description><![CDATA[目录1. vue-router路由懒加载2. vue父子组件生命周期执行顺序3. css预处理器4. js数据类型判断5. DNS解析url的过程6.  重绘和重排7. vue指令8. 导航守卫9. 甘特图 Fullcalendar10. provide/inject11. em rem px12. H5新特性13. css3新特性14. bfc15. promise和 async/await16. 箭头函数17. vuex数据持久化18. break和continue的区别和作用19. href和src2]]></description><category></category></item><item><title><![CDATA[html实现简单的目标树]]></title><link>https://blog.youkuaiyun.com/HTML5_student/article/details/125441641</link><guid>https://blog.youkuaiyun.com/HTML5_student/article/details/125441641</guid><author>HTML5_student</author><pubDate>Fri, 24 Jun 2022 11:02:10 +0800</pubDate><description><![CDATA[目标树]]></description><category></category></item><item><title><![CDATA[获取鼠标选中的文字]]></title><link>https://blog.youkuaiyun.com/HTML5_student/article/details/125293561</link><guid>https://blog.youkuaiyun.com/HTML5_student/article/details/125293561</guid><author>HTML5_student</author><pubDate>Wed, 15 Jun 2022 11:30:33 +0800</pubDate><description><![CDATA[今天的问题是想在笔记里面选着想要的文本 来创建新的任务和问题]]></description><category></category></item><item><title><![CDATA[JS获取DOM节点的几种方式]]></title><link>https://blog.youkuaiyun.com/HTML5_student/article/details/125141828</link><guid>https://blog.youkuaiyun.com/HTML5_student/article/details/125141828</guid><author>HTML5_student</author><pubDate>Mon, 06 Jun 2022 10:26:11 +0800</pubDate><description><![CDATA[js获取dom节点]]></description><category></category></item><item><title><![CDATA[css圆弧动画]]></title><link>https://blog.youkuaiyun.com/HTML5_student/article/details/121949178</link><guid>https://blog.youkuaiyun.com/HTML5_student/article/details/121949178</guid><author>HTML5_student</author><pubDate>Thu, 26 May 2022 11:47:36 +0800</pubDate><description><![CDATA[&lt;!doctype html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="utf-8"&gt; 
 &lt;style&gt;
.body{
    background-color: aqua;
    height: 700px;
    width: 1000px;
   
} 
@keyframes bimg1 { 
    0% {top: 400px;} 
    50% {top:0px;transform:scale(1);opaci]]></description><category></category></item><item><title><![CDATA[JavaScript技巧汇总]]></title><link>https://blog.youkuaiyun.com/HTML5_student/article/details/124936691</link><guid>https://blog.youkuaiyun.com/HTML5_student/article/details/124936691</guid><author>HTML5_student</author><pubDate>Mon, 23 May 2022 22:40:08 +0800</pubDate><description><![CDATA[字符串技巧
1、比较时间
const time1 = "2022-03-02 09:00:00";
const time2 = "2022-03-02 09:00:01";
const overtime = time1 &lt; time2;
// overtime =&gt; true

2、格式化money
const ThousandNum = num =&gt; num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
const money = T]]></description><category></category></item><item><title><![CDATA[JS一些数字计算]]></title><link>https://blog.youkuaiyun.com/HTML5_student/article/details/124177251</link><guid>https://blog.youkuaiyun.com/HTML5_student/article/details/124177251</guid><author>HTML5_student</author><pubDate>Fri, 15 Apr 2022 11:30:46 +0800</pubDate><description><![CDATA[数字转换带有千分位分隔符的数据方法
MoneyFormat(money) {
   if (money &amp;&amp; money != null) {
	     money = String(money);
	     var left = money.split('.')[0] ,right = money.split('.')[1];
	   	 right = right ? (right.length &gt;= 2 ? '.' + right.substr(0, 2) : '.' + r]]></description><category></category></item><item><title><![CDATA[vue在初始化时设置滚动条位置]]></title><link>https://blog.youkuaiyun.com/HTML5_student/article/details/124115539</link><guid>https://blog.youkuaiyun.com/HTML5_student/article/details/124115539</guid><author>HTML5_student</author><pubDate>Tue, 12 Apr 2022 09:20:25 +0800</pubDate><description><![CDATA[在在created或者mounted生命周期中 始终无法改变滚动条的位置
但是使用updated钩子函数就可以
updated () { 
	this.$nextTick(() =&gt; {
		this.$refs.container.scrollTop = 500
	}) 
}

$nextTick 方法是在下次DOM更新循环结束之后执行延迟回调。

...]]></description><category></category></item><item><title><![CDATA[Element-ui Popconfirm气泡确认框的确认及取消事件不生效]]></title><link>https://blog.youkuaiyun.com/HTML5_student/article/details/124098815</link><guid>https://blog.youkuaiyun.com/HTML5_student/article/details/124098815</guid><author>HTML5_student</author><pubDate>Mon, 11 Apr 2022 14:39:21 +0800</pubDate><description><![CDATA[给组件绑定@confirm="confirm"时，发现点击确定按钮时，并不能触发confirm事件。
实际应该绑定的是onConfirm事件和onCancel事件


]]></description><category></category></item><item><title><![CDATA[Flex弹性布局]]></title><link>https://blog.youkuaiyun.com/HTML5_student/article/details/123495414</link><guid>https://blog.youkuaiyun.com/HTML5_student/article/details/123495414</guid><author>HTML5_student</author><pubDate>Tue, 15 Mar 2022 10:10:35 +0800</pubDate><description><![CDATA[Flex 布局语法教程-详情：https://www.runoob.com/w3cnote/flex-grammar.html
一、将父元素设置为Flex容器
    dispaly:flex;

二、父容器属性
    1.flex-direction #定义排序方向
        {
            row #从左到右排序
            row-reverse #从右到左排序
            column #从上到下排序
            column-reverse ]]></description><category></category></item><item><title><![CDATA[elementUI中的popover嵌套popover弹窗不能自动关闭]]></title><link>https://blog.youkuaiyun.com/HTML5_student/article/details/123346329</link><guid>https://blog.youkuaiyun.com/HTML5_student/article/details/123346329</guid><author>HTML5_student</author><pubDate>Tue, 08 Mar 2022 10:11:10 +0800</pubDate><description><![CDATA[组件中有个弹窗el-popover，这个弹窗里面又引入弹窗el-popover，这样相当于是popover嵌套，导致的问题就是子popover中的弹窗打开第二个的时候第一个不能自动关闭，就是这样

解决方法：
popover内部嵌套popover的方法，在外层popover的内容上添加click事件（注意是否需要.native），用this.$refs.XXX.doClose()方法关闭，同时触发内部popover的reference，需要添加click事件阻止事件冒泡，两者缺一不可（不阻止事件冒泡，就会造]]></description><category></category></item><item><title><![CDATA[input框focus，让外层的div产生样式变化:div的focus伪类]]></title><link>https://blog.youkuaiyun.com/HTML5_student/article/details/123329748</link><guid>https://blog.youkuaiyun.com/HTML5_student/article/details/123329748</guid><author>HTML5_student</author><pubDate>Mon, 07 Mar 2022 14:35:29 +0800</pubDate><description><![CDATA[:focus-within
当点击里面的input框的时候input得到焦点，外层div就会有相当于拥有了input：focus的伪类选择一样，

 &lt;div class="status-item" v-for="(item,index) of statuslist" :key="index"&gt; 
            &lt;div class="status-picker-color-input-wrapper" &gt; 
                &lt;div class="m]]></description><category></category></item><item><title><![CDATA[vue自定义指令 弹窗拖拽]]></title><link>https://blog.youkuaiyun.com/HTML5_student/article/details/123199870</link><guid>https://blog.youkuaiyun.com/HTML5_student/article/details/123199870</guid><author>HTML5_student</author><pubDate>Tue, 01 Mar 2022 10:28:01 +0800</pubDate><description><![CDATA[import Vue  from "vue";

//v-dialogDrag:弹窗拖拽
Vue.directive('dialogDrag',{
    bind(el,binding,vnode,oldVnode){
       const dialogHeaderEl = el.querySelector('.el-dialog__header')
       const dragDom = el.querySelector('.el-dialog')
       dialogHeaderEl.]]></description><category></category></item><item><title><![CDATA[vue自定义指令 输入框自动聚焦]]></title><link>https://blog.youkuaiyun.com/HTML5_student/article/details/123182233</link><guid>https://blog.youkuaiyun.com/HTML5_student/article/details/123182233</guid><author>HTML5_student</author><pubDate>Mon, 28 Feb 2022 14:43:42 +0800</pubDate><description><![CDATA[在main.js中引用封装的js文件
import Vue from  'vue'

//v-focus:输入框聚焦
Vue.directive('focus',{
    inserted:function(el){
      el.querySelector('input').focus()
    }
})


]]></description><category></category></item><item><title><![CDATA[queryselectorAll与getElementByClassName]]></title><link>https://blog.youkuaiyun.com/HTML5_student/article/details/121909769</link><guid>https://blog.youkuaiyun.com/HTML5_student/article/details/121909769</guid><author>HTML5_student</author><pubDate>Mon, 28 Feb 2022 14:36:36 +0800</pubDate><description><![CDATA[因为classname拿到的不是nodelist
他是HTMLcollection 他没有forEach方法

]]></description><category></category></item><item><title><![CDATA[element中切换时间日期选择器时下拉框偏移到左上角的问题]]></title><link>https://blog.youkuaiyun.com/HTML5_student/article/details/122616312</link><guid>https://blog.youkuaiyun.com/HTML5_student/article/details/122616312</guid><author>HTML5_student</author><pubDate>Fri, 21 Jan 2022 10:39:54 +0800</pubDate><description><![CDATA[第一次点击都是正常的，但是第二次直接偏移到左上角。
解决方案：
在el-date-picker里面加上 key=“XXXX”即可




]]></description><category></category></item><item><title><![CDATA[css文字颜色渐变]]></title><link>https://blog.youkuaiyun.com/HTML5_student/article/details/122081263</link><guid>https://blog.youkuaiyun.com/HTML5_student/article/details/122081263</guid><author>HTML5_student</author><pubDate>Wed, 22 Dec 2021 11:12:45 +0800</pubDate><description><![CDATA[给文字添加渐变

//上下渐变
	p {
	  font-size: 48px;
	  background: -webkit-linear-gradient(#eee, #333);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	}
	//左右渐变
	p{
      width: 200px;//一定要给个宽度不然字少体现不出来
      font-size: 48px;
      backgr]]></description><category></category></item></channel></rss>