m0_65292523的博客

原创 原来swiper的这个swiper-slide的间距调的这儿！

想要修改swiper-slide间隔距离可以修改spaceBetween的值，可设正值和负值，正值越大，距离越宽，负值则会变小。

原创 吸顶 乱七八糟的代码

【代码】吸顶 乱七八糟的代码。

原创 如何查看安卓版本号的方法（例如查看是13、12、11、10...）

如何查看安卓版本号的方法（例如查看是13、12、11、10...）

原创 css添加背景模糊度：filter、backdrop-filter

css添加背景模糊度：filter、backdrop-filter

原创 调整浏览器配置（绕过跨域CORS限制的解决方案）

调整浏览器配置（绕过跨域CORS限制的解决方案）

原创 [Violation] Added non-passive event listener to a scroll-blocking ＜某些＞ 事件. Consider marking event ha

Violation] Added non-passive event listener to a scroll-blocking <某些> 事件. Consider marking event handler as 'passive' to make the page more responsive. See <URL>vue3项目引入高德地图，小车移动地图视角跟随，控制台出现这个告警，意思是说没有添加被动事件监听器来阻止某些事件，请考虑添加事件管理者 ‘passive’，以使页面滑动更加流畅。

原创 解释这两段代码的区别 | if ... else ... 和 if ... ...

解释这两段代码的区别 | if ... else ... 和 if ... ...

原创 前端入职转正申请文档模板参考

尊敬的xxxx：        您好！自xxxx年xx月x日荣幸地加入公司以来，我已在前端开发岗位上工作了整整六个月。这段时间里，我全身心投入到公司的项目中，不仅加深了对前端技术的理解与应用，也深刻感受到了团队合作的力量和公司文化的魅力。在此，我郑重地向您提交我的入职转正申请，并对我过去的工作进行总结与反思。在过去的六个月中，我共计参与了公司两个重要项目的前端研发工作，包括：

原创 vue3项目引入Amap高德地图API 隐藏掉高德logo

给style scoped代码添加<style scoped>/* 隐藏掉高德logo */:deep(.amap-logo) { display: none; opacity: 0 !important;}:deep(.amap-copyright) { opacity: 0;}

原创 Amap | 高德地图组成和常用名词（学习随记）

高德地图组成和常见名词

原创 调试Android应用的webView界面

前提：在手机的设置里找到系统和更新，点击系统和更新找到开发人员选项，打开USB调试，然后将手机使用USB数据线连接上电脑主机或电脑。访问网址：chrome://inspect/#devices。就会出现这样的调试界面，由于涉及隐私，界面我就打码了。然后打开网页会出现这样的页面，点击箭头所指。以上都是个人经验，有错误的地方求大佬纠正。

原创 android studio运行时下载依赖太慢的处理方法

将 gradle-wrapper.properties文件下的 distributionUrl 替换成国内镜像。

原创 面试被问到：当你在浏览器里输入一个网址时，到底发生了什么？

首先我们应该想到当我们在浏览器里输入一个网址时，我们即将要做什么？先使用电脑或者手机等能连接网络的设备打开浏览器，我们输入一个网址，然后点击搜索，然后浏览器就会出现你想搜索的东西。有兴趣的可以参考看看！

原创 vue3 ts项目 | 使用TDesign的日期选择组件

除此之外，也可以使用和来实现自动导入：您仍需在项目引入组件库的少量全局样式变量并安装两个unplugin相关的第三方包然后在 Vite 对应的配置文件添加上述插件。

原创 vue3 ts 故障筛选

el-select v-model="selectForm.isTrigger" filterable placeholder="解除状态" popper-class="mySelectStyle">

原创 如何判断结束时间早于开始时间

原创 /// ts中的三斜线指令 | 前端

包），你需要在你的项目中以某种方式告诉TypeScript编译器这些类型定义的存在。三斜线指令是一种在单个文件中这样做的方式，虽然在实际项目中，更常见的是通过。1. 这行代码是TypeScript中的一个三斜线指令（Triple-Slash Directive），用于在文件顶部指定一些编译时的配置或依赖。第一次看到注意到这行代码，不知道的还以为是注释呢，查了资料才知道这是typescript中的三斜线指令，那有什么作用呢？这样的库，你通常会在你的测试文件中看到类似下面的导入语句，这同样会引入。

原创 vue3 ts项目结合vant4 复选框+气泡弹框实现一个类似Select样式的下拉选择功能

const warnNameList = ref([modelSystem(GetPrecent(1000, 1500), '模型名称'), modelSystem(GetPrecent(1500, 2000), '模型名称')])本来想使用vant现有组件直接使用，但是只找到了下拉菜单那种的组件，不满足这个项目的需求，于是我就自己将vant 气泡弹框结合复选框，实现了一个类似element Plus里select下拉选择的组件。// 默认选中下拉列表的第一项。// 复选框 全选状态。

