<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[DeliaWen的博客]]></title><description><![CDATA[FrontEnd]]></description><link>https://blog.youkuaiyun.com/DeliaWen</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; DeliaWen]]></copyright><item><title><![CDATA[vue组件递归的slot传递]]></title><link>https://blog.youkuaiyun.com/DeliaWen/article/details/130698265</link><guid>https://blog.youkuaiyun.com/DeliaWen/article/details/130698265</guid><author>DeliaWen</author><pubDate>Tue, 16 May 2023 09:27:04 +0800</pubDate><description><![CDATA[【代码】vue组件递归的slot传递。]]></description><category></category></item><item><title><![CDATA[CSS同时设置阴影和渐变]]></title><link>https://blog.youkuaiyun.com/DeliaWen/article/details/126521729</link><guid>https://blog.youkuaiyun.com/DeliaWen/article/details/126521729</guid><author>DeliaWen</author><pubDate>Thu, 25 Aug 2022 12:04:59 +0800</pubDate><description><![CDATA[每一行代码（包括属性）都不是多余的。]]></description><category></category></item><item><title><![CDATA[element plus 使用 /deep/ 报错]]></title><link>https://blog.youkuaiyun.com/DeliaWen/article/details/118440747</link><guid>https://blog.youkuaiyun.com/DeliaWen/article/details/118440747</guid><author>DeliaWen</author><pubDate>Sat, 03 Jul 2021 15:33:54 +0800</pubDate><description><![CDATA[改写为 ::v-deep
如 /deep/ .el-input__inner 改为 ::v-deep .el-input__inner

]]></description><category></category></item><item><title><![CDATA[Spring Boot配置选择输出不同级别的日志]]></title><link>https://blog.youkuaiyun.com/DeliaWen/article/details/113179499</link><guid>https://blog.youkuaiyun.com/DeliaWen/article/details/113179499</guid><author>DeliaWen</author><pubDate>Tue, 26 Jan 2021 14:31:20 +0800</pubDate><description><![CDATA[在Edit - configuration - environment - environment variables 输入
logging.config=classpath:logback-debug.xml
对应的是resource 文件下的logback文件

]]></description><category></category></item><item><title><![CDATA[Mac修改hosts文件]]></title><link>https://blog.youkuaiyun.com/DeliaWen/article/details/112873589</link><guid>https://blog.youkuaiyun.com/DeliaWen/article/details/112873589</guid><author>DeliaWen</author><pubDate>Wed, 20 Jan 2021 14:54:38 +0800</pubDate><description><![CDATA[终端输入 sudo vim /etc/hosts
输密码
输入i 进入输入模式（INSERT）
编辑好后按esc，再输入:x即保存退出


]]></description><category></category></item><item><title><![CDATA[idea 运行项目失败，显示地址已经被使用]]></title><link>https://blog.youkuaiyun.com/DeliaWen/article/details/109466617</link><guid>https://blog.youkuaiyun.com/DeliaWen/article/details/109466617</guid><author>DeliaWen</author><pubDate>Tue, 03 Nov 2020 11:55:13 +0800</pubDate><description><![CDATA[在关闭idea时会弹出对话框询问是Disconnect 还是 Terminate, Disconnect是断开，Terminate是终止。如果点击Disconnect下次打开这个项目运行就会报错地址或者端口已经被使用。使用kill -9 任务号删除已经在运行的任务，重新运行即可。避免这种问题发生，关闭项目最好使用Terminate。

...]]></description><category></category></item><item><title><![CDATA[vue编译vant报错：./node_modules/vant/lib/index.css]]></title><link>https://blog.youkuaiyun.com/DeliaWen/article/details/109385624</link><guid>https://blog.youkuaiyun.com/DeliaWen/article/details/109385624</guid><author>DeliaWen</author><pubDate>Fri, 30 Oct 2020 15:13:13 +0800</pubDate><description><![CDATA[因为loader顺序问题。将sass-loader放在postcss-loader前面（位置后面的先执行），解决方法如图：

但是正确的loader加载顺序应该是要先执行sass，现在这个顺序在使用sass的遍历语法时会导致语法报错。所以正确的解决方案是sass写在最后，然后忽略vant。

...]]></description><category></category></item><item><title><![CDATA[scss编译报错：Module build failed:Unknown word]]></title><link>https://blog.youkuaiyun.com/DeliaWen/article/details/109210733</link><guid>https://blog.youkuaiyun.com/DeliaWen/article/details/109210733</guid><author>DeliaWen</author><pubDate>Wed, 21 Oct 2020 21:46:59 +0800</pubDate><description><![CDATA[找了一晚上的问题，最后发现是loader的顺序导致的。窒息 = =。
sass-loader 一定要放在最后！！！！！！loader的执行顺序是从后往前！


]]></description><category></category></item><item><title><![CDATA[Echarts常用配置问题]]></title><link>https://blog.youkuaiyun.com/DeliaWen/article/details/109073710</link><guid>https://blog.youkuaiyun.com/DeliaWen/article/details/109073710</guid><author>DeliaWen</author><pubDate>Wed, 14 Oct 2020 14:57:10 +0800</pubDate><description><![CDATA[1、Tooltips 内容过长超出显示区域。
解决：宽度限制、换行、限制显示区域
...
tooltip: {
   confine: true,//限制只在显示区域内跟随鼠标位置显示
   //自定义样式限制宽度和换行
   extraCssText: 'max-width: 370px;white-space:pre-wrap;'
}
...


...]]></description><category></category></item><item><title><![CDATA[Mac的idea不能运行git]]></title><link>https://blog.youkuaiyun.com/DeliaWen/article/details/109023668</link><guid>https://blog.youkuaiyun.com/DeliaWen/article/details/109023668</guid><author>DeliaWen</author><pubDate>Mon, 12 Oct 2020 10:57:42 +0800</pubDate><description><![CDATA[在弹出报错的窗口进入配置里更改路径：/usr/local/bin/git即可

]]></description><category></category></item><item><title><![CDATA[Vue的图片路径]]></title><link>https://blog.youkuaiyun.com/DeliaWen/article/details/108583858</link><guid>https://blog.youkuaiyun.com/DeliaWen/article/details/108583858</guid><author>DeliaWen</author><pubDate>Mon, 14 Sep 2020 17:40:14 +0800</pubDate><description><![CDATA[img
相对路径:
&lt;img src="../../assets/img/home-logo.png" alt=""&gt;
绝对路径:
&lt;img src="@/assets/img/home-logo.png" alt=""&gt;
import 引入
import qrCodeUrl from "@/assets/img/home-logo.png";
data(){ return { qrCodeUrl: qrCodeUrl } }
&lt;img :src="qrCodeUrl" alt]]></description><category></category></item><item><title><![CDATA[VSCode插件Settings Sync使用的一些问题]]></title><link>https://blog.youkuaiyun.com/DeliaWen/article/details/107914044</link><guid>https://blog.youkuaiyun.com/DeliaWen/article/details/107914044</guid><author>DeliaWen</author><pubDate>Mon, 10 Aug 2020 15:40:16 +0800</pubDate><description><![CDATA[为了在跨设备的VSCode采用相同的配置和扩展，可以通过安装setting sync 来上传和下载配置。
一般的操作很多人有发，我在这里记录一下根据网上的配置遇到的问题
保存配置需要Gist ID 和 令牌（token）：
gist ID就是在GitHub创建一个gist生成的ID（url上有一串32位的字符），创建的时候可以取个名字，其他都不用填。
token 是在Github 个人菜单 settings &gt; Developer settings &gt; Generate new token 创建]]></description><category></category></item><item><title><![CDATA[当mousemove遇到iframe]]></title><link>https://blog.youkuaiyun.com/DeliaWen/article/details/107729845</link><guid>https://blog.youkuaiyun.com/DeliaWen/article/details/107729845</guid><author>DeliaWen</author><pubDate>Sat, 01 Aug 2020 13:46:48 +0800</pubDate><description><![CDATA[在iframe上mouseup时，document改变导致解绑事件失效。
解决办法：在mousedown时创建一个遮盖层，mouseup时移除。


]]></description><category></category></item><item><title><![CDATA[网页打印CSS和HTML样式设置]]></title><link>https://blog.youkuaiyun.com/DeliaWen/article/details/107659558</link><guid>https://blog.youkuaiyun.com/DeliaWen/article/details/107659558</guid><author>DeliaWen</author><pubDate>Wed, 29 Jul 2020 11:29:04 +0800</pubDate><description><![CDATA[有时打印的需求要求只打印网页部分内容，就要对不需要的内容隐藏处理，打印才起作用的样式一般有两种方式实现：
1、CSS
@media print{
	.noPrint{display: none;}
}

2、HTML
&lt;style media="print"&gt;
	.noPrint{display: none;}
&lt;/style&gt;


...]]></description><category></category></item><item><title><![CDATA[ZUI-动态表格加Title]]></title><link>https://blog.youkuaiyun.com/DeliaWen/article/details/107654089</link><guid>https://blog.youkuaiyun.com/DeliaWen/article/details/107654089</guid><author>DeliaWen</author><pubDate>Wed, 29 Jul 2020 09:13:01 +0800</pubDate><description><![CDATA[$("#tableDataGridExample").datagrid({
	........
	onRender:function(){
        $("#tableDataGridExample").find(".datagrid-cell.datagrid-cell-cell[data-type='cell']").each(function () {
            var cellElem = $(this);
            if (cellElem.find(".btn:]]></description><category></category></item><item><title><![CDATA[微信小程序页面跳转问题]]></title><link>https://blog.youkuaiyun.com/DeliaWen/article/details/107105201</link><guid>https://blog.youkuaiyun.com/DeliaWen/article/details/107105201</guid><author>DeliaWen</author><pubDate>Fri, 03 Jul 2020 14:46:23 +0800</pubDate><description><![CDATA[页面跳转优先采用navigator组件。
小程序提供了两种页面路由方式：
a. navigator 组件
b. 路由 API，包括 navigateTo / redirectTo / switchTab / navigateBack / reLaunch 建议使用 navigator 组件，若不得不使用API，可在爬虫访问时屏蔽针对点击设置的时间锁或变量锁。

上面是引入微信官方关于页面跳转的使用建议
小程序默认是不能跳转到tabber页面的，这点在首次使用navigator来跳转tabbar页且不熟悉文.]]></description><category></category></item><item><title><![CDATA[奇数flex排列问题]]></title><link>https://blog.youkuaiyun.com/DeliaWen/article/details/107100138</link><guid>https://blog.youkuaiyun.com/DeliaWen/article/details/107100138</guid><author>DeliaWen</author><pubDate>Fri, 03 Jul 2020 10:20:30 +0800</pubDate><description><![CDATA[在用flex布局时，如果子元素个数是奇数，最后一个容器是占满外容器的。如下图

改成flex: 0 50%;解决，如果是三列则flex: 0 0 calc(100% / 3);


]]></description><category></category></item><item><title><![CDATA[微信小程序：bindtap传参]]></title><link>https://blog.youkuaiyun.com/DeliaWen/article/details/107063871</link><guid>https://blog.youkuaiyun.com/DeliaWen/article/details/107063871</guid><author>DeliaWen</author><pubDate>Wed, 01 Jul 2020 14:58:53 +0800</pubDate><description><![CDATA[wxml:
使用自定义参数data-，可以通过dataset拿到对应的值
&lt;image src="del.png" bindtap="openConfirm" data-name="出行情况{{idx+1}}"&gt;&lt;/image&gt;

js:
如上，可以通过e.currentTarget.dataset.name拿到data-name里的值
openConfirm(e){
    var curname = e.currentTarget.dataset.name;
    wx.sho]]></description><category></category></item><item><title><![CDATA[打印background背景图片不显示的问题]]></title><link>https://blog.youkuaiyun.com/DeliaWen/article/details/105974048</link><guid>https://blog.youkuaiyun.com/DeliaWen/article/details/105974048</guid><author>DeliaWen</author><pubDate>Thu, 07 May 2020 15:40:36 +0800</pubDate><description><![CDATA[给background加上 !important就可以啦

]]></description><category></category></item><item><title><![CDATA[小程序的坑]]></title><link>https://blog.youkuaiyun.com/DeliaWen/article/details/104699401</link><guid>https://blog.youkuaiyun.com/DeliaWen/article/details/104699401</guid><author>DeliaWen</author><pubDate>Fri, 06 Mar 2020 17:03:28 +0800</pubDate><description><![CDATA[1、rpx在安卓手机和苹果的渲染结果不一样，慎用。
苹果手机：

安卓手机：

苹果手机渲染的很完美，安卓手机完全歪了。
2、单选多选的点击区域太小，尤其是安卓手机，很难触中。需要结合label来使用，用label来改变触发区域，用view不可以。
&lt;radio-group id="A{{que.ID}}_{{rowitem.Index}}" data-code="A{{que.ID}}" ...]]></description><category></category></item></channel></rss>