modaoshi51991-优快云博客

原创 uniapp scrow组件和picker组件中空隙无法消除

笔者遇到一件难事，今天开发的时候，选择器组件和下拉滚动组件之间莫名其妙出现了一片空隙，虽然他们分属两个父容器，但是我确定他们的父容器都应该占满高度，并且他们之间并没有相互影响的padding或margin属性，但不知为何，他们就是连不到一起。最后解决的方法是我在他们之外又加了一层父容器，设置好样式后大致看不出来颜色差距，但是很明显那间隙还在，上下两个容器间距明显不对。

2025-01-16 18:43:27 112

原创 uniapp button 去除边框

uniapp很多时候调样式遇到了“理论上不应该出现的问题”，先去查查在uniapp环境中该怎么解决。压根不行，按钮还是浮在页面上有明显轮廓。在找去除边框的办法时试了好久。最后看到了大佬的文章。

2025-01-16 18:35:58 702

原创 uniapp 页面铺满屏幕

删了，竟然实现了全屏，有没有大佬路过能解答一下，实在没懂为什么。结果依然没法铺满全屏，最下面总是多了一段，气不过给。看了很多帖子，我在最外层加了样式。

2025-01-16 11:06:32 598

差量编译通过跟踪源代码的变化，只重新编译那些实际受到影响的文件或模块。具体来说，当检测到源文件发生变化时，编译器会分析这些变更，并确定哪些编译单元（如函数、类等）可能会受到该变更的影响。然后，它只会重新编译那些确实受到影响的部分，而保留其余未受影响的已编译代码不变。在传统的编译过程中，如果源代码发生任何更改，整个项目或者大量相关的文件可能需要重新编译，即使只有一小部分代码发生了变化。为了实现有效的增量编译，编译器通常需要维护一个依赖关系图，这个图记录了各个编译单元之间的依赖关系。

2025-01-13 18:03:27 459

原创 uni-app pages.json

通过 tabBar，你可以定义应用启动时显示在底部的导航栏，用户可以通过点击这些标签来快速切换不同的页面。pages数组：用于定义应用的页面路径、窗口表现、导航栏样式等，它列出了应用中所有的页面路径，并决定了这些页面的加载顺序和一些初始设置。style (Object)：可选，用于配置该页面的一些样式和行为，例如导航栏的颜色、是否启用下拉刷新等。减少初始加载时间：只有用户访问特定子包中的页面时，才会加载该子包的资源。root (String)：必填，表示子包的根路径，相对于项目根目录。

2025-01-13 17:57:59 847

原创 Ant Design Vue------Switch组件

Ant Design Vue的switch选中与不选中默认绑定的值是一个布尔类型的，之前与他相关的值都是布尔类型的，因此也没深究过。直到今天，与之绑定的是一个string类型的值。去Ant Design Vue官网，发现Switch可以通过checkedValue和uncheckedValue属性改变其绑定值的内容，支持布尔，string，number三种类型，一秒搞定。以后遇到插件相关不动的还是不能想当然，莫名把路走远了，多看看官网文档，或许搞定的要快一些。

2025-01-12 10:56:14 312

原创 git add&&commit&&push

m 或 --message：这个选项允许你在命令行中直接提供提交信息，而不是打开默认的文本编辑器。“描述性提交信息”：这是你为这次提交提供的简短描述，最好能清晰地说明这次提交做了什么改动。将所有更改添加到暂存区。注意，. 表示当前目录及其所有子目录。HubilderX的git插件没用过，直接用命令吧，记录一下。git commit：这是提交更改的基本命令。推送当前分支到默认的远程仓库。

2025-01-12 10:55:53 139

原创 vue-parseInt

作用是将string参数转化成对应的数字，radix是可选填项，代表转化的进制，不填默认按10进制转化。3进制合法字符为012，5是非法字符，直接舍去，最终转化结果为1（即1*(3^0）)特殊情况，转化数字超出了radix对应进制的最大位。比如parseInt（‘15’，3）

2025-01-11 10:47:52 180

原创 vue-响应式变量（ref&&reactive）

直到最近接手了一个公司前辈的项目，对比人家写的代码，再回想起自己写的代码，简直是在用马力来拉火车，主打一个现代+中世纪的魔幻感，其中一部分就是今天我们要讲的主题，vue的特色，响应式变量。回想起我之前写代码的时候，用传统变量，每次操作完就要调用一个手动的刷新函数，一个系统有10来个环节，每个环节结束我都要手动刷新，三个大模块写到后面我人都晕掉了，维护起来更是一团乱麻，牛魔的哪知道哪里要调哪个刷新函数。说起来，也不知道之前写的那个系统还在不在使用，我的锅，把一个复杂的系统搞得更复杂了。

