<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Ndbsa的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Ndbsa</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Ndbsa]]></copyright><item><title><![CDATA[Vite打包优化]]></title><link>https://blog.youkuaiyun.com/Ndbsa/article/details/128723943</link><guid>https://blog.youkuaiyun.com/Ndbsa/article/details/128723943</guid><author>Ndbsa</author><pubDate>Thu, 27 Apr 2023 09:13:27 +0800</pubDate><description><![CDATA[业务中发现我们的项目框架index主chunk有2mb大小，这大大影响了整个项目的性能，而且依赖引入比较冗余，所以再次进行打包优化。]]></description><category></category></item><item><title><![CDATA[封装企业级的axios接口拦截控制器]]></title><link>https://blog.youkuaiyun.com/Ndbsa/article/details/128574564</link><guid>https://blog.youkuaiyun.com/Ndbsa/article/details/128574564</guid><author>Ndbsa</author><pubDate>Mon, 17 Apr 2023 11:24:26 +0800</pubDate><description><![CDATA[对于接口拦截的使用场景我们一般是在一些组件切换的时候，虽然组件被销毁，但是往往这个时候内部没有完成的接口请求以及异步任务已经被推入了异步队列，其回调依旧会被代码执行完毕，所以就会导致当你路由或者组件切换的时候一些接口任然被执行。🦐比如我们在写地图大屏的时候，我们的路由以及组件切换并不会让地图组件切换，也就是地图组件是一直存在的。]]></description><category></category></item><item><title><![CDATA[mapbox渲染圆切交集图层并绘制插值图层1-获得交集面]]></title><link>https://blog.youkuaiyun.com/Ndbsa/article/details/129457186</link><guid>https://blog.youkuaiyun.com/Ndbsa/article/details/129457186</guid><author>Ndbsa</author><pubDate>Sat, 18 Mar 2023 09:02:59 +0800</pubDate><description><![CDATA[本文的讨论是主要对mapbox 的图层交集的使用，在我们一些业务中往往我们需要用到一个范围内的河流json数据，或者是一个范围内的行政区划交集等，那本文以绘制一定范围公里内流域的数据进行插值显示为例，为大家带来两个面交集的使用，下面上效果图：具体这个圆圈怎么绘制我们这边暂时不讨论，本文讨论的重点是怎么取到两个面的交集，并绘制差值图。]]></description><category></category></item><item><title><![CDATA[commit husky提交教研报错时出现直接将修改的文件全部恢复的情况]]></title><link>https://blog.youkuaiyun.com/Ndbsa/article/details/129456822</link><guid>https://blog.youkuaiyun.com/Ndbsa/article/details/129456822</guid><author>Ndbsa</author><pubDate>Sat, 11 Mar 2023 00:04:31 +0800</pubDate><description><![CDATA[最近我配置了一个commit 的husky提交教研功能，可以很好的解决不规范的提交，在提交之前将不好的代码规避掉，但是出现了一个很奇怪的现象，就是当我们提交的时候出现文件有问题的时候文件会自动将所有修改的文件全部消失掉。挨个查看文件内部的代码后发现里面完全没有我刚刚修改的代码，最终还是没有解决，但是当我读他的错误信息的时候我无意间发现了他有一个的。由于问题比较严重，特地搜了半天add过后的文件怎么恢复，尝试了使用。单词，于是我打开了git提交日志，发现了确实他运行了操作，也。于是我果断运行了 文件恢复了。]]></description><category></category></item><item><title><![CDATA[echarts实现一个3d效果柱形图]]></title><link>https://blog.youkuaiyun.com/Ndbsa/article/details/128259576</link><guid>https://blog.youkuaiyun.com/Ndbsa/article/details/128259576</guid><author>Ndbsa</author><pubDate>Sun, 08 Jan 2023 13:48:03 +0800</pubDate><description><![CDATA[思路是：通过数组循环生成多个echarts实例盒子，生成的柱形图只有一条数据，是由多个图表设置实现重叠，并通过设置柱形图中间颜色到边上颜色的渐变形成类似3d的视觉效果，实际每一个柱形图是由以下几个图表实现的：⛽️。]]></description><category></category></item><item><title><![CDATA[css实现一个炫酷的渐变色边框]]></title><link>https://blog.youkuaiyun.com/Ndbsa/article/details/128219464</link><guid>https://blog.youkuaiyun.com/Ndbsa/article/details/128219464</guid><author>Ndbsa</author><pubDate>Fri, 09 Dec 2022 21:35:19 +0800</pubDate><description><![CDATA[🚀对于我们一些比较炫酷的ui设计我们经常会出现一些渐变色的样式，比如渐变色的背景，渐变色的边框，本文以一个ui设计稿展开，为大家带来常见的渐变色绘制方法，废话不多说直接上图🐛：
这是一个我们需要制作完成的渐变色的ui设计稿，我们使用的ui设计平台是平台，可以看到ui的稿件中的样式是这样的：
核心就是用渐变的边框的渐变色配合🦋向内的来实现内部的那种阴影效果。于是我开开心心的将代码复制到了我的样式上，结果发生了惨案🚗，下面是我直接上代码的效果：

