<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[web_ding的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/web_ding</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; web_ding]]></copyright><item><title><![CDATA[pdf url 转 图片]]></title><link>https://blog.youkuaiyun.com/web_ding/article/details/147928862</link><guid>https://blog.youkuaiyun.com/web_ding/article/details/147928862</guid><author>web_ding</author><pubDate>Tue, 13 May 2025 17:01:35 +0800</pubDate><description><![CDATA[背景：vue2.0需要把pdf转成图片，显示在url里面，使用pdfjs-dist来解决。1、安装依赖包(我的项目是node12，安装太高版本会报错)]]></description><category></category></item><item><title><![CDATA[nth-of-type 使用class 详情]]></title><link>https://blog.youkuaiyun.com/web_ding/article/details/132447695</link><guid>https://blog.youkuaiyun.com/web_ding/article/details/132447695</guid><author>web_ding</author><pubDate>Wed, 23 Aug 2023 10:58:15 +0800</pubDate><description><![CDATA[nth-of-type里既然有个type，就表示它是按照元素类型来进行选择的，它的选择范围是父元素下某一种元素类型的集合。ele:nth-of-type(n)表示选择父元素下的第n个ele元素，其中n可以是正整数、公式或者关键字。n为正整数，如p:nth-of-type(2)表示选择父元素下的第2个p元素。n为公式，如p:nth-of-type(2n+1)表示选择父元素下的每一个奇数项的p元素。n为关键字，有even(偶数，等价于2n)和odd(奇数，等价于2n+1)两种。]]></description><category></category></item><item><title><![CDATA[前端使用ant同步代码到另外一个项目中]]></title><link>https://blog.youkuaiyun.com/web_ding/article/details/129262187</link><guid>https://blog.youkuaiyun.com/web_ding/article/details/129262187</guid><author>web_ding</author><pubDate>Tue, 28 Feb 2023 15:44:30 +0800</pubDate><description><![CDATA[前端使用ant同步代码到另外一个项目中]]></description><category></category></item><item><title><![CDATA[未来元素添加css样式]]></title><link>https://blog.youkuaiyun.com/web_ding/article/details/127869352</link><guid>https://blog.youkuaiyun.com/web_ding/article/details/127869352</guid><author>web_ding</author><pubDate>Tue, 15 Nov 2022 17:07:56 +0800</pubDate><description><![CDATA[未来元素添加css样式]]></description><category></category></item><item><title><![CDATA[总结一下JavaScript 中的 for 循环]]></title><link>https://blog.youkuaiyun.com/web_ding/article/details/127840304</link><guid>https://blog.youkuaiyun.com/web_ding/article/details/127840304</guid><author>web_ding</author><pubDate>Mon, 14 Nov 2022 03:00:00 +0800</pubDate><description><![CDATA[总结一下JavaScript 中的 for 循环]]></description><category></category></item><item><title><![CDATA[完美解决 antd-vue a-transfer 中 a-tree接口异步加载]]></title><link>https://blog.youkuaiyun.com/web_ding/article/details/127629789</link><guid>https://blog.youkuaiyun.com/web_ding/article/details/127629789</guid><author>web_ding</author><pubDate>Tue, 01 Nov 2022 10:59:05 +0800</pubDate><description><![CDATA[可以让antd-vue  穿梭框能够把异步的树形图，能够正常的使用穿梭框，做了研究，发现全网找不到案例，研究一天搞定了。]]></description><category></category></item><item><title><![CDATA[css z-index值小的覆盖值大的]]></title><link>https://blog.youkuaiyun.com/web_ding/article/details/126635962</link><guid>https://blog.youkuaiyun.com/web_ding/article/details/126635962</guid><author>web_ding</author><pubDate>Thu, 01 Sep 2022 09:32:20 +0800</pubDate><description><![CDATA[css z-index值小的覆盖值大的]]></description><category></category></item><item><title><![CDATA[微信小程序订阅通知]]></title><link>https://blog.youkuaiyun.com/web_ding/article/details/125441469</link><guid>https://blog.youkuaiyun.com/web_ding/article/details/125441469</guid><author>web_ding</author><pubDate>Fri, 24 Jun 2022 14:24:30 +0800</pubDate><description><![CDATA[微信小程序消息订阅开发]]></description><category></category></item><item><title><![CDATA[git 常用的命令行]]></title><link>https://blog.youkuaiyun.com/web_ding/article/details/119776096</link><guid>https://blog.youkuaiyun.com/web_ding/article/details/119776096</guid><author>web_ding</author><pubDate>Mon, 13 Jun 2022 11:08:01 +0800</pubDate><description><![CDATA[常用git命令行：

git pull //拉取代码

git commit -m "xxx" //提交和提交文字提示

git push //推送代码



创建分支git流程：

git branch test //添加test分支