2025-01-11 10:47:30 921

原创 uni-app 页面跳转方式

uni.switchTab：跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。仅适用于带有 tabBar 的页面。uni.navigateTo：保留当前页面，跳转到应用内的某个页面。用户可以通过返回按钮回到原页面。uni.redirectTo：关闭当前页面，跳转到应用内的某个页面。用户不能通过返回按钮回到原页面。uni.reLaunch：关闭所有页面，打开到应用内的某个页面。

2025-01-10 14:41:35 147

原创 uni-app uuid

一般的内部系统不需要通过uuid来加密，但是我这就遇到了。xxxx替换成前后端约定的uuid名称。将XXXX进行编码，成为XXXXX。首先需要安装和引入uuid库。最终请求url形式是。

2025-01-10 14:41:03 299

原创 ts-any，never，unknown

any，顾名思义，任何类型，表示没有任何限制。变量类型一旦设为any，TypeScript 实际上会关闭这个变量的类型检查。unknown和any一样属于顶层类型，意味着ts也不知道你这unknown是什么类型，但与 any 不同的是，unknown 类型不允许你在不先进行类型检查的情况下执行任何操作。never：表示永远不会发生的值，主要用于函数签名，表明函数不会正常返回，或者是用来捕捉不可能的情况。笔者之前做的项目基本都是vue+js,这回头一回接手了一个ts的项目，懵了半天，逐渐补了点知识。

2025-01-09 16:39:17 216

原创 app开发pages.json页面常见属性

这里 /static/uni.ttf 是相对于项目根目录的路径，指向一个名为 uni.ttf 的字体文件，这个文件应该包含了与 text 属性对应的图标字符。含义：这是 UniApp 中的一个平台标识符，专门用于配置针对 App 平台（如 Android 和 iOS）的特定设置。含义：这是 UniApp 提供的一种方式，用于自定义应用顶部的导航栏（也称为标题栏）。含义：一个包含一个或多个按钮对象的数组，每个对象定义了单个按钮的属性。含义：设置了按钮内文本（或图标）的大小为 22 像素。

2025-01-09 16:37:53 379

原创 idea git token

笔者今天push代码的时候遇到了一件事，idea向我索要token，不然就acess denied。正常来说是不需要输入token的，如果系统提示你需要token，说明你安装并启用了GitLab插件。这样正常输入git账号密码即可完成push。

2025-01-08 13:54:27 225

原创 git自用指南

建议每次上传前都pull一下，避免远程仓库出现冲突，但pull之前最好先自己留个备份压缩包，省的万一出现merge去找变动找半天，特别是一些特别小的变动，属实废眼睛。git clone ：克隆远程项目到本地创建本地仓库，一般就最开始接手项目时用一次。一般上传更新版本时先commit修改本地库，再push将本地库修改同步到远程库。git fetch：是从远程获取最新版本到本地，不会自动merge；git pull：是从远程获取最新版本到本地，并自动merge；平时工作中经常使用git，用的多的就是。

2025-01-08 13:54:07 268

原创 vue2与vue3生命周期钩子的不同

调用后，所有的事件监听器会被移除，所有的子实例也会被销毁。Vue 2：created 钩子在实例创建完成后被调用，但此时组件还没有被挂载到 DOM 上。Vue 3：onMounted 钩子在组件挂载完成后被调用，此时组件已经被插入到 DOM 中。Vue 3：onBeforeUnmount 在组件即将被卸载前调用。Vue 2：beforeDestroy 在组件即将被销毁前调用。Vue 3：onUnmounted 在组件被卸载后调用。Vue 2：destroyed 在组件被销毁后调用。

2025-01-06 18:47:22 625

原创云服务器重装后ssh连接失败

ssh服务是通过公钥和私钥来进行连接的，它会把每个曾经访问过计算机或服务器的公钥（public key），记录在~/.ssh/known_hosts 中，当下次访问曾经访问过的计算机或服务器时，ssh就会核对公钥，如果和上次记录的不同，OpenSSH会发出警告。把云服务器重装了准备重新来过，结果按自己之前记录的配置完了发现ssh无法连接并报以下错误。原来是我重装了云服务器导致公钥发生了变化，我存储在本地的公钥对不上了导致的。最近忙完了手头的事，重新开始捯饬个人博客的事。搜了一下，按以下文章解决了。

