<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[weixin_49554584的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/weixin_49554584</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; weixin_49554584]]></copyright><item><title><![CDATA[求各位大佬评价一下小程序]]></title><link>https://blog.youkuaiyun.com/weixin_49554584/article/details/161903077</link><guid>https://blog.youkuaiyun.com/weixin_49554584/article/details/161903077</guid><author>weixin_49554584</author><pubDate>Thu, 11 Jun 2026 22:03:35 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[axios二次封装]]></title><link>https://blog.youkuaiyun.com/weixin_49554584/article/details/143086357</link><guid>https://blog.youkuaiyun.com/weixin_49554584/article/details/143086357</guid><author>weixin_49554584</author><pubDate>Sat, 19 Oct 2024 23:37:45 +0800</pubDate><description><![CDATA[话不多说，直接上代码。]]></description><category></category></item><item><title><![CDATA[使用new Set优化双重循环]]></title><link>https://blog.youkuaiyun.com/weixin_49554584/article/details/131602789</link><guid>https://blog.youkuaiyun.com/weixin_49554584/article/details/131602789</guid><author>weixin_49554584</author><pubDate>Mon, 13 May 2024 17:50:10 +0800</pubDate><description><![CDATA[需求背景：在一个下拉框和一个table中，如果table中已经存在了，则下拉框中的数据需要被选中或者禁用，此时下拉框中的数据就必须多一个参数checked:true or false来判定是否被选中。第一种方法一直超过1000ms，第二种方法一直未超过20ms，可见其效率。]]></description><category></category></item><item><title><![CDATA[URLSearchParams用法]]></title><link>https://blog.youkuaiyun.com/weixin_49554584/article/details/136137723</link><guid>https://blog.youkuaiyun.com/weixin_49554584/article/details/136137723</guid><author>weixin_49554584</author><pubDate>Sat, 17 Feb 2024 13:37:39 +0800</pubDate><description><![CDATA[【代码】URLSearchParams用法。]]></description><category></category></item><item><title><![CDATA[react二次封装input]]></title><link>https://blog.youkuaiyun.com/weixin_49554584/article/details/136076618</link><guid>https://blog.youkuaiyun.com/weixin_49554584/article/details/136076618</guid><author>weixin_49554584</author><pubDate>Thu, 08 Feb 2024 09:53:12 +0800</pubDate><description><![CDATA[子组件主动继承来自input的原生属性，将其给props，让父组件也能传参对应的input的原生属性，做到不需要额外再写一次input的原生属性，只需要写额外传参即可。]]></description><category></category></item><item><title><![CDATA[Git的一些操作]]></title><link>https://blog.youkuaiyun.com/weixin_49554584/article/details/135744030</link><guid>https://blog.youkuaiyun.com/weixin_49554584/article/details/135744030</guid><author>weixin_49554584</author><pubDate>Mon, 22 Jan 2024 11:31:22 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[React封装触底加载，不使用第三方插件]]></title><link>https://blog.youkuaiyun.com/weixin_49554584/article/details/134885353</link><guid>https://blog.youkuaiyun.com/weixin_49554584/article/details/134885353</guid><author>weixin_49554584</author><pubDate>Fri, 08 Dec 2023 18:53:54 +0800</pubDate><description><![CDATA[3、较以往的触底加载有一个比较大的区别：避免了触底后多次pageIndex进行增加，需要使用额外的参数进行控制，本次的逻辑采用监听父盒子的可滚动高度来进行pageIndex的增加，减少额外参数的使用。]]></description><category></category></item><item><title><![CDATA[vscode 设置只格式化新增修改的代码]]></title><link>https://blog.youkuaiyun.com/weixin_49554584/article/details/132006302</link><guid>https://blog.youkuaiyun.com/weixin_49554584/article/details/132006302</guid><author>weixin_49554584</author><pubDate>Sun, 30 Jul 2023 13:41:29 +0800</pubDate><description><![CDATA[2、在 save mode 中选择最后一种，但是前提是该项目是存在了git仓库的，且vscode能识别到代码是否修改，否则将格式化整个文件。3、该设置用于二次开发较为合适，当自己习惯的代码格式化和上一位的不同时，用该方法格式化既不会影响以前的代码，自己新增代码也能保持自己的格式。1、首先设置为自动保存格式代码。]]></description><category></category></item><item><title><![CDATA[纯HTML+CSS实现flex响应式布局]]></title><link>https://blog.youkuaiyun.com/weixin_49554584/article/details/130767748</link><guid>https://blog.youkuaiyun.com/weixin_49554584/article/details/130767748</guid><author>weixin_49554584</author><pubDate>Fri, 19 May 2023 15:30:31 +0800</pubDate><description><![CDATA[优点：解决了最后一行的bug。话不多说，直接上代码。]]></description><category></category></item><item><title><![CDATA[JavaScript时间格式化]]></title><link>https://blog.youkuaiyun.com/weixin_49554584/article/details/129334716</link><guid>https://blog.youkuaiyun.com/weixin_49554584/article/details/129334716</guid><author>weixin_49554584</author><pubDate>Sat, 04 Mar 2023 15:08:43 +0800</pubDate><description><![CDATA[注意传入的time参数为时间戳的形式，最后返回的是标准时间格式，或者自己想任意格式都可以。]]></description><category></category></item><item><title><![CDATA[React路由懒加载]]></title><link>https://blog.youkuaiyun.com/weixin_49554584/article/details/129334593</link><guid>https://blog.youkuaiyun.com/weixin_49554584/article/details/129334593</guid><author>weixin_49554584</author><pubDate>Sat, 04 Mar 2023 15:03:25 +0800</pubDate><description><![CDATA[需要引入：BrowserRouter、useRoutes、lazy、 Suspense。router文件夹下的index.tsx。使用的是history路由模式。]]></description><category></category></item><item><title><![CDATA[react父子传值]]></title><link>https://blog.youkuaiyun.com/weixin_49554584/article/details/129272436</link><guid>https://blog.youkuaiyun.com/weixin_49554584/article/details/129272436</guid><author>weixin_49554584</author><pubDate>Tue, 28 Feb 2023 23:28:08 +0800</pubDate><description><![CDATA[【代码】react父子传值。]]></description><category></category></item><item><title><![CDATA[vue，react引入富文本]]></title><link>https://blog.youkuaiyun.com/weixin_49554584/article/details/129090465</link><guid>https://blog.youkuaiyun.com/weixin_49554584/article/details/129090465</guid><author>weixin_49554584</author><pubDate>Fri, 17 Feb 2023 17:07:51 +0800</pubDate><description><![CDATA[说明：本次是使用的vue3。]]></description><category></category></item><item><title><![CDATA[vue前端处理跨域问题]]></title><link>https://blog.youkuaiyun.com/weixin_49554584/article/details/128771792</link><guid>https://blog.youkuaiyun.com/weixin_49554584/article/details/128771792</guid><author>weixin_49554584</author><pubDate>Fri, 27 Jan 2023 17:35:16 +0800</pubDate><description><![CDATA[代码解释：/server 在请求的时候链接会变成 http://localhost:1021/ 这一串代码，下面是调用的时候，只需要写/server开头即可，后面的api等路径原封不动接下去就行。在 vue.config.js 中写入代码。]]></description><category></category></item><item><title><![CDATA[vite创建vue保姆级教程]]></title><link>https://blog.youkuaiyun.com/weixin_49554584/article/details/128771698</link><guid>https://blog.youkuaiyun.com/weixin_49554584/article/details/128771698</guid><author>weixin_49554584</author><pubDate>Fri, 27 Jan 2023 17:18:53 +0800</pubDate><description><![CDATA[在正式初始化前需要安装node环境。④npm install 安装依赖。⑤npm run dev 运行项目。②选择配置的安装选项。③cd 你的项目名字。]]></description><category></category></item><item><title><![CDATA[vue导航守卫]]></title><link>https://blog.youkuaiyun.com/weixin_49554584/article/details/128740830</link><guid>https://blog.youkuaiyun.com/weixin_49554584/article/details/128740830</guid><author>weixin_49554584</author><pubDate>Fri, 20 Jan 2023 11:53:18 +0800</pubDate><description><![CDATA[1、在某些页面中，没有登录的时候也能访问一些页面，但是一旦使用了某些功能后，就会让用户登录；或者访问页面的时候必须登录的情况下，就自动跳转到登录页进行登录。4、亦可在if-else中设置一些逻辑处理，比如权限管理，进行角色划分，某些角色可以访问该页面，某些角色不能访问该页面等效果。设置白名单在没有登录的时候也能访问，其它页面则需要登录才能访问。]]></description><category></category></item><item><title><![CDATA[vue引入axios并封装]]></title><link>https://blog.youkuaiyun.com/weixin_49554584/article/details/128740497</link><guid>https://blog.youkuaiyun.com/weixin_49554584/article/details/128740497</guid><author>weixin_49554584</author><pubDate>Fri, 20 Jan 2023 11:11:29 +0800</pubDate><description><![CDATA[将http请求放在一个js中，如果需要put则增加一个；将api放在一个js中，如果api名字修改，则只需要修改api.js中的名字即可，方便快捷。]]></description><category></category></item><item><title><![CDATA[vue图片懒加载]]></title><link>https://blog.youkuaiyun.com/weixin_49554584/article/details/128736678</link><guid>https://blog.youkuaiyun.com/weixin_49554584/article/details/128736678</guid><author>weixin_49554584</author><pubDate>Thu, 19 Jan 2023 17:49:49 +0800</pubDate><description><![CDATA[我们使用软件的时候，会有很多图片需要加载，但是当网络环境不好，或内存不足的情况，就会导致用户首屏加载特别慢，影响用户体验，所以为了解决这个问题，提出了图片懒加载的方法来解决该问题。这样做的好处就是可以使用当前网络环境来全力加载该可视区域的图片，增加加载速度；②首屏加载时候img标签src赋为空值，这样就不会去渲染看不见的图片而浪费时间。③当用户滑动到图片的可视区域后，替换src的路径，改为正式路径，则开始渲染图片。①当图片区域到达用户界面可视区域的时候才进行加载图片。]]></description><category></category></item><item><title><![CDATA[vue虚拟列表，一次性拿到10w条数据]]></title><link>https://blog.youkuaiyun.com/weixin_49554584/article/details/128504572</link><guid>https://blog.youkuaiyun.com/weixin_49554584/article/details/128504572</guid><author>weixin_49554584</author><pubDate>Sat, 31 Dec 2022 13:06:11 +0800</pubDate><description><![CDATA[第一步：计算每条数据的渲染后的实际height，计算外部盒子需要滚动的高度，内部渲染的真实dom使用粘性布局，在我滚动的时候，动态计算截取10w条数据中的一部分渲染到真实dom去，以实现列表的不卡顿。]]></description><category></category></item><item><title><![CDATA[Flex布局个人信息右对齐]]></title><link>https://blog.youkuaiyun.com/weixin_49554584/article/details/128363932</link><guid>https://blog.youkuaiyun.com/weixin_49554584/article/details/128363932</guid><author>weixin_49554584</author><pubDate>Sun, 18 Dec 2022 17:30:17 +0800</pubDate><description><![CDATA[这个时候可能会有人想说用两个盒子包裹着，使用    justify-content: space-between     来，但是使用这个后，对于一级导航的样式就需要在两个盒子中各自设计，那么有没有一种方式就能实现一个大盒子里面装的所有的小盒子是在同一级的，但是个人信息又能跑到最后边呢？这样的话就能很明显看出来最后那个盒子是沾满了剩下的盒子了的，再配合text-align: right;一般布局在使用flex布局的时候，我们是希望一级导航是左边是所有的导航，但是个人信息按钮是在最右边对齐的。]]></description><category></category></item></channel></rss>