原创 vue3 ts 实现一个下载数据功能（基本功能组件）

message: '导出完成!message: '导出开始!// 创建一个变量用来存储数据。// 添加数据，自动附带时间戳。// 导出数据到本地。

原创 CSS 超出一行省略号...，适用于纯数字、中英文

** 纯数字、中英文都适用 */文本超出显示省略号...

原创 js取随机16进制颜色

js取随机16进制颜色

原创 使用vscode拉取release远程分支，发现没有这个分支，但是远程仓库里确确实实有，是因为没有及时更新远程仓库分支导致

今天在开发过程中，需要从release分支上拉取代码重新拉个分支开发，方便后面迭代更新。但是我在vscode里点击分支，发现没有远程分支release/v1.0.0，但是仓库里确确实实有这个分支。然后我就上网查有类似的情况，参考别人是怎么解决的。2.输入命令 git remote update origin --prune。以上命令成功解决了我的问题，希望也对你有帮助~更新本地远程分支为最新的分支。查看本地目前的远程分支情况。1.在本地运行git branch -r。

原创 求助，怎么解决计算函数中的副作用

原创 Vue3 | ts 新手小白简单使用echarts实现二维动态仪表盘

新手小白简单使用echarts实现二维动态仪表盘

原创 使用Vue CountTo插件，将vue3 项目里将 数字从 0 到指定数字，保留动态效果

将vue3 项目里将 数字从 0 到指定数字，保留动态效果

原创 async 和 await的用法 | Promise简记

async用于函数声明，表示该函数是异步的。await只能在async函数内部使用。

原创 vue3项目里如何获取动态更新的时间 | 很简单

vue3项目里如何获取动态更新的时间 | 很简单

原创 ES6的解构赋值

ES6 引入了解构赋值，这是一种表达式，它允许你从数组或对象中提取数据，并将其值赋给声明的变量。

原创 前端 | qs 是什么

qs是一个 JavaScript 库，它主要用于处理 URL 的查询字符串（query strings），它可以帮助你将对象序列化为查询字符串，也可以将查询字符串解析为对象。

原创 关于ts一些乱七八糟的代码

/ return VArr.flat().filter(item => item.labelName === '运行模式').map(mitem => mitem.labelValue)// // runningMode: string // 列车运行模式(编码) {1: ATO模式;// // console.log(runningMode.value, '33') // 列车模式。// // console.log(nextStation.value, '33') // 下一站。

原创 前端接口报500如何解决 | 发生的原因以及处理步骤

前端接口报500如何解决 | 发生的原因以及处理步骤

原创 element-plus按需自动导入

element-plus按需自动导入，首先你需要安装unplugin-vue-components和unplugin-auto-import这两款插件

原创 简记函数中的 this 指向（普通函数，对象方法，构造函数，事件和箭头函数）

简记函数中的 this 指向（普通函数，对象方法，构造函数，事件和箭头函数）

原创 认识HarmonyOS项目工程目录（学后笔记）

build | 真机测试生成的构建目录，项目进行过真机测试就会有，没有进行真机测试后就没有（这里我没有进行真机测试，由于我电脑内存RAM才4GB,带不动，所以没有进行真机测试，就没有）；oh-package.json5 | 工程依赖配置文件，以及项目配置、包名之类的内容，类似于以前的package.json;.preview | 进入预览时会生成的构建目录，项目进行过预览就会有，没有预览过就没有（这里我预览过，所以就有）；hvigor | 前端构建配置信息，TS依赖包，npm包之类的内容；

原创 uni-app顶部导航栏监听返回按钮到指定页面

uni-app顶部导航栏监听返回按钮到指定页面

原创 手写rem移动端适配||rem=＞px

首先要知道，px和rem都是常见的长度单位，px是固定的长度单位（不管你的屏幕尺寸是多大多小，30px就是30px），rem是相对的长度单位（这里我设置，1rem=100px，所以test1的字体大小为font-size:0.3rem;不管我的屏幕是放大还是缩小，test1的字体大小0.3rem会根据屏幕的大小去放大或者缩小）。总结：设置rem适配，就是要设置html的font-size大小就行，其他的不用管。

原创 css如何引用.ttf字体文件|@font-face

css如何引用.ttf字体文件|@font-face

原创 实现路由懒加载的3种方法|vue-router

前端面试有时候会被问到“使用 vue 的时候会一下子加载所有的东西使得初始化页面很卡，该如何解决”？那这种情况你会怎么解决？我们应该想到可以使用路由懒加载和服务端渲染。

原创 遇到Uncaught Error: [vue-router] “path“ is required in a route configuration.怎么解决

遇到Uncaught Error: [vue-router] "path" is required in a route configuration.怎么解决

原创 全网页样式变灰这样实现

全网页样式变灰，页面变灰