微信小程序的框架与众不同，你了解吗？

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

微信小程序的框架与众不同，你了解吗？

*近接触了一些前端框架，比如Vue.js、React，发现小程序的框架体系和它们很相似。 他们都主张模块化、组件化以及数据和元素绑定。 这样就没有繁琐的DOM操作，组件完全分离，样式和逻辑都封装在模板中，可以直接使用别人写的组件，这将显着提高我们前端的速度开发。

此外，微信小程序界面较小，易于调整风格。 这意味着我们从纸质原型到运行APP的实现会非常快，这样我们就可以花更多的时间去寻找或者构思，什么样的布局、什么样的组件会更好看、怎样的特效用户体验会更好。 当然，在此之前，你必须熟悉微信框架，熟练使用CSS调整样式。

关于CSS，我个人认为比较难调整的是定位（理解fixed和,的区别就可以了）和布局（flex很有用）。 您可以参考上面的链接来学习。 和flex一样，它有很多属性，每个属性都有很多值。 一次性记住它们是不可能的。 其实*主要的是要多次使用。 可以先过一遍，大致知道是什么，然后直接启动项目调整样式，调整到文档上，很快就记住了。 其实*实用的是flex-、align-items和-。

这让我想起了刚开始看《小程序开发入门》这本书的时候。 我仔细阅读了所有组件及其属性，并在阅读时尝试记住它们。 但后来一周没学微信小程序的框架与众不同，你了解吗？，用的时候就完全忘记了。 还有，前两天，团队在做一个项目，老板无奈，只好请我这个实习生帮忙制作页面。 为了能够和项目框架融合，我不得不用一个我以前从未使用过的框架来编写。 我没有时间熟悉整个框架，所以只能简单过一遍然后开始写。 后来我发现这个过程还蛮顺利的。 在写代码的过程中，你会发现这个框架的一些小细节。 你会尝试去弄清楚，然后你就会慢慢熟悉这个框架。 然而，即使在你刚开始学习时有人告诉你这个细节，你也可能无法消化。 比如我记得《小程序开发入门》一书说js必须通过调用this.()来改变数据，而不是直接使用this.data.=value，后面有解释。 后来我都快忘记怎么解释了。 直到我在调试一个组件时，我想知道如何将后台请求获取到的数据实时渲染到页面上。 我说用这个。()。 事实证明，直接赋值只会改变值。 逻辑层数据可以用于在逻辑层数据发生变化后立即通知表示层。 如果数据发生变化，您可以渲染它。

所以我有一个经历。 当你有了一定的前端基础之后，学习一个新的框架是分两步的过程：熟悉框架和上手项目。 更快更有效的方法就是适当缩短前面的流程，利用时间来练手。 这里的练习并不完全意味着针对其他人的项目进行编写或查看模板组件。 相反，我应该尝试把他的代码看一遍，然后自己去实现微信小程序开发书，然后再看看无法实现的部分。 我以前也遇到过这种情况。 我按照视频里的代码输入，连它给出的ID都不敢改。 我担心有什么不同并且代码无法运行。 但关掉视频，自己打字之后，我就再也做不下去了。 这让我想起一张图，我觉得很贴切。 看代码敲代码就像老师讲课一样，一条路通到底，写到一半你可能会遇到各种问题，但正是这个过程可以让你体会到这个框架的各种细节，从而帮助您了解更多信息。 快速熟悉框架。 当然，一旦熟悉了框架，就可以随心所欲地玩了。

图片.png

下一阶段，当我们熟悉框架的时候，我们不应该仅仅把目标定为完成需求。 现在互联网前端发展了这么久，各种UI框架和特效都已经做得相当不错了。 说实话，你的页面不够漂亮，布局不够清晰，特效不够炫酷。 我大概一进去就点了返回。 。 因此，在没有UI设计师的情况下，我们能做的就是自己寻找现有页面更好的替代方案，参考成功APP的布局、风格、色调、漂亮的组件等。

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等