<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[miracle22222的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/miracle22222</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; miracle22222]]></copyright><item><title><![CDATA[前端跨域知识]]></title><link>https://blog.youkuaiyun.com/miracle22222/article/details/130208390</link><guid>https://blog.youkuaiyun.com/miracle22222/article/details/130208390</guid><author>miracle22222</author><pubDate>Mon, 17 Apr 2023 20:38:39 +0800</pubDate><description><![CDATA[怎么解决跨域呢： 有三种，第一种是JSONP，这个是利用script标签实现的；浏览器先询问服务器，当前网页所在的域名是否在服务器的许可名单之中，以及可以使用哪些HTTP动词和头信息字段。特殊请求会在正式通信之前，增加一次HTTP查询请求，称为"预检"请求（preflight）。如果浏览器得到上述响应，则认定为可以跨域，后续就跟简单请求的处理是一样的了。跨域是浏览器的一种保护措施，是为了防止一些攻击，比如跨站请求伪造的攻击；不符合简单请求的条件，会被浏览器判定为特殊请求,，例如请求方式为PUT。]]></description><category></category></item><item><title><![CDATA[typeScript学习心得]]></title><link>https://blog.youkuaiyun.com/miracle22222/article/details/124986735</link><guid>https://blog.youkuaiyun.com/miracle22222/article/details/124986735</guid><author>miracle22222</author><pubDate>Fri, 27 May 2022 14:21:24 +0800</pubDate><description><![CDATA[无]]></description><category></category></item><item><title><![CDATA[el-tree组件中数量大出现卡顿问题]]></title><link>https://blog.youkuaiyun.com/miracle22222/article/details/123231012</link><guid>https://blog.youkuaiyun.com/miracle22222/article/details/123231012</guid><author>miracle22222</author><pubDate>Wed, 02 Mar 2022 15:20:10 +0800</pubDate><description><![CDATA[在对话框中嵌入了一个element-tree 中，但是当数据量很大时，就会出现卡段现象。

针对这个问题，我看到有两种解决方式

第一种是给tree设置一个height属性，表示切换为虚拟滚动，使长列表拥有更好的表现。这个是官方给的解决办法，设置了这个属性后，组织树就不能设置懒加载 以及 拖拽的功能。

Element - The world's most popular Vue UI framework



第二种，是采用virtual-scroll-list插件，这个我在别人的博客上看了下，稍微有些复]]></description><category></category></item><item><title><![CDATA[前端微前端相关知识资料]]></title><link>https://blog.youkuaiyun.com/miracle22222/article/details/123091876</link><guid>https://blog.youkuaiyun.com/miracle22222/article/details/123091876</guid><author>miracle22222</author><pubDate>Thu, 24 Feb 2022 13:51:34 +0800</pubDate><description><![CDATA[解密微前端：从qiankun看子应用加载 - 掘金

基于 qiankun 的微前端应用实践 - 知乎

iframe接班人-微前端框架qiankun在中后台系统实践 - 知乎
]]></description><category></category></item><item><title><![CDATA[转载：前端为什么需要模块化]]></title><link>https://blog.youkuaiyun.com/miracle22222/article/details/123054496</link><guid>https://blog.youkuaiyun.com/miracle22222/article/details/123054496</guid><author>miracle22222</author><pubDate>Mon, 21 Feb 2022 19:52:48 +0800</pubDate><description><![CDATA[前端科普系列-CommonJS：不是前端却革命了前端 - 知乎 讲解从前端没有模块化到实现模块化的过程，讲解得非常好
]]></description><category></category></item><item><title><![CDATA[学习笔记——并查集工具函数（javascript）]]></title><link>https://blog.youkuaiyun.com/miracle22222/article/details/121635808</link><guid>https://blog.youkuaiyun.com/miracle22222/article/details/121635808</guid><author>miracle22222</author><pubDate>Tue, 30 Nov 2021 16:17:23 +0800</pubDate><description><![CDATA[/*
 * @Author: zhihui
 * @Date: 2021-11-30 21:16:30
 * @LastEditTime: 2021-11-30 09:49:11
 * @LastEditors: your name
 * @Description: In User Settings Edit
 * @FilePath: \ECloud-H5d:\Test\网络连通数目-并查集.js
 */ 