git checkout test //切换到test分支

git add . //添加所有新文件文件

git commit -m "add test branch" //提交和提交文字提示

git push --set-upstream origin te....]]></description><category></category></item><item><title><![CDATA[postman接口执行速度比网页调用接口快的原因]]></title><link>https://blog.youkuaiyun.com/web_ding/article/details/124424742</link><guid>https://blog.youkuaiyun.com/web_ding/article/details/124424742</guid><author>web_ding</author><pubDate>Tue, 26 Apr 2022 14:35:09 +0800</pubDate><description><![CDATA[背景：

经常在测试人员看见页面加载缓慢就会提个bug让前端同学优化，前端同学看到是接口加载缓慢，于是前端同学通知后端同学，后端同学用postman跑了一下，告诉前端，我这很快啊，于是就进入了撕逼甩锅的过程。。。

区别的原因：

原因1：https请求的时候，web网页会多了ssl校验，特别是第一次加载接口的时候，后面再刷新页面就会发现快了，因为后面就不校验ssl了

原因2：web调用的环境比较复杂，调用一个接口的时候，很多情况下是多个动作一起运行的，资源之间的争夺，部分情况会出现导致接口运行缓慢的..]]></description><category></category></item><item><title><![CDATA[node npm 常用命令]]></title><link>https://blog.youkuaiyun.com/web_ding/article/details/124380654</link><guid>https://blog.youkuaiyun.com/web_ding/article/details/124380654</guid><author>web_ding</author><pubDate>Sun, 24 Apr 2022 13:44:15 +0800</pubDate><description><![CDATA[一、安装包

1.模板：npm install xx

简写：（npm i xx）

可以写多个包 :npm i 包名@版本号,比如：npm i jquery@1.7.2

eg： npm i express-session cookie-parser

2.安装指定的包：

npm i 包名@版本号,比如：npm i jquery@1.7.2

3.–save、–save-dev、-S、-D、-g

–save 等价于 -S
–save-dev 等价于 -D

–save或-S：表示需要安装...]]></description><category></category></item><item><title><![CDATA[完美解决：flex布局中设置宽度被压缩的问题]]></title><link>https://blog.youkuaiyun.com/web_ding/article/details/123543660</link><guid>https://blog.youkuaiyun.com/web_ding/article/details/123543660</guid><author>web_ding</author><pubDate>Thu, 17 Mar 2022 10:22:58 +0800</pubDate><description><![CDATA[问题描述：

在父级中设置了display:flex;父元素宽度不够的时候，子元素就算设置的宽度，也会被压缩；



产生原因：

当子元素设置固定宽度，如果整体宽度不足时，会把固定宽度给压缩



解决方法: 给固定宽度的元素添加flex-shrink:0


flex-shrink:0;

TIPS：

flex-shrink平时在使用过程中

比较少见，具体查看flex-shrink链接
...]]></description><category></category></item><item><title><![CDATA[微信小程序 分享 onShareAppMessage onShareTimeline 使用 async promies 的坑和方式]]></title><link>https://blog.youkuaiyun.com/web_ding/article/details/123527665</link><guid>https://blog.youkuaiyun.com/web_ding/article/details/123527665</guid><author>web_ding</author><pubDate>Wed, 16 Mar 2022 16:16:25 +0800</pubDate><description><![CDATA[开发环境：uniapp window uview

开发背景：分享的链接参数是接口生成的，所以每次分享的时候需要进行调用一个接口。为了实现这个目标，想到用async 来等待接口请求完了，在分享

实际测试：

测试分享好友：测试结果是成功，分享的url，确实会带上接口返回的参数


async onShareAppMessage(res) {
			const {data} = await this.$u.api.getShareOther();
			return {
				title: '分...]]></description><category></category></item><item><title><![CDATA[微信小程序上传文件 chooseMessageFile uploadFile，添加loading显示异常]]></title><link>https://blog.youkuaiyun.com/web_ding/article/details/123257458</link><guid>https://blog.youkuaiyun.com/web_ding/article/details/123257458</guid><author>web_ding</author><pubDate>Thu, 03 Mar 2022 16:31:13 +0800</pubDate><description><![CDATA[开发环境：uniapp vue2.0

开发背景：小程序中使用了chooseMessageFile，选中聊天记录中的文件之后调用uploadFile进行上传，本想在调用chooseMessageFile 之前添加loading,在上传成功后在隐藏loading。实际是直接点击选择文件那一下，loading就迅速消失了，没有等上传成功后再消失。

问题原因：调用chooseMessageFile时候，选中文件返回时候，页面进程被中断了，导致loading直接就消失了。

解决办法：在启动loadin...]]></description><category></category></item><item><title><![CDATA[uniapp vue 中 echarts 修改tooltip 添加html便签没被解析]]></title><link>https://blog.youkuaiyun.com/web_ding/article/details/123006769</link><guid>https://blog.youkuaiyun.com/web_ding/article/details/123006769</guid><author>web_ding</author><pubDate>Fri, 18 Feb 2022 16:48:11 +0800</pubDate><description><![CDATA[开发环境：

