React,Vue,微信小程序想法记录

最近也是刚刚结束了上一个Vue的项目,新的项目有要求微信小程序端的实现,这两天开始看了一点,记录总结一下自己接触到的框架,React,Vue,微信小程序。小程序目前还没有实际的项目做过。


组件化思想

  • 页面就是一个大组件,由一个个小的组件组成的。
  • 一些公用重复的模块写成组件,提高复用性。
  • 便于页面管理,页面各个部分都是一个个小的组件构成,便于维护调试。
  • 项目减少了冗余,低耦合。
    最大的感触这些个框架就是组件化了吧,现在遇到个页面就是将其写成一个个组件。React中就纯JS来写组件,JSX语法帮忙最后一个组件的Render。Vue中的组件不是完全JS写,一个组件内容包含:template,JS,CSS,这种写法有种跟以前写前端页面一样。小程序的组件跟Vue差不多,但是不像Vue一样html,css,js写在一起,是强制一个组件对应4个文件,html,css,js分别有着各自的文件,还有个json文件小程序提供来配置的。开发过程中难得还是组件的定义吧,一个页面分析下来,怎么拆,拆几个组件,估算一个组件的细腻度还是蛮难的…说起来上一个Vue项目里面我有几个组件,一个文件600多行代码..这就是明显的组件拆分构建出了问题,组件构思拆分要是跟我这样拆…这还维护个啥,一上来67百行…虽说我最后也没改((真是懒皮))

感受

最先接触到的是React,在前段时间写Vue的过程中最大感受就是以前React中想要实现的一些功能…在Vue中实现都是直接就自带的…
写React需要另外安装第三方的库以后才能使用。在对标签class赋值样式如果想传一个变量或者表达式,React中当时用的一个库是classnames,Vue中关于组件的style直接就能在class传值变量或者表达式实现一个组件样式的切换。Vue中的双向绑定用起来还是蛮爽的,React,跟小程序是没有双向绑定,组件的data发生变化是需要专门调用函数来修改函数,Vue就data里面数据变化直接就帮你渲染上去。
这两个好坏目前还不知道有啥,等有新想法再更新。今天在看小程序的过程有一种感觉小程序是React和Vue结合体的Mini版本。文件组织结构类似Vue,但是功能没有Vue多,也有跟Vue差不多的标签中写指令。数据的处理类似React,数据必须单向改变,不能随意修改。对小程序目前还处于学习阶段,还没有像React,Vue一样搬过砖,有待更新想法。三个的数据渲染方式一不一样不懂….反正这么写就渲染出来了。
个人感觉写起来速度 小程序 >= Vue > React