背景

从前学习的模式都是看语法、看API、看实例、再动手操作示例。倒也不是说这种方式不好,只是今天学习Vue,下次学习react,不免又要重新拿出来学习一番,如此往复,长远来看,难免有点影响效率。前几天读到一个博客,作者按照模块化的思想,跳出语言本身,这种做法着实新颖,因此也想借鉴尝试一番。

项目与语言选择

在现下的项目中,主要采用Vue的框架,JS为主的语言进行研发。原因无他,只是最近恰好准备研究Vue,所以顺手实践一下。之后若涉及到别的项目,再回来修改。作为项目本身,这里采用一个关于买房的小程序进行模拟,选用原因如选语言一般。

模块搭建

首先作为一个项目,需要一个载体承载项目本身,鉴于开发周期与开发难度,这里采用小程序的方式,原因有二:1、从未接触过2、方便使用与储存。载体有了其次就是储存每次请求的服务模块,这里我用一个server的模块来解决;接下来就是对请求的处理机制,这里我用一个事件处理模块来解决;然后就是各个子模块的拼接机制,因此我需要一个导航路由来解决;最后需要一个视图,来向用户呈现改变,故添加一个视图机制。额外增加一个各个子模块的设计,这里又可以将子模块细分为更小的模块,故不作列举,和大模块一样的处理方式。

关于代码与思路

本次思路将全程在此博客上更新,关于代码将全程在github上同步更新;欢迎大家一起讨论。

关于更新

在上一篇博客中更新下一次预告。

Logo

前往低代码交流专区

更多推荐