My Blog

「黎明到来之前都是黑暗的」

开发流程！development Process !

开发流程不规范带来的影响真的太多了！

招聘信息 要求有从需求到上线的经验，这其实就是为了规避那些不必要的影响和提高开发效率 公司没有所谓的「开发流程」，这句话很泛，有人不能理解，觉得没有流程怎么开发？ 换一个解释就通俗易懂了： boss: 你们做一个聊天软件 开发: …… 这就是公司目前的现状，某个人提出需求，甚至都不能称之为「需求」，只是「一句话」而已，然后开发人员就开始开发…..🙋🏻 需求的形...

Posted by My on April 8, 2025

弹性盒均匀布局

flex-grow，flex-shrink，flex-basis

弹性盒 flex 布局是现在最常用的一种布局方式，而均匀分布、按比例分布等等也是我们最常见的一种需求。而 flex 这个属性恰恰能满足我们的日常需求。 属性讲解 flex-grow flex-grow 属性定义了项目的放大比例，默认为 0，即如果存在剩余空间，也不放大。如果所有项目的 flex-grow 属性都为 1，则它们将等分剩余空间。 也就是说，如果我们的需求是要均匀分布几个...

Posted by My on March 12, 2025

告别 「if-else」

告别 「if-else」，使用 「return」，让你的代码更简洁

思路来源于 CodeQi《告别 “if-else”，改用 “return”！》 死去的记忆突然刺痛我！ 想起来以前的同事也使用 v-else 嵌套，我在版本迭代，修复了一些 bug 时，就把这段「逻辑」给处理了。当时项目负责人还反对我修改，或者说不相信我的写法。 原先的 if-else 写法 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 if (...

Posted by My on March 6, 2025

uniapp 小程序跳转

uniapp 支付宝小程序之间跳转？

前言 目前遇到这么一个需求，在业务中，需要对接第三方平台的功能，使用他们的插件。在调用他们插件时，需要提供 userId，但随着支付宝小程序版本的迭代，新申请的支付宝小程序都默认是返回 openId，因此，针对这个问题，有几种不同的方案。 方案一： 第三方插件使用 openId 进行用户鉴权。 方案二： 使用 userId 接入第三方插件。 将当前小程...

Posted by My on February 28, 2025

uniapp 主题切换的实践

如何更方便的实现uniapp-小程序的主题切换？

前言 「主题切换」在我的认知里有两种方法，一是使用类名，二是自定义变量。 类名 即 .light 和 .dark 是不同颜色的两套样式文件，根据当前的主题，给根元素添加对应的类名。 自定义变量 即声明自定义变量，在 「style」中直接使用自定义变量。 我更加青睐于「自定义变量」，在网页端的项目里，曾有过实践。 网页端主...

Posted by My on February 11, 2025

vue props 写法更新

props 的写法更加灵活

前言 这个项目是新起的，另外也没有注意 vue 版本的更新，所以在写组件传值的时候，还是使用以前的习惯。 对于父子组件间的传值，我的习惯是这样的： 1 2 3 4 5 6 7 8 <script setup lang="ts"> const props = defineProps({ title: { type: String, default: "",...

Posted by My on October 7, 2024

弹窗方式的探索与优化

如何优雅方便的实现弹窗功能

一、前言 弹窗都不陌生了，在一些面试中，问到 vue 的父子间通信，常常是举 「弹窗」 这个例子。 在我以往的开发中，最初是通过属性绑定，即:的方式来实现弹窗的显示与隐藏，核心点就是需要声明一个变量，如 isShow，然后传给弹窗组件 —— :show="isShow"。但当弹窗数量变多与业务的复杂化，我并不喜欢声明一堆变量，那我又换了另一种方式。 通过调用组件的方法来实现，即一般情况...

Posted by My on September 30, 2024

vue3项目0到1的探索之路

一个项目包括语言、框架、构建工具、路由、状态管理、UI组件...

一、前言 做开发这么久了，动手搭过项目，查过资料，但是一直以来都没有很好的将整个流程记录下来，所以这次打算把自己在做 vue3 项目的过程记录下来，希望能给后面自己再搭项目的时候提供一些参考，而不是再去翻别人的博客了。 二、正文 1. 项目准备 首先，我们需要准备好项目的基本环境，包括：「项目名称」、「项目描述」、「项目技术栈」、「预处理器」、「UI 组件库」等。 不是专业的架构师，...

Posted by My on August 10, 2024

h5页面加载更多的实践

上拉加载更多是用UI库，还是自己封装？

前言 在 h5 页面中，列表页是需要有分页效果的，最常见的就是使用上拉加载功能，那就近正好遇到了，那基于这个需求，就来分析一下如何实现这个功能。 那目前，整个页面含有几个组件，细的就不说，主要是整个页面框架和「上拉加载」组件。 基本的内容准备 UI 效果是这样的： 基于此，要实现上拉加载，得先有这个页面的容器和数据的请求接口，下面就针对这些进行分析。 页面框架 页面框架是基于 ...

Posted by My on April 10, 2024

vue 的 ui 更新

vue ui 更新的时机

前言 最近写代码的时候发现一个小问题，就是点击提交按钮时，loading 效果的变化。我们一般都会在表单提交、或者列表查询时给按钮添加一个 loading 效果，当用户点击提交按钮时，按钮会变成 loading 状态，当提交成功或者失败时，loading 效果会消失。 但是，我发现有时提交表单时，loading 效果并出现，所以我研究了一下。 问题 1 2 3 4 5 6 7 8 9...

Posted by My on August 24, 2023

FEATURED TAGS
知乎 javascript 基础 Javascript Vue Web class vue 笔记 React ant design 职业 Git JavaScript uniapp
ABOUT ME

要做一个有 swag 的程序员