Skip to content

小程序模块化开发实践:页面逻辑拆分与组合

在小程序开发中,随着业务逻辑的不断增长,单个页面的 JS 文件很容易变得臃肿难以维护。 可以使用官方提供的组件间代码共享方案 behaviors 来解决这一问题, 但将页面改为 Compose 会导致灵活性受限,无法使用页面生命周期。则可以选择拆分页面逻辑实现模块化开发,使用分离和组合的方式来提升代码的可维护性和复用性。

自定义微信小程序 picker 组件

微信小程序中的 picker 是一个从底部弹起的滚动选择器,虽然能够满足大多数应用场景, 但如果我们需要让内容不局限于选择器,而是要在这个 抽屉 里面放各式各样的内容, 那官方 api 就不太能够满足这个需求了,我们需要自定义一个 picker 组件。这个效果实现起来并不难,但是涉及到一些基础知识,因此稍加记录。

Node.js + 微信小程序

wechat node

本文主要介绍如何使用 node(Express.js) 完成一些后端业务的开发,例如 数据库连接,发送邮件验证码。

如何优雅处理多个异步操作?

在 JavaScript 开发中,经常会遇到需要处理多个异步操作的需要,为避免陷入回调地狱或逻辑混乱,总结了处理多异步任务的方法,包含 Promiseasync/await 及常见陷阱解决方案。

关于 await

我们在处理 Promise 结果时通常会用 .then() 获取结果,有时为了简化会用 await ,那么 await 是什么?为什么 await 能够简化这个步骤?

await 是基于 Promise 和生成器函数(Generator)的语法糖。它简化了异步代码的编写方式,但底层仍然依赖于 Promise 的机制。

Vue3+Ts 模仿一个 IDE 中的文件树

使用 Vue3 做一个能够通过选定的本地文件夹生成一个类似 IDE 左侧的文件树,同时点击文件可显示基本信息的功能。

发布自己的npm包

发布 npm 包的详细流程以及可能会遇到的问题。

vue3部分组件导入时爆红(Vue3+Ts)

webstorm 中导入部分组件时 IDE爆红,运行正常,但会导致构建错误的解决办法。

corepack管理包管理器

为VuePress文档添加右侧导航栏

关于 Promise 的结果处理

在使用 Promise 的时候,遇到一些误区,同时总结处理 Promise 结果的方法。
对与Promise 的结果处理,需要从 JavaScript 的事件循环和 Promise 状态机角度来理解。

git commit -m 提交规范建议

提示

本文已归类进系列文章中,若要了解 git 的更多信息,请查看 笔记 - 备忘录 - Git提交信息规范

在使用 git commit -m 时,遵循规范的提交信息格式可以提高代码可读性、协作效率和版本管理质量。

利用:root切换主题

在尝试几种切换主题方法后,感觉利用root切换主题更加方便,将实现过程记录一下。

让div标签支持focus/blur事件

为实现一个类似 select 下拉选择框效果,想到用 clickblur 事件来处理,但在实践过程中发现 div 正常情况下是无法获得焦点的。

修改element-plus的css变量