欢迎来到我的博客！我是一名拥有10年以上经验的系统架构师。在这个博客中，我将与大家分享我在C#、JavaScript、Python、Docker、SQL和Rust等领域的知识与经验。 作为一名技术爱好者，我相信技术的力量可以改变世界。

gap属性的出现，彻底改变了我们处理组件间距的方式。它让我们从繁琐的margin和padding设置中解放出来，转而采用更简洁、更灵活的间距控制方式。通过在设计组件时避免在外层包裹元素上添加padding，我们可以在flexbox中通过gap来精确控制视觉元素之间的间距，确保布局的一致性和美观性。当然，任何新技术或新思路都需要在实际项目中不断验证和调整。但无论如何，gap属性无疑为我们提供了一种更优雅的布局解决方案。

通过这次经历，我们不仅解决了computed的异步更新问题，还深入理解了 Vue 3 的tick机制。Vue 3 的异步更新策略虽然复杂，但通过合理使用nextTick，我们可以确保在异步更新后获取到最新的数据。在日常开发中，我们应该更加关注 Vue 3 的异步更新策略，尤其是在使用computed和watch时，确保数据的更新和渲染顺序正确。通过这种方式，我们可以编写出更加高效和可靠的 Vue 3 代码。

在当前的开发实践中，我们选择了开源项目 Geeker-Admin 作为前端框架的二次开发基础。其内置的 ProTable.vue 组件虽然提供了一定程度的开箱即用性，但在实际业务场景中逐渐暴露出设计上的局限性，尤其是其将 搜索条件表单 与 数据表格 高度耦合的实现方式，导致组件在复杂场景下的灵活性和复用性不足。

Rust的所有权机制，数据允许通过借用的方式，在函数的上下文中传递数据。如果离开数据作用的有效范围，这个借用就会失效，编译就会报错。这也是我们不会将借用(引用）作为函数的返回值的原因。

资源中的代码非常简洁易懂，虽然离商用场景还有一段距离，但是涵盖了前端的组件搭建、事件通信和反向代理，以及后端的Restful API的路由、功能实现和数据库访问。此外，还包括了postgres数据库的初始化脚本和docker部署脚本，方便您快速搭建环境。

Yew是一种用于构建现代Web应用程序的Rust框架，其计目标是提供一种安全、高效、易用的方式来构建Web应用程序。Yew基于WebAssembly（Wasm）技术，将Rust代码编译为能在浏览器中运行的Wasm二进制文件。这使得Yew能够充分利用Rust的内存安全和并发性能优势，同时保持前端开发的灵活性和易用性。最后，Yew采用了类似于React的组件化开发模式，这一点使其能容易被接受，毕竟Reactjs的开发人员很多，其中也包括我在内。

今天的工作重点又从后端API转移到了前端Yew的开发中。目前已经完成了前端到后端的数据持久化，以及后端到前端数据展示。现在基本上打通了基于Rust的全栈链路，当然还有很长的路要走，至少后面是1到100的问题了。在这几天的开发工作中，类型的转换无处不在，不同的类型意味着不同的逻辑上下文，而数据必定是在不同的逻辑上下文中流动以实现特定的功能。我们这里提到了类型和逻辑上下文，这和类型的一等公民地位有啥关系呢？

Yew的SSR模式推荐使用function_component组件，并且在function_component中使用hooks。其中，我使用到的第一个hook是use_state。use_state的设计意图与React中的useState非常相似，都是为了保存并修改当前的状态。然而，由于Yew是用Rust语言实现的，所以在具体使用上还是有一些差异的。

在Rust的世界中有一个叫Yew的框架，它借鉴了React的思想。我的React代码也写了不少，今天就聊一下我个人对Yew应用开发中事件相关部分的体验。

我们聊到了代码中的3中错误。今天我想在具体的代码上讨论如何应对这3中错误。

从函数的角度看TDD开发

使用semver库来获取最大版本号

最近在我的工作环境中使用taro的build出了问题，虽然最终找出的原因都不是taro本身的问题，但是还是想把探索过程中所接触到的文件记录一下，为的是分享给未来的自己，如果对你有用，那真是太巧了。本机使用的是nvm，当前应用的node版本为8.15.1，因此taro的全局安装目录在node/v8.15.1/下。Taro build命令的入口node/v8.15.1/lib/nod...

关键字：移动端，无下拉，可滚动页面在做移动端的H5页面时，由于手机自有的特性，整个页面具有下拉刷新功能。但如果我们仅仅是做展示页面，不希望下拉刷新，但同时也想保留整个页面的正常上下滚动，该如何做呢？实现要点禁用body上的touchmove事件 设置恰当的元素布局 使用matrix实现页面正常上下滚动禁用body上的touchmove事件document.body.add...

我记得10年前，我用Javascript只是为了补充一下Asp.net上AjaxControl的动态数据加载，而现在Javascript几乎成为了前端开发的主流语言。如果仍然用10年前那种把Javascript当成小脚本的方式来完成现在的前端项目，那么任何一个项目都可能变成一个噩梦。为什么是ESlint众所周知，Javascript是一种动态语言，其优势很明显，缺点也众所周知（参考...