是哪里不对吗，🐸为什么这个好像没有生效，后来查阅后发现]]></description><category></category></item><item><title><![CDATA[GIT使用笔记]]></title><link>https://blog.youkuaiyun.com/Ndbsa/article/details/128197460</link><guid>https://blog.youkuaiyun.com/Ndbsa/article/details/128197460</guid><author>Ndbsa</author><pubDate>Tue, 06 Dec 2022 09:57:38 +0800</pubDate><description><![CDATA[git 相关的一写笔记，如git提交，git回滚，git查看临时分支，代码合并，stash仓库使用等等]]></description><category></category></item><item><title><![CDATA[input输入限制以及校验之总结篇]]></title><link>https://blog.youkuaiyun.com/Ndbsa/article/details/128162231</link><guid>https://blog.youkuaiyun.com/Ndbsa/article/details/128162231</guid><author>Ndbsa</author><pubDate>Sat, 03 Dec 2022 15:26:08 +0800</pubDate><description><![CDATA[input的输入限制是一个非常常见的需求，比如我们在一个表单内需要输入时间，则我们就需要限制输入的内容只能是数字，并且是正整数，这如果用表单校验也可以，但是如果直接可以通过input的输入限制，直接讲此扼杀在摇篮中那岂不是美哉下面就是我对一些常见的输入限制的一些总结：（本文的技术栈是Vue3）
2.通过computed方法绑定并劫持数据：

当我们在input框内输入的时候，方法是要优先于事件执行的，所以我个人推荐是使用方法进行输入的限制以及拦截正负数，小数都可以
只能输入整数：

只能输入正数:
]]></description><category></category></item><item><title><![CDATA[Uniapp 相关笔记]]></title><link>https://blog.youkuaiyun.com/Ndbsa/article/details/128161128</link><guid>https://blog.youkuaiyun.com/Ndbsa/article/details/128161128</guid><author>Ndbsa</author><pubDate>Sat, 03 Dec 2022 14:12:51 +0800</pubDate><description><![CDATA[保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。OBJECT参数说明：参数类型必填说明urlString是需要跳转的应用内非
tabBar 的页面的路径 ,
路径后可以带参数。参数与路径之间使用?分隔，参数键与参数值用=相连，不同参数用&分隔；
不可到tabBar 页
uni.redirectTo(OBJECT)
关闭当前页面，跳转到应用内的某个页面。OBJECT参数说明参数类型必填说明urlString是需要跳转的应用内非
tabBar的页面的路径，路径后可以带]]></description><category></category></item><item><title><![CDATA[Echarts 相关api记录以及样例demo]]></title><link>https://blog.youkuaiyun.com/Ndbsa/article/details/128102878</link><guid>https://blog.youkuaiyun.com/Ndbsa/article/details/128102878</guid><author>Ndbsa</author><pubDate>Tue, 29 Nov 2022 19:56:57 +0800</pubDate><description><![CDATA[formatter

Line的itemStyle
设置直线拐点小球的样式会出现拖拽页面明明监听了变化就调用reseve方法自适应图表但是会发现div不会变化，后来发现原来是flex失效了，所以只需要强行设置flex子的宽度/width: 25%;/
就可以了
文字倾斜柱形折线仪表盘 4.7echarts版本不能支持进度条 只能颜色叠加
Echart图表绘制报错问题