2025-01-06 18:45:45 187

原创华为云L实例云服务器部署前后端分离项目全过程记录

2024-06-25 19:26:24 805

原创 centos8安装mysql报错

请注意，我们将只启用一个 powertools 配置块，其余的配置块均被禁用。今天想下个mysql，配置下数据库，结果给我来这一出，太搞了。然后发现果然powertools 仓库被多次配置了。

2024-06-16 20:06:21 373

原创 WINDOWS系统jdk和maven明明安装了cmd里却无法使用相关命令

今天当了回s b新电脑jdk和maven装是装了，系统变量也配置了，但没配置完，javahome和mavenhome没配置，结果cmdjdk和maven版本都查不到，我真s b啊。

2024-06-15 10:45:45 675

原创小心人工智障

基本上centos命令都懒得自己动脑，直接把需求给gpt然后cv命令就用了事实证明还是需要自己盯一盯的，今天我想给新服务器配置一下环境，下个maven，给了他现在官网最新的版本号，他给我修正好的下载命令，用完我绷不住了。总结：多思考多动脑，不要偷懒什么都交给ai，不小心就被阴了。给我下载了个maven官网下载的html页面。最近gpt用的有点多。

2024-06-11 19:48:16 275

原创华为云服务器CentOS 8解决yum不能更新源问题

起因：作者想在自己的服务器上部署一个前后端分离项目，因此配置环境准备通过yum命令下载maven结果就报了从仓库 ‘appstream’ 下载元数据失败：由于镜像列表中没有 URL，不能准备内部镜像列表。原因是CentOS 已经停止维护的问题。

2024-06-11 19:35:29 1035 1

原创 linux常用命令（未完待续）

ls -l 命令是 Unix 和 Unix-like 操作系统（如 Linux 和 macOS）中的一个命令，用于列出目录中的文件和子目录，并显示详细信息。

2024-06-09 10:29:13 127

原创个人开发网站云服务器选择

个人开发网站，比如说建个博客，我建议是2核2G的ECS或者Flexus L，ECS通用性好一点，Flexus部署起来简单一点。根据你的具体需求，可以选择合适的云服务器类型以获得最佳的性能和成本效益。评估需求：根据应用的计算、内存、存储和带宽需求选择合适的实例类型。性能要求：选择适合性能要求的实例类型，如计算优化型、内存优化型等。提供与物理服务器相同的性能和控制，具有云服务器的弹性和灵活性。扩展性和灵活性：考虑未来扩展需求，选择易于扩展的实例类型。高灵活性，可选择不同的 CPU、内存、存储和带宽配置。

2024-06-09 10:27:40 920 2

原创阿里云ECS服务器部署javaweb项目实操

在阿里云ECS实例上部署Java Web项目涉及几个主要步骤：创建和配置ECS实例、安装必要的软件（JDK、Web服务器、数据库等）、部署Java Web应用程序以及配置防火墙和安全组。通过以上步骤，你应该能够在阿里云ECS实例上成功部署并运行你的Java Web项目。访问Tomcat默认页面：在浏览器中访问http://your-ecs-ip:8080，你应该能看到Tomcat的默认页面。你的Java Web应用程序现在应该在http://your-ecs-ip:8080/your-app可访问。

2024-06-08 16:28:52 789 2

原创华为云耀云服务器L实例规则配置教程（亲自实操经验）

我刚买了这个最基础的36￥的L实例的云服务器，这个实例是自带公网ip的，不需要额外购买。我准备先配置好，能够通过公网ip访问，以便之后上传javaweb项目可以直接访问，不过中途遇到了点问题，但是已解决，记录一下方便以后操作，如果能帮到和我一样的纯小白就更好了。我选的系统是CentOS7/8，之后的命令也是centos的弹性公网ip购买后会自动绑定，不用瞎操作接下来是购买后配置的步骤。

2024-06-08 16:28:12 1354

原创【前端每日基础】day37——为什么 Vue 中定义变量的地方需要使用 data 函数并 return 出去？

在 Vue 中，data 需要是一个函数而不是一个对象，这是为了确保每个组件实例有一个独立的数据对象。这样每个组件实例都有自己的独立的数据副本，避免不同实例之间的数据共享和相互影响。如果 data 是一个对象，那么所有的组件实例将共享这个对象，这会导致数据状态混乱。

