<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[zhaoge's blog]]></title><description><![CDATA[各位大佬见解的搬运工]]></description><link>https://blog.youkuaiyun.com/zhaoshidaye666</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; zhaoshidaye666]]></copyright><item><title><![CDATA[常用的babel作用]]></title><link>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/144630697</link><guid>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/144630697</guid><author>zhaoshidaye666</author><pubDate>Sat, 21 Dec 2024 14:14:03 +0800</pubDate><description><![CDATA[可以根据配置的目标浏览器或者运行环境将ES5+代码自动转换为ES5代码，也是babel的一个模块；主要用于高级语法转换成低级语法，它是webpack的一个loader，用来预处理文件；用来解析React中的JSX语法，同样也是babel的模块。是babel的核心模块，提供转换的API；]]></description><category></category></item><item><title><![CDATA[因为实例未销毁，MQ服务器CPU使用率过高]]></title><link>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/144428950</link><guid>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/144428950</guid><author>zhaoshidaye666</author><pubDate>Thu, 12 Dec 2024 16:11:56 +0800</pubDate><description><![CDATA[原因：公司后台用的是Spring架构，以为把createProducer()写入context上下文，实例会随着Spring容器关闭销毁。没想到Spring只销毁Bean实例，手动创建的不可以销毁。搬了阿里云文档示例，就是没有close导致的。解决方案：消费者消费后手动关闭，调用。问题：生产MQ的CPU使用率过高。]]></description><category></category></item><item><title><![CDATA[z-index不生效解决方案]]></title><link>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/142790058</link><guid>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/142790058</guid><author>zhaoshidaye666</author><pubDate>Wed, 09 Oct 2024 16:27:16 +0800</pubDate><description><![CDATA[z-index是一个层级属性，使用position属性使元素脱离页面成为新的一层，再分别赋值z-index: 0; z-index: 1等
控制元素层级时，操作其父级z-index属性。因为子元素层级不能大过其父级元素。故同父级元素情况下，z-index不生效


]]></description><category></category></item><item><title><![CDATA[await嵌套使用]]></title><link>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/131122582</link><guid>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/131122582</guid><author>zhaoshidaye666</author><pubDate>Fri, 09 Jun 2023 10:50:15 +0800</pubDate><description><![CDATA[虽然 fun_2 不是 Promise 方式的写法，await fun_2 会等待 fun_2 中的 await fun。await 的作用是可以传递？]]></description><category></category></item><item><title><![CDATA[CSS采坑集合]]></title><link>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/128801930</link><guid>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/128801930</guid><author>zhaoshidaye666</author><pubDate>Mon, 30 Jan 2023 14:50:19 +0800</pubDate><description><![CDATA[CSS采坑集合]]></description><category></category></item><item><title><![CDATA[一些JS的便利性简写]]></title><link>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/127995998</link><guid>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/127995998</guid><author>zhaoshidaye666</author><pubDate>Wed, 23 Nov 2022 11:28:03 +0800</pubDate><description><![CDATA[的作用（MDN实例）]]></description><category></category></item><item><title><![CDATA[virtual DOM（虚拟DOM）的原理与优势]]></title><link>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/125843851</link><guid>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/125843851</guid><author>zhaoshidaye666</author><pubDate>Mon, 18 Jul 2022 10:59:09 +0800</pubDate><description><![CDATA[虚拟DOM]]></description><category></category></item><item><title><![CDATA[diff策略在virtual DOM中的应用]]></title><link>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/125843390</link><guid>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/125843390</guid><author>zhaoshidaye666</author><pubDate>Mon, 18 Jul 2022 10:37:21 +0800</pubDate><description><![CDATA[diff策略在virtual DOM中的应用]]></description><category></category></item><item><title><![CDATA[独立分包中包含app.wxss的问题]]></title><link>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/125411003</link><guid>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/125411003</guid><author>zhaoshidaye666</author><pubDate>Wed, 22 Jun 2022 16:02:06 +0800</pubDate><description><![CDATA[最近升级了微信小程序开发者工具，因npm依赖（gm-crypto）版本过旧，一直使用Stable 210425版本。（gm-crypto报错）
最近更新了外网依赖包，并更新了工具版本。独立分包中有一个app.wxss，且读取不到其中的全局样式。仔细阅读了文档后发现，一个工程只能存在一个app.wxss文件。故把独立分包中的app.wxss改名为common.wxss，在对应页面的xxx.wxss文件中使用@import引入。...]]></description><category></category></item><item><title><![CDATA[解析URL的各种方法和获取随机字符串]]></title><link>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/125409613</link><guid>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/125409613</guid><author>zhaoshidaye666</author><pubDate>Wed, 22 Jun 2022 15:44:55 +0800</pubDate><description><![CDATA[URL URL 获取11位随机字符串（其余长度可以由11位剪切拼接）]]></description><category></category></item><item><title><![CDATA[常用CSS布局（备以查用）]]></title><link>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/124967959</link><guid>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/124967959</guid><author>zhaoshidaye666</author><pubDate>Wed, 25 May 2022 16:19:00 +0800</pubDate><description><![CDATA[1. 水平居中6种
.parent {
    text-align: center;
}
.child {
    display: inline-block;
}

.child {
    margin: 0 auto;
    width: 100px;
}

.child {
    width: 100px;
    position: relative;
    left: 50%;
    margin-left: -50px;
}

.parent {
    position: rela]]></description><category></category></item><item><title><![CDATA[用CSS画个退出按钮]]></title><link>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/124691546</link><guid>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/124691546</guid><author>zhaoshidaye666</author><pubDate>Tue, 10 May 2022 16:39:41 +0800</pubDate><description><![CDATA[.cancel {
	width: 40rpx;
	height: 40rpx;
	line-height: 38rpx;
	border: 2rpx solid #EDF2F5;
	background-color: #EDF2F5;
	border-radius: 50%;
	position: absolute; /* 父组件赋予属性relative生效 */
	right: 20rpx; /* 使元素处于右上角-右 */
	top: 20rpx; /* 使元素处于右上角-上 */
}

.cance]]></description><category></category></item><item><title><![CDATA[图片标签z-index设置不起作用]]></title><link>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/123734118</link><guid>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/123734118</guid><author>zhaoshidaye666</author><pubDate>Fri, 25 Mar 2022 14:05:34 +0800</pubDate><description><![CDATA[问题：在页面上有一张图片，需要点击图片放大查看该图片。
因为在页面上有一个水印蒙层，导致图片点击不到，设置了z-index属性还是点不到。
&lt;image class="img" bindtap="bigger" /&gt;
&lt;view class="waterMarker"&gt;我是水印&lt;/view&gt;

.waterMarker {
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100%;
}

.img ]]></description><category></category></item><item><title><![CDATA[透明遮罩层影响点击处理]]></title><link>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/122967630</link><guid>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/122967630</guid><author>zhaoshidaye666</author><pubDate>Wed, 16 Feb 2022 17:05:19 +0800</pubDate><description><![CDATA[问题：页面有一个透明的遮罩层，遮罩层上面一个按钮，下面一个按钮。
上面的按钮可以点击，下面的点不到。
解决方法：
外层（被遮挡的层）{
    pointer-events: none;
}
 
内层（要发生事件的层）{
    pointer-events: auto;
}

外层指的是遮罩层，内层指的是遮罩层中的按钮，利用点击冒泡即可解决。

https://blog.youkuaiyun.com/guoshujie1/article/details/94750130


...]]></description><category></category></item><item><title><![CDATA[前端搜索关键字突出展示]]></title><link>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/122603272</link><guid>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/122603272</guid><author>zhaoshidaye666</author><pubDate>Thu, 20 Jan 2022 16:00:47 +0800</pubDate><description><![CDATA[需求：关键字搜索，将关键字在搜索结果中突出显示.
思路：

将结果list的项用关键字分割为数组，把关键字arr[length -1]push到数组末尾。
遍历新数组，依次展示每一项并把最后一项补在每一项后面。
arr[0],arr[arr.length -1],arr[1],arr[arr.length - 1]...arr[length -2]
倒数第二项不补arr[length -1]

wxml
&lt;block wx:for="{{search_result.resultList}}"&gt;
]]></description><category></category></item><item><title><![CDATA[对 switch case 和 else if 简写]]></title><link>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/122475642</link><guid>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/122475642</guid><author>zhaoshidaye666</author><pubDate>Thu, 13 Jan 2022 16:33:44 +0800</pubDate><description><![CDATA[本周做了一个对返回的数组进行遍历的需求，下面是第一时间写的
res.arrayList.forEach(item =&gt; {
	switch (item.id) {
		case "1": {
			result1 = funA(item.value);
			break;
		}
		case "2": {
			result2 = funB(item.value);
			break;
		}
		...
		case "24": {
			result24 = funZ(item.value);
]]></description><category></category></item><item><title><![CDATA[对数组遍历forEach、map、reduce、filter]]></title><link>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/122063674</link><guid>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/122063674</guid><author>zhaoshidaye666</author><pubDate>Tue, 21 Dec 2021 16:08:19 +0800</pubDate><description><![CDATA[forEach（一排人，每个人都捐点）
developers.forEach(function (developer) {
  	developer.donate();
});

map（一排人，每个人脱鞋放正前方，得到一排鞋）
developers.map(function (developer) {
	return developer.shoes;
})

reduce（一排鞋，把所有鞋子放进一个盒子，数数总价多少）
var totalShoesPrice = shoeses.reduce(functi]]></description><category></category></item><item><title><![CDATA[微信小程序阅读文档如何自定义文件名]]></title><link>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/121654521</link><guid>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/121654521</guid><author>zhaoshidaye666</author><pubDate>Wed, 01 Dec 2021 14:37:03 +0800</pubDate><description><![CDATA[不使用wx.downloadFile的tempFilePath参数，使用filePath即可。
文档见微信开放文档→wx.downloadFile→success回调
wx.downloadFile({
	url: encodeURI('https://example.com/audio/123'),
	filePath: wx.env.USER_DATA_PATH + '/' + '自定义文件名.pdf',
	success: function (res) {
		if (res.statusCode =]]></description><category></category></item><item><title><![CDATA[微信小程序没有DOM与V8有啥区别]]></title><link>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/121553498</link><guid>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/121553498</guid><author>zhaoshidaye666</author><pubDate>Fri, 26 Nov 2021 10:18:16 +0800</pubDate><description><![CDATA[我一直有这个误区：小程序强大到没有DOM。
小程序架构官方说明：Virtual Dom，即不是没有DOM，而是JS不能操作DOM，JS和DOM对象不再一个线程里面。
下面是微信官方给的图片（图片都是微信那搬过来的）
渲染层：WXML、WXSS
逻辑层：JS


JSBridge概念：链接APP和WEB的桥梁
WXML编译器：WCC，它把WXML转为JS
WXSS编译器：WCSC，它把WXSS转为JS
逻辑层：JSCore，类似一个worker，集中处理JS文件中的JS——借用了APP的JS引擎。
视图层：将]]></description><category></category></item><item><title><![CDATA[header报文时间通用送法]]></title><link>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/121084493</link><guid>https://blog.youkuaiyun.com/zhaoshidaye666/article/details/121084493</guid><author>zhaoshidaye666</author><pubDate>Mon, 01 Nov 2021 18:55:51 +0800</pubDate><description><![CDATA[1

]]></description><category></category></item></channel></rss>