学习微信小程序开发的一些经验

由于我刚刚开始学习微信小程序，以下也是一个临时声明。如果你有不同的想法，你也可以在群里分享。我希望这篇文章能对你有所帮助。

最近，我接触了一些前端框架，如Vue Js、React。我发现小程序的框架与它们非常相似。它们都提倡模块化、组件化以及数据和元素绑定。通过这种方式，没有繁琐的DOM操作，组件完全分离，样式和逻辑都封装在模板中，其他人编写的组件可以直接使用，这将大大提高我们前端开发的速度。

此外，微信小程序的界面很小，很容易调整。这意味着我们从纸质原型到运行app的实现将很快，因此我们可以花更多的时间来寻找或思考什么布局、什么组件看起来更好，以及什么特效用户体验会更好。当然，你必须熟悉微信框架，熟练使用css调整风格，然后才能这样做。

对于CSS，我发现很难调整位置（）和布局（）。你可以参考上面的链接来学习。例如，flex有许多属性，每个属性都有许多值。不可能一下子记住所有这些。事实上，最重要的是使用更多。你可以先看一遍，大致知道那里有什么。然后，您可以直接调整项目和文档的样式，并快速记住。事实上，最常用的方法是灵活方向、对齐项目和调整内容。

这让我想起，当我第一次阅读《小程序开发简介》这本书时，我仔细阅读了所有组件及其属性，并在阅读时试图记住它们。但我一个星期都没学过，用的时候就把它忘得一干二净了。两天前，团队正忙于这个项目。老板别无选择，只好请我的一名实习生帮忙做这一页。为了与项目框架合并，我必须使用以前从未使用过的框架。没有时间熟悉整个框架，所以我只能粗略地看一遍，然后开始写作。后来，我发现这个过程很顺利。在编写代码的过程中，您会发现框架的一些小细节。你会找到理解它的方法，然后逐渐熟悉这个框架。然而，即使有人在你学习之初告诉你这个细节，你也可能无法消化。例如，我记得《小程序开发简介》一书中说，js必须通过调用这个来更改数据。setData（）而不是使用它。data直接Variable=value，后面跟着解释。后来，我差点忘了怎么解释。当我去调试组件时，我想知道如何将后台请求的数据实时呈现到页面上。谷歌表示使用这个SetData（），结果表明，直接分配只会更改逻辑层的数据，而SetData可以在逻辑层数据更改后立即通知表示层。如果数据发生更改，可以进行渲染。

所以我了解到，当你有一定的前端基础时，学习一个新的框架需要两个过程：熟悉框架和开始项目。更快、更有效的方法是适当缩短之前的流程，并花时间进行手工培训。在这里练习并不完全意味着写别人的项目或查看模板组件。相反，我应该在读完他的代码后，自己尝试实现它，然后看看那些不会实现的地方。我以前也这样做过。我不敢根据视频中的代码更改ID。如果代码不一样，我担心它不会运行，但我不能在视频关闭时运行。这让我想起了一张照片，我认为这很合适。看着代码敲门就像老师在讲课。您可能会在自己的写作过程中遇到各种问题，但正是这个过程使您能够识别框架的细节，从而帮助您更快地熟悉框架。当然，一旦你熟悉了这个框架，你就可以随心所欲地玩了。

图像.png

在下一阶段，当我们熟悉框架时，我们不应该仅仅设定完成需求的目标。现在，互联网前端已经发展了这么久。各种UI框架和特效都做得很好。老实说，你的页面不够漂亮，布局不够清晰，特效也不够酷。我一进去就可以点击后退。因此，如果没有UI设计器，我们可以做的就是搜索现有页面的更好替代方案，并参考