<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[yangxiaowan313的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/yangxiaowan313</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; yangxiaowan313]]></copyright><item><title><![CDATA[怎样判断长对象是否包含短对象？]]></title><link>https://blog.youkuaiyun.com/yangxiaowan313/article/details/131847579</link><guid>https://blog.youkuaiyun.com/yangxiaowan313/article/details/131847579</guid><author>yangxiaowan313</author><pubDate>Fri, 21 Jul 2023 11:03:56 +0800</pubDate><description><![CDATA[console.log(isContains) // 输出：true。]]></description><category></category></item><item><title><![CDATA[vue3 拖拽组件]]></title><link>https://blog.youkuaiyun.com/yangxiaowan313/article/details/129038167</link><guid>https://blog.youkuaiyun.com/yangxiaowan313/article/details/129038167</guid><author>yangxiaowan313</author><pubDate>Wed, 15 Feb 2023 10:08:01 +0800</pubDate><description><![CDATA[vue3 拖拽组建]]></description><category></category></item><item><title><![CDATA[表单字定义校验规则]]></title><link>https://blog.youkuaiyun.com/yangxiaowan313/article/details/128559341</link><guid>https://blog.youkuaiyun.com/yangxiaowan313/article/details/128559341</guid><author>yangxiaowan313</author><pubDate>Thu, 05 Jan 2023 10:48:30 +0800</pubDate><description><![CDATA[vue表单字定义校验规则]]></description><category></category></item><item><title><![CDATA[前端上传图片压缩]]></title><link>https://blog.youkuaiyun.com/yangxiaowan313/article/details/128189885</link><guid>https://blog.youkuaiyun.com/yangxiaowan313/article/details/128189885</guid><author>yangxiaowan313</author><pubDate>Mon, 05 Dec 2022 17:08:40 +0800</pubDate><description><![CDATA[前端上传图片压缩]]></description><category></category></item><item><title><![CDATA[react 引入高德地图]]></title><link>https://blog.youkuaiyun.com/yangxiaowan313/article/details/126222088</link><guid>https://blog.youkuaiyun.com/yangxiaowan313/article/details/126222088</guid><author>yangxiaowan313</author><pubDate>Mon, 08 Aug 2022 10:03:25 +0800</pubDate><description><![CDATA[react  引入高德地图]]></description><category></category></item><item><title><![CDATA[iframe跨域通信&&本地通信&&高度自适应]]></title><link>https://blog.youkuaiyun.com/yangxiaowan313/article/details/126145297</link><guid>https://blog.youkuaiyun.com/yangxiaowan313/article/details/126145297</guid><author>yangxiaowan313</author><pubDate>Wed, 03 Aug 2022 17:30:16 +0800</pubDate><description><![CDATA[关于iframe 父子通信 ，跨域通信，高度自适应]]></description><category></category></item><item><title><![CDATA[滚动条自定义样式]]></title><link>https://blog.youkuaiyun.com/yangxiaowan313/article/details/125970833</link><guid>https://blog.youkuaiyun.com/yangxiaowan313/article/details/125970833</guid><author>yangxiaowan313</author><pubDate>Mon, 25 Jul 2022 11:01:25 +0800</pubDate><description><![CDATA[滚动条自定义样式]]></description><category></category></item><item><title><![CDATA[利用媒体查询屏幕适配]]></title><link>https://blog.youkuaiyun.com/yangxiaowan313/article/details/125806297</link><guid>https://blog.youkuaiyun.com/yangxiaowan313/article/details/125806297</guid><author>yangxiaowan313</author><pubDate>Fri, 15 Jul 2022 15:49:29 +0800</pubDate><description><![CDATA[媒体查询解决屏幕适配的问题]]></description><category></category></item><item><title><![CDATA[js屏幕适配]]></title><link>https://blog.youkuaiyun.com/yangxiaowan313/article/details/125806206</link><guid>https://blog.youkuaiyun.com/yangxiaowan313/article/details/125806206</guid><author>yangxiaowan313</author><pubDate>Fri, 15 Jul 2022 15:46:13 +0800</pubDate><description><![CDATA[屏幕适配]]></description><category></category></item><item><title><![CDATA[ant design 自定义翻页]]></title><link>https://blog.youkuaiyun.com/yangxiaowan313/article/details/125643305</link><guid>https://blog.youkuaiyun.com/yangxiaowan313/article/details/125643305</guid><author>yangxiaowan313</author><pubDate>Wed, 06 Jul 2022 16:54:43 +0800</pubDate><description><![CDATA[ant design 自定义翻页]]></description><category></category></item><item><title><![CDATA[内容超出显示... 多行文本超出显示...]]></title><link>https://blog.youkuaiyun.com/yangxiaowan313/article/details/125517011</link><guid>https://blog.youkuaiyun.com/yangxiaowan313/article/details/125517011</guid><author>yangxiaowan313</author><pubDate>Wed, 29 Jun 2022 11:18:17 +0800</pubDate><description><![CDATA[内容超出显示... 多行文本超出显示...]]></description><category></category></item><item><title><![CDATA[rem适配]]></title><link>https://blog.youkuaiyun.com/yangxiaowan313/article/details/125488079</link><guid>https://blog.youkuaiyun.com/yangxiaowan313/article/details/125488079</guid><author>yangxiaowan313</author><pubDate>Mon, 27 Jun 2022 17:19:45 +0800</pubDate><description><![CDATA[rem适配]]></description><category></category></item><item><title><![CDATA[图片文字垂直居中]]></title><link>https://blog.youkuaiyun.com/yangxiaowan313/article/details/125336779</link><guid>https://blog.youkuaiyun.com/yangxiaowan313/article/details/125336779</guid><author>yangxiaowan313</author><pubDate>Fri, 17 Jun 2022 16:59:13 +0800</pubDate><description><![CDATA[图片和文字垂直居中]]></description><category></category></item><item><title><![CDATA[动态切换加载css]]></title><link>https://blog.youkuaiyun.com/yangxiaowan313/article/details/123995933</link><guid>https://blog.youkuaiyun.com/yangxiaowan313/article/details/123995933</guid><author>yangxiaowan313</author><pubDate>Wed, 06 Apr 2022 17:50:35 +0800</pubDate><description><![CDATA[function onThemeChanged(d) {