2024-06-07 20:36:34 190

原创【前端每日基础】day40——计算属性和侦听器

用于监听一个或多个数据属性的变化，并执行副作用操作。适合处理异步操作或监控数据变化执行特定逻辑的场景。结果会被缓存，只有依赖发生变化时才会重新计算。适合处理复杂逻辑并且依赖多种数据源的场景。不会缓存结果，每次数据变化都会执行。用于基于依赖数据计算新的属性值。

2024-06-07 20:36:23 164

原创【前端每日基础】day38——v-for 的 diff 算法的原理

键值（key）优化：通过为每个节点设置唯一的 key，Vue 可以更高效地跟踪每个节点的变化，直接复用、移动、删除或添加节点，而不是逐个节点比较。比较旧的开始节点和新的结束节点：如果相同，说明新节点移动到了列表的末尾，需要进行 DOM 操作将旧节点移动到末尾，并移动指针。比较旧的结束节点和新的开始节点：如果相同，说明新节点移动到了列表的开头，需要进行 DOM 操作将旧节点移动到开头，并移动指针。比较新旧节点列表的开始节点：如果相同，则更新节点并移动 oldStartIdx 和 newStartIdx。

2024-06-06 19:37:36 533

原创【前端每日基础】day39——v-if 和 v-for优先级

在这个例子中，v-for 指令会首先执行，将 items 数组中的每个项目都迭代一次，然后对每个项目进行 v-if 判断。为了优化性能，可以在 computed 属性中预先过滤数据，而不是在模板中使用 v-for 和 v-if 同时存在的组合。通过理解 v-if 和 v-for 的优先级，以及使用优化的方法，可以写出更高效的 Vue.js 代码。v-for 的优先级高于 v-if，即 Vue 会先处理 v-for，然后在每个迭代中应用 v-if。v-if 和 v-for 的优先级。

2024-06-05 20:40:26 482

原创【前端每日基础】day44——vue2和vue3的区别

在 Vue 3 中，可以使用 Composition API，将相关的逻辑组合在一起，使代码更易于复用和维护。Vue 3 引入了 Teleport 组件，允许开发者将某个组件的 DOM 树渲染到当前组件树之外的任意位置。在 Vue 2 中，组件的逻辑通常是通过 data、methods、computed 等选项来定义的。通过这些代码实例，您可以更清晰地看到 Vue 2 和 Vue 3 之间的一些主要区别和改进。Vue 3 使用 Proxy 实现响应性系统，能够检测到对象属性的添加和删除。

2024-06-05 20:37:58 526

原创【前端每日基础】day43——同步异步

在上述例子中，taskA 和 taskB 都是异步操作，它们不会阻塞 taskC。因此，taskC 会立即执行并输出结果，而 taskA 和 taskB 会在各自的定时器完成后输出结果。同步指的是程序中的操作按顺序执行，每个操作必须等待前一个操作完成后才能开始。在上述例子中，taskB 只有在 taskA 完成后才会执行，taskC 只有在 taskB 完成后才会执行。假设有三个任务 A、B 和 C，它们是异步执行的，任务 B 和任务 C 可以在任务 A 完成之前启动并执行。同步和异步在实际编程中的应用。

2024-06-04 22:16:48 314

原创【前端每日基础】day36——vue组件的通信方式

在Vue.js中，组件通信是一个重要的概念，它允许组件之间进行数据传递和事件处理。Vue.js提供了多种方式来实现组件之间的通信，适用于不同的场景和需求。Vue.js提供了多种组件通信的方式，从简单的父子组件通信到复杂的跨级组件通信，每种方式都有其适用的场景。它集中式存储和管理应用的所有组件的状态，并以一种规则化的方式保证状态以一种可预测的方式发生变化。子组件可以通过$emit方法向父组件发送事件，父组件通过监听这些事件来接收数据。事件总线是一个中央事件处理器，可以用来在任意组件之间传递事件。

2024-06-04 22:16:12 2132

原创【前端每日基础】day42——关于 Vuex 共有几个属性，哪里可以书写同步任务，哪里可以书写异步任务？如果在 Vuex 中调用请求，在 Vuex 中会经历的流程大致描述一下