var makeConnected = function(n, connections) {
 .]]></description><category></category></item><item><title><![CDATA[@Watch(‘$route.query‘, { deep: true, immediate: true })]]></title><link>https://blog.youkuaiyun.com/miracle22222/article/details/120758513</link><guid>https://blog.youkuaiyun.com/miracle22222/article/details/120758513</guid><author>miracle22222</author><pubDate>Thu, 14 Oct 2021 10:47:34 +0800</pubDate><description><![CDATA[应用场景：当收到推送消息的对话框时，点击对话框，会跳转至消息中心的页面。

最开始实现方式：使用【@Watch('$route.query')】 监听路由的参数，使用这个的原因是当停留在消息中心页面，推送出一个消息，点击推送消息，会根据不同的参数弹出对话框【但是会存在一个问题是，第一次跳转至消息中心的页面，这个监听不起效，所以就使用了路由守卫来解决这个问题。虽然该问题解决了，但是会存在在非第一次的路由跳转，这两个函数都会执行，就会弹出两个对话框的问题】

最后实现的方法：@Watch('$route.que]]></description><category></category></item><item><title><![CDATA[css: box-shadow 和 drop-shadow 的区别（每日一增）]]></title><link>https://blog.youkuaiyun.com/miracle22222/article/details/120736915</link><guid>https://blog.youkuaiyun.com/miracle22222/article/details/120736915</guid><author>miracle22222</author><pubDate>Wed, 13 Oct 2021 09:09:36 +0800</pubDate><description><![CDATA[box-shadow 和drop-shadow 都是添加阴影，但是他们是有区别的。box-shadow 是对这个元素的边框添加阴影，元素的边界框，而drop-shadow是为图像的非透明的地方添加阴影。

其中，这篇文章很好的介绍了他们的区别，并画出了相应的图片被低估的CSS滤镜：drop-shadow - 知乎
...]]></description><category></category></item><item><title><![CDATA[对QwebChannle.js的理解]]></title><link>https://blog.youkuaiyun.com/miracle22222/article/details/120606007</link><guid>https://blog.youkuaiyun.com/miracle22222/article/details/120606007</guid><author>miracle22222</author><pubDate>Mon, 11 Oct 2021 09:29:08 +0800</pubDate><description><![CDATA[今天是国庆节的第四天，看看书了哦，目前是收集看到的资料的链接，还没有形成自己的理解，先把链接放在这存一下（哈哈哈）

Qt中的信号和槽详解_徐kun按门铃的博客-优快云博客【了解QT里面的一些知识】
...]]></description><category></category></item><item><title><![CDATA[React-Native Webview 和H5之间的通信]]></title><link>https://blog.youkuaiyun.com/miracle22222/article/details/120347802</link><guid>https://blog.youkuaiyun.com/miracle22222/article/details/120347802</guid><author>miracle22222</author><pubDate>Fri, 17 Sep 2021 14:04:47 +0800</pubDate><description><![CDATA[//这个是监听IOS的postMessage消息

window.addEventListener&amp;&amp;window.addEventListener('message',function(e){

that.getDataForConfig(true)

})

//这个是监听安卓的postMessage消息