var head = document.getElementsByTagName('head')[0];

var lastNodeName = head.lastChild.nodeName.toLocaleLowerCase();

console.log(d, "主题")

var link = document.createElement('link');

link.rel = 'stylesheet';

link.type = 'te]]></description><category></category></item><item><title><![CDATA[nth-child 和 nth-of-type的区别]]></title><link>https://blog.youkuaiyun.com/yangxiaowan313/article/details/121424973</link><guid>https://blog.youkuaiyun.com/yangxiaowan313/article/details/121424973</guid><author>yangxiaowan313</author><pubDate>Fri, 19 Nov 2021 16:05:48 +0800</pubDate><description><![CDATA[nth-child是针对父元素下的第几个

nth-of-type是针对自身类型第几个
]]></description><category></category></item><item><title><![CDATA[css设置小字体]]></title><link>https://blog.youkuaiyun.com/yangxiaowan313/article/details/121419119</link><guid>https://blog.youkuaiyun.com/yangxiaowan313/article/details/121419119</guid><author>yangxiaowan313</author><pubDate>Fri, 19 Nov 2021 11:44:15 +0800</pubDate><description><![CDATA[方案1

transform: scale(x,y)

如果写一个值就是xy同步设置



方案2

&lt;text id="tooltipInfo" x="2" y="8"
style="fill:#e9faff;visibility:hidden;font-weight:normal;font-family:NSimSun;font-size:9;text-anchor:start;"&gt;
&lt;/text&gt;


]]></description><category></category></item><item><title><![CDATA[aliyun oss 服务端签名后直传示例代码]]></title><link>https://blog.youkuaiyun.com/yangxiaowan313/article/details/121405188</link><guid>https://blog.youkuaiyun.com/yangxiaowan313/article/details/121405188</guid><author>yangxiaowan313</author><pubDate>Thu, 18 Nov 2021 17:04:54 +0800</pubDate><description><![CDATA[&lt;Upload
   action={OSSData.host}
   data={OSSData}
   beforeUpload={beforeUpload}
   &gt;
   &lt;Button&gt;上传&lt;/Button&gt;
   &lt;/Upload&gt;
    

const beforeUpload = (file) =&gt; {
  console.log(file, "beforeUpload")
...]]></description><category></category></item><item><title><![CDATA[获取当前时间戳]]></title><link>https://blog.youkuaiyun.com/yangxiaowan313/article/details/121209360</link><guid>https://blog.youkuaiyun.com/yangxiaowan313/article/details/121209360</guid><author>yangxiaowan313</author><pubDate>Mon, 08 Nov 2021 15:47:01 +0800</pubDate><description><![CDATA[JavaScript 获取当前时间戳：
第一种方法：

vartimestamp=Date.parse(newDate());

结果：1280977330000
第二种方法：

vartimestamp=(newDate()).valueOf();

结果：1280977330748

第三种方法：

vartimestamp=newDate().getTime()；

结果：1280977330748

第一种：获取的时间戳是把毫秒改成000显示，

第二种和第三种是获取了当前毫秒的...]]></description><category></category></item><item><title><![CDATA[判断网络失败]]></title><link>https://blog.youkuaiyun.com/yangxiaowan313/article/details/120309648</link><guid>https://blog.youkuaiyun.com/yangxiaowan313/article/details/120309648</guid><author>yangxiaowan313</author><pubDate>Wed, 15 Sep 2021 15:32:55 +0800</pubDate><description><![CDATA[接到产品需求，如果断网。就要有文案提示，我一开始就开始上网查vue如何监听网络失败的代码，

1.主要思路是用HTML5中的window.navigator对象的一个属性onLine
先在data中声明onLine: navigator.onLine,然后在你要触发的事件中加上

   window.addEventListener("online", function () {
    alert("网络连接恢复");
   });
   window.addEventListe...]]></description><category></category></item><item><title><![CDATA[前端项目开始流程]]></title><link>https://blog.youkuaiyun.com/yangxiaowan313/article/details/120309363</link><guid>https://blog.youkuaiyun.com/yangxiaowan313/article/details/120309363</guid><author>yangxiaowan313</author><pubDate>Wed, 15 Sep 2021 15:24:27 +0800</pubDate><description><![CDATA[1.需求评审，跟产品（PD）对接流程，熟读需求文档，有不明白的地方请教产品，至到彻底理解需求。

2.和服务端（后台）梳理接口，定义入参和出参。

3.前端开始对着ui稿开发，期间mock假数据联调。

4.假数据联调之后找ui核对样式，确认样式通过。

5.这时候服务端接口应该已经到位，开始真实数据联调。

6.发测试环境，测试。

7.发真实环境，上线！
...]]></description><category></category></item></channel></rss>