通过这种流程，Vuex 实现了从组件触发异步操作，到状态更新，再到组件视图更新的完整数据流动过程。异步任务：在 actions 中书写，因为 actions 可以包含异步操作，并且可以在异步操作完成后再提交 mutations 以改变状态。action 接受 context 作为参数（可以解构出 commit 和 state），在 action 中执行异步操作，如 API 请求。组件通过计算属性（或直接访问 state）监听 state 的变化，当 state 更新时，Vue 的响应式系统会自动更新视图。

2024-06-03 21:26:17 613

原创【前端每日基础】day41——Vue 的生命周期

beforeMount：在挂载开始之前被调用，相关的 render 函数首次被调用。destroyed：实例销毁后调用，所有的事件监听器被移除，所有的子实例被销毁。created：实例创建完成，数据观测和事件配置已经完成，但未挂载 DOM。beforeDestroy：实例销毁之前调用。在这一步，实例仍然完全可用。beforeCreate：实例初始化之后，数据观测和事件配置之前。beforeUpdate：响应式数据更新之前被调用。mounted：实例挂载完成，DOM 渲染完成。

2024-06-03 20:59:54 152

原创【前端每日基础】day35——HTML5离线存储

LocalStorage和SessionStorage适用于简单的键值对存储，IndexedDB适用于复杂的数据存储和查询，Service Workers则提供了强大的缓存和后台处理能力。HTML5引入了一些新的特性和API来增强Web应用的功能，其中之一就是离线存储。Web SQL是一种基于SQL的数据库API，最初由WebKit项目提出，但目前已被废弃，不推荐在新项目中使用。概述：SessionStorage用于临时存储数据，数据仅在当前会话存在，关闭页面或浏览器后数据消失。在HTML中引用缓存清单。

2024-06-02 21:38:16 721

原创【前端每日基础】day34——HTTP和HTTPS

HTTPS是HTTP的安全版本，通过SSL/TLS协议对数据进行加密。HTTP是无状态的，这意味着每个请求都是独立的，与之前的请求没有关系。性能：HTTPS的握手和加密过程会增加一些开销，通常比HTTP稍慢，但现代技术优化使得差异较小。加密：通过SSL/TLS协议对传输的数据进行加密，防止数据在传输过程中被窃听。无状态：每个请求与前一个请求是独立的，服务器不会记住之前的请求状态。GET：请求指定资源的信息，只获取数据，不会修改服务器上的资源。HEAD：与GET类似，但只请求资源的头部信息，不返回实际数据。

2024-06-02 20:40:48 642

原创运维开发详解

运维开发（DevOps）是开发（Development）和运维（Operations）的结合，旨在通过自动化和协作提高软件开发和交付的效率、速度和可靠性。DevOps强调文化、实践和工具的融合，以实现持续集成（CI）、持续交付（CD）和持续监控。Stack Overflow、Reddit的r/devops、DevOps相关的Slack和Discord社区。通过系统学习和实践，逐步掌握DevOps的核心概念、工具和实践，可以显著提高软件开发和运维的效率和质量。

2024-06-01 22:28:50 830

原创网络运维的重要性

通过有效的网络运维，企业可以提高网络性能和可靠性，增强安全性，支持业务连续性和发展，降低运营成本，提高用户满意度。它涉及网络的规划、部署、监控、维护和优化。随着业务的发展，网络运维需要规划和实施网络扩展，确保网络能够支持不断增长的用户和流量需求。网络运维通过监控网络流量和性能指标，识别和消除瓶颈，优化网络性能，确保数据传输的高效性。网络运维确保网络的可靠性和稳定性，为业务连续性提供坚实保障，支持企业的正常运营和发展。通过优化网络性能和稳定性，网络运维确保用户能够获得良好的网络体验，提高用户满意度。

2024-06-01 22:25:31 481

原创什么是容器

容器镜像是一个静态的文件，包含了容器的文件系统和运行时环境。Kubernetes是一个用于容器编排的开源平台，能够自动化容器的部署、管理、扩展和网络配置。Docker是目前最流行的容器化平台，提供了构建、运行和管理容器的工具。容器技术在CI/CD流程中被广泛使用，通过容器化的构建、测试和部署流程，提高了交付速度和质量。容器镜像可以在任何支持容器运行时（如Docker）的系统上运行，实现跨平台的应用迁移和部署。通过学习和实践，可以深入理解容器技术的原理和应用，提升在运维和开发中的效率和灵活性。

2024-06-01 22:23:22 659

空空如也

空空如也