document.addEventListener&amp;&amp;document.addEventListener("m...]]></description><category></category></item><item><title><![CDATA[对Vue的props的理解]]></title><link>https://blog.youkuaiyun.com/miracle22222/article/details/119248951</link><guid>https://blog.youkuaiyun.com/miracle22222/article/details/119248951</guid><author>miracle22222</author><pubDate>Fri, 30 Jul 2021 16:20:20 +0800</pubDate><description><![CDATA[有这么一个场景:有一棵树的组件，其选中的节点（是由数组构成）是由父组件传过去的，选中的节点在一个输入框显示，现在在输入框的X的按钮依次去掉选中节点, 现在遇到的问题是：在我清除组件树选中的节点时，父组件通过props透传的数组也跟着变了。自己迷惑了很久，修改了几个小时都没有修改出来（哈哈哈，自己太菜了），没有找出原因，经过和同事的分析，自己有了想法，觉得组件树的选中节点和我透传过去的数组应该是指向同一个内存的地址，所以，子组件的数据变化，父组件的数据也会跟着变化。所以，得出了一个结论：通过props传递值，]]></description><category></category></item><item><title><![CDATA[flex布局时，出现上一行与下一行之间间距大的问题]]></title><link>https://blog.youkuaiyun.com/miracle22222/article/details/119006953</link><guid>https://blog.youkuaiyun.com/miracle22222/article/details/119006953</guid><author>miracle22222</author><pubDate>Thu, 22 Jul 2021 19:24:45 +0800</pubDate><description><![CDATA[最近做项目的时候，使用flex 布局，发现上一行与下一行的间距比较大。具体的代码布局如下所示，


&lt;main v-if="tableData.length" class="flex flex-ai-start flex-wrap"&gt;
      &lt;div
        v-for="item in tableData"
        :key="item.id"
        :ruleData="item"
      /&gt;
      &lt;div class="inf]]></description><category></category></item><item><title><![CDATA[觉得比较好的前端资料]]></title><link>https://blog.youkuaiyun.com/miracle22222/article/details/118943751</link><guid>https://blog.youkuaiyun.com/miracle22222/article/details/118943751</guid><author>miracle22222</author><pubDate>Tue, 20 Jul 2021 20:23:51 +0800</pubDate><description><![CDATA[https://www.yuque.com/yywc/blog/nut7rt对vue-router源码的理解
]]></description><category></category></item><item><title><![CDATA[2021年算法日记：leetcode 不同路径 I（62） II  （63）]]></title><link>https://blog.youkuaiyun.com/miracle22222/article/details/112462798</link><guid>https://blog.youkuaiyun.com/miracle22222/article/details/112462798</guid><author>miracle22222</author><pubDate>Mon, 11 Jan 2021 14:24:34 +0800</pubDate><description><![CDATA[自己对动态规划浅薄的理解：

动态规划的题目分为两大类，一种是求最优解类，典型问题是背包问题，另一种就是计数类，比如这里的统计方案数的问题，它们都存在一定的递推性质。前者的递推性质还有一个名字，叫做 「最优子结构」 ——即当前问题的最优解取决于子问题的最优解，后者类似，当前问题的方案数取决于子问题的方案数。所以在遇到求方案数的问题时，我们可以往动态规划的方向考虑。

不同路径I

一个机器人位于一个 m x n网格的左上角 （起始点在下图中标记为 “Start” ）。

机器人每次只能向下或者向右移动一..]]></description><category></category></item><item><title><![CDATA[2021-1-6日算法日记：leetcode 167 两数之和 II - 输入有序数组]]></title><link>https://blog.youkuaiyun.com/miracle22222/article/details/112298219</link><guid>https://blog.youkuaiyun.com/miracle22222/article/details/112298219</guid><author>miracle22222</author><pubDate>Thu, 07 Jan 2021 09:11:51 +0800</pubDate><description><![CDATA[题目描述：

给定一个已按照升序排列的有序数组，找到两个数使得它们相加之和等于目标数。

函数应该返回这两个下标值 index1 和 index2，其中 index1必须小于index2。

说明:

返回的下标值（index1 和 index2）不是从零开始的。
你可以假设每个输入只对应唯一的答案，而且你不可以重复使用相同的元素。
示例:

输入: numbers = [2, 7, 11, 15], target = 9
输出: [1,2]
解释: 2 与 7 之和等于目标数 9 。因此 index...]]></description><category></category></item><item><title><![CDATA[java环境安装]]></title><link>https://blog.youkuaiyun.com/miracle22222/article/details/110685277</link><guid>https://blog.youkuaiyun.com/miracle22222/article/details/110685277</guid><author>miracle22222</author><pubDate>Sat, 12 Dec 2020 18:43:17 +0800</pubDate><description><![CDATA[java安装

第一步：在https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html这个网址下载JDK。我的电脑是win10,因此下载了jdk-8u271-windows-x64-demos.zip

第二步：对下载的JDK双击进行安装，我是傻瓜式的安装，直接下一步安装，它默认的安装路径是：C:\Program Files\Java\jdk1.8.0_271

第三步：配置环境变量


...]]></description><category></category></item><item><title><![CDATA[字符串新增的方法]]></title><link>https://blog.youkuaiyun.com/miracle22222/article/details/89944545</link><guid>https://blog.youkuaiyun.com/miracle22222/article/details/89944545</guid><author>miracle22222</author><pubDate>Wed, 08 May 2019 08:48:23 +0800</pubDate><description><![CDATA[1.String.fromCodePoint() 用于从Unicode码点返回对应字符。

2.String.raw() 该方法返回一个斜杠都会被转义（即斜杠前面再加一个斜杆）的字符串，往往用于模板字符串的处理方法

3.实例方法： codePointAt()

4.实例方法：normalize() ，用来将字符的不同方法统一为同样的形式，这称为Unicode正规化。

5.实例方法：inclu...]]></description><category></category></item><item><title><![CDATA[变量的解构赋值]]></title><link>https://blog.youkuaiyun.com/miracle22222/article/details/89843913</link><guid>https://blog.youkuaiyun.com/miracle22222/article/details/89843913</guid><author>miracle22222</author><pubDate>Mon, 06 May 2019 09:57:31 +0800</pubDate><description><![CDATA[1.数组的解构赋值

ES6允许按照一定的模式，从数组和对象中提取值，对变量进行赋值，这就被称为解构。

（1）如果等号的右边不是数组（或者严格的说，不是可遍历的结构），那么将会报错。


// 报错
let [foo] = 1;
let [foo] = false;
let [foo] = NaN;
let [foo] = undefined;
let [foo] = null;
let [fo...]]></description><category></category></item><item><title><![CDATA[let和const命令]]></title><link>https://blog.youkuaiyun.com/miracle22222/article/details/89838493</link><guid>https://blog.youkuaiyun.com/miracle22222/article/details/89838493</guid><author>miracle22222</author><pubDate>Sun, 05 May 2019 09:45:56 +0800</pubDate><description><![CDATA[let命令：用来声明变量。用法类似于var,但是所声明的变量，只能在let命令所在的代码块内有效。

 1.for循环还有一个特别之处，就是设置循环变量的那部分是父作用域，而循环体内部是一个单独的子作用域。


for (let i = 0; i &lt; 3; i++) {
  let i = 'abc';
  console.log(i);
}
// abc
//...]]></description><category></category></item><item><title><![CDATA[外边距合并]]></title><link>https://blog.youkuaiyun.com/miracle22222/article/details/88853749</link><guid>https://blog.youkuaiyun.com/miracle22222/article/details/88853749</guid><author>miracle22222</author><pubDate>Wed, 27 Mar 2019 21:16:44 +0800</pubDate><description><![CDATA[外边距合并：块级元素的上外边距和下外边距有时候会合并（或折叠），其大小取其中一个最大的值，这种行为就叫做外边距折叠，有时候也称为外边距合并。注意浮动元素和绝对定位元素的外边距是不会折叠的。

下面列出会发生外边距折叠的情况：

相邻元素之间 ：毗邻的两个元素之间的外边距会折叠（除非后一个元素需要清除之前的浮动）
	父元素与其第一个或者最后一个子元素之间:如果在父元素与其第一个子元素之间不存在边框、...]]></description><category></category></item></channel></rss>