获取页面dom时，有时会在页面dom渲染结束之前就调用此方法并往下输入配置信息，从而发生报错所以一般需要在绘制ecahrts方法外用next]]></description><category></category></item><item><title><![CDATA[map相关使用笔记]]></title><link>https://blog.youkuaiyun.com/Ndbsa/article/details/128102406</link><guid>https://blog.youkuaiyun.com/Ndbsa/article/details/128102406</guid><author>Ndbsa</author><pubDate>Tue, 29 Nov 2022 17:59:20 +0800</pubDate><description><![CDATA[当然在地图的json文件内会有相应的该图层的信息。]]></description><category></category></item><item><title><![CDATA[插件使用笔记记录]]></title><link>https://blog.youkuaiyun.com/Ndbsa/article/details/128102352</link><guid>https://blog.youkuaiyun.com/Ndbsa/article/details/128102352</guid><author>Ndbsa</author><pubDate>Tue, 29 Nov 2022 17:42:55 +0800</pubDate><description><![CDATA[找到依赖文件内的pdfjs-ts文件夹将其中的这两个文件复制到工作目录内。设置为中文类型，周为中国周（也就是周一是一周的开始）可以将word和md文件相互转换。-s 表示创建一个“独立”文件；-t 设置导出文件的格式；echart事件监听插件。-f 设置源文件的格式；-o 设置要导出的文件。]]></description><category></category></item><item><title><![CDATA[HTML相关笔记]]></title><link>https://blog.youkuaiyun.com/Ndbsa/article/details/128102209</link><guid>https://blog.youkuaiyun.com/Ndbsa/article/details/128102209</guid><author>Ndbsa</author><pubDate>Tue, 29 Nov 2022 17:39:44 +0800</pubDate><description><![CDATA[element部分使用， 滚动条样式设计，video]]></description><category></category></item><item><title><![CDATA[ES6&JS笔记以及部分运行问题记录]]></title><link>https://blog.youkuaiyun.com/Ndbsa/article/details/128035867</link><guid>https://blog.youkuaiyun.com/Ndbsa/article/details/128035867</guid><author>Ndbsa</author><pubDate>Fri, 25 Nov 2022 12:32:01 +0800</pubDate><description><![CDATA[javascript基础以及高级应用学习记录，以及一些相关问题的解决方案记录]]></description><category></category></item><item><title><![CDATA[Style笔记(css, stylus,less)]]></title><link>https://blog.youkuaiyun.com/Ndbsa/article/details/128011178</link><guid>https://blog.youkuaiyun.com/Ndbsa/article/details/128011178</guid><author>Ndbsa</author><pubDate>Thu, 24 Nov 2022 09:06:38 +0800</pubDate><description><![CDATA[css，stylus，less各种语法记录]]></description><category></category></item><item><title><![CDATA[Vue2笔记]]></title><link>https://blog.youkuaiyun.com/Ndbsa/article/details/127961945</link><guid>https://blog.youkuaiyun.com/Ndbsa/article/details/127961945</guid><author>Ndbsa</author><pubDate>Mon, 21 Nov 2022 14:16:50 +0800</pubDate><description><![CDATA[vue2相关笔记，axios，jquery，vuex等等]]></description><category></category></item><item><title><![CDATA[个人收藏的一写资料文献]]></title><link>https://blog.youkuaiyun.com/Ndbsa/article/details/127938936</link><guid>https://blog.youkuaiyun.com/Ndbsa/article/details/127938936</guid><author>Ndbsa</author><pubDate>Sat, 19 Nov 2022 16:56:48 +0800</pubDate><description><![CDATA[type、typeof、infer、instanceType、路由守卫、本地缓存工具类、vuex设计、跨域问题、父组件如何调用子组件的方法。Vue3+Vite+TS+Eslint（Airbnb规则）搭建生产项目，踩坑详记（二）：配置husky和lint-staged。网站性能优化实战之------ gzip （webpack, vite 开启gzip 部署）vite打包配置(静态资源合并打包/清除log/gzip压缩/ENV配置等)Volar ------Vue3 完美的配套工具。]]></description><category></category></item><item><title><![CDATA[TypeScript笔记]]></title><link>https://blog.youkuaiyun.com/Ndbsa/article/details/127938796</link><guid>https://blog.youkuaiyun.com/Ndbsa/article/details/127938796</guid><author>Ndbsa</author><pubDate>Sat, 19 Nov 2022 16:51:40 +0800</pubDate><description><![CDATA[/定义setTimeout的类型 timeOut = setTimeout(function() {]]></description><category></category></item><item><title><![CDATA[Vue3笔记]]></title><link>https://blog.youkuaiyun.com/Ndbsa/article/details/127937693</link><guid>https://blog.youkuaiyun.com/Ndbsa/article/details/127937693</guid><author>Ndbsa</author><pubDate>Sat, 19 Nov 2022 16:43:48 +0800</pubDate><description><![CDATA[vue3笔记]]></description><category></category></item><item><title><![CDATA[JS二进制相关运算总结记录，让自己的代码变得牛逼]]></title><link>https://blog.youkuaiyun.com/Ndbsa/article/details/127884570</link><guid>https://blog.youkuaiyun.com/Ndbsa/article/details/127884570</guid><author>Ndbsa</author><pubDate>Thu, 17 Nov 2022 19:02:51 +0800</pubDate><description><![CDATA[&|^~＜＜＞＞＜＜＜以及0.1+0.2 为什么不等于3,优雅的判断-1，优雅快熟的去处小数部分]]></description><category></category></item></channel></rss>