uniapp ；vue ; echarts5.0

背景：

在使用uniapp开发echarts折线图的时候，重写tooltip时候，点击折线图的小弹窗，没有解析html标签。

原因:

echarts中的js和uniapp自带的wx对象js冲突了，可以把wx对象重置未空就行。

解决办法：

在main.js 添加 window.wx = {}，重置对象
...]]></description><category></category></item><item><title><![CDATA[微信小程序 wx.setstoragesync和wx.setstorage 区别]]></title><link>https://blog.youkuaiyun.com/web_ding/article/details/122984895</link><guid>https://blog.youkuaiyun.com/web_ding/article/details/122984895</guid><author>web_ding</author><pubDate>Thu, 17 Feb 2022 15:49:27 +0800</pubDate><description><![CDATA[相同点：

微信小程序 wx.setstoragesync和wx.setstorage都是能把值保存在微信小程序缓存中，类似于浏览器的localstorage概念

区别：

wx.setStorage是异步的：就是这个在执行中不会影响其他代码的执行

wx.setStorageSync是同步的：要等待这个代码执行完才会去执行其他的代码

使用范例：

setStorage：


// 设置值
wx.setStorage({
  key:"key",
  data:"value"
})
// 取值...]]></description><category></category></item><item><title><![CDATA[完美解决：页面识别textarea的回车]]></title><link>https://blog.youkuaiyun.com/web_ding/article/details/122960275</link><guid>https://blog.youkuaiyun.com/web_ding/article/details/122960275</guid><author>web_ding</author><pubDate>Wed, 16 Feb 2022 11:47:11 +0800</pubDate><description><![CDATA[背景：在后台管理中textarea组件中编辑文本，里面的文本有换行，展示到前端页面的时候，正常是无法识别到回车

解决办法：添加下面的css就行


.des {
		white-space:pre-line;
	}


]]></description><category></category></item><item><title><![CDATA[完美解决：antd-vue Chrome禁用账号密码自动填充]]></title><link>https://blog.youkuaiyun.com/web_ding/article/details/122680885</link><guid>https://blog.youkuaiyun.com/web_ding/article/details/122680885</guid><author>web_ding</author><pubDate>Tue, 25 Jan 2022 11:18:20 +0800</pubDate><description><![CDATA[背景：在系统登录页中，点击chrome中的默认保存会自动填充账号密码，现在想把这个默认功能去掉。。。

网上看到了：都是用autocomplete="off" autocomplete="new-password"就能使用了,我就高兴的copy，见鬼的是大家都说能用，只有我不行。。。，注意了下，文章的日期，大多是几年前的。。一个大胆的想法产生了，就是高版本浏览器无法支持autocomplete，一番查看果然有人是这么回答的，

解决方式：

先让input 为readonly,得到焦点时候再把re...]]></description><category></category></item><item><title><![CDATA[vue $set 1分钟精通]]></title><link>https://blog.youkuaiyun.com/web_ding/article/details/122583091</link><guid>https://blog.youkuaiyun.com/web_ding/article/details/122583091</guid><author>web_ding</author><pubDate>Wed, 19 Jan 2022 16:03:49 +0800</pubDate><description><![CDATA[使用场景：经常在vue中，修改对象某个属性，或者修改数组时，会发现页面没有更新，这是因为vue为了性能，不会主动去监听对象的值是否改变，只有对象地址改变时，vue才会主动去更新。修改对象地址主要是使用深拷贝，还有一只方式就是用vue自带的$set.

使用方式：

$set更新对象时：



this.$set(this.data,”key”,value’)



$set更新数组时： 

this.$set(this.data,index,value’)
...]]></description><category></category></item><item><title><![CDATA[30个ES6—ES12 新功能]]></title><link>https://blog.youkuaiyun.com/web_ding/article/details/122453708</link><guid>https://blog.youkuaiyun.com/web_ding/article/details/122453708</guid><author>web_ding</author><pubDate>Wed, 12 Jan 2022 15:11:09 +0800</pubDate><description><![CDATA[30个ES6—ES12 新功能







ECMAScript是一种由 Ecma 国际通过 ECMA-262 标准化的脚本程序设计语言，这种语言被称为 JavaScript 。简单来说，ECMAScript 是 JavaScript 的标准与规范，JavaScript 是 ECMAScript 标准的实现和扩展。

自2015年开始，ECMAScript发布的版本如下：

发布时间
			正式名称
			版本名称
			名称缩写
		2015
			ECMAScript2015
			ECMAScri.]]></description><category></category></item></channel></rss>