好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

westore

westore 介绍

微信小程序 解决方 案 - 1KB JavaScript 覆盖状态管理、跨页通讯、 插件开发 和云 数据库 开发,1KB JavaScript覆盖状态管理、跨页通讯、 插件开发 和云 数据库 开发。

前言

众所周知, 小程序 通过 页面 或组件各自的 setData 再 加上 各种父子、祖孙、姐弟、姑姑与堂兄等等组件 间的 通讯会把程序搞成一团浆糊,如果再 加上 跨 页面 之 间的 组件通讯,会让程序非常难维护和调试。虽然市面上出现了许多技术栈编译转 小程序 的技术,但是我觉没有戳中 小程序 的痛点。 小程序 不管从组件化、开发、调试、发布、灰度、回滚、上报、 统计 、监控和最近的云能力都非常完善, 小程序 的工程化简直就是前端的典范。而开发者工具也在持续更新,可以想象的未来,组件布局的话未必需要写 代码 了。而且据 统计 ,开发 小程序 使用最多的技术栈是使用 小程序 本身的开发工具和语法,所以最大的痛点只剩下状态管理和跨页通讯。Westore 的方案:

非纯组件的话,可以直接省去 triggerEvent 的过程,直接 修改 store.data 并且 update,形成缩减版单向数据流。

受 Omi 框架 的启发,且专门为 小程序开发 的 jsON Diff 库,所以有了 westore 全局状态管理和跨页通讯框架让一切尽在掌握中,且受高 性能 jsON Diff 库的利好,长列表滚动加载 显示 变得轻松可驾驭。总结下来有如下特性和优势:

和 Omi 同样简洁的 Store API

超小的 代码 尺寸( 包括 json diff 共100多行)

尊重且顺从 小程序 的设计(其他转译库相当于反其道行)

增强 data 数据绑定, 函数 属性 可直接绑定到 WXML

this.update 和 setData 语法类似,但返回 一个 Promise

this.update 比原生 setData 的 性能 更优,更加智能

Westore 专为 小程序 插件开发 定制了模板

Westore 集成了 腾讯云 开发

总结下 小程序 的痛点:

使用 this.data 可以 获取 内部数据和 属性 值,但不要直接 修改 它们,应使用 setData 修改

setData 编程体验不好,很多场景直接赋值更加直观方便

setData 卡卡卡慢慢慢,j score 和 Webview 数据对象来回传浪费计算资源和内存资源

组件间通讯或跨页通讯会把程序搞得乱七八糟,变得极难维护和扩展

网站地址 : http://omijs.org

GitHub: https://github.com/Tencent/westore

网站描述: 微信小程序 解决方 案

westore官方网站

官方网站: http://omijs.org

如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。

查看更多关于westore的详细内容...

  阅读:36次

上一篇

下一篇

第1节:PhoneGap    第2节:WXPage    第3节:Remax    第4节:Mobiscroll    第5节:mobilebone.js    第6节:WeZRender    第7节:weex    第8节:image-cropper    第9节:mobile-calendar    第10节:amazeui    第11节:weui    第12节:wxapp-market    第13节:material-kit    第14节:AUI Mobile    第15节:touchui    第16节:alita    第17节:vum    第18节:FrozenUI    第19节:Touch WX    第20节:Flutter    第21节:nutui    第22节:Onsen UI    第23节:Tina.js    第24节:fastclick    第25节:golden-layout    第26节:Weex Ui    第27节:cordova    第28节:wxParse    第29节:antmove    第30节:GMU    第31节:react-use-gesture    第32节:labrador    第33节:wux-weapp    第34节:vux    第35节:noUiSlider    第36节:wechat-im    第37节:jquery-weui    第38节:vant    第39节:pulltorefresh.js    第40节:slip.js    第41节:react-native-sideswipe    第42节:BeautyWe.js    第43节:lottie-web    第44节:react-native-elements    第45节:cube-ui    第46节:lin-ui    第47节:wxSearch    第48节:DHTMLX    第49节:bttn.css    第50节:微信小程序    第51节:westore    第52节:framework7    第53节:uni-app    第54节:vue2-elm    第55节:vue-ydui    第56节:bindingx    第57节:Jingle UI    第58节:weui-wxss    第59节:WeexBox 2.0    第60节:vant-weapp    第61节:NativeScript    第62节:快应用    第63节:weui+    第64节:Taro    第65节:NativeBase    第66节:graceUI    第67节:mavonEditor    第68节:Ratchet    第69节:AKjs.Mobile    第70节:mobile-angular-ui    第71节:React Belle    第72节:Hermes    第73节:ColorUI    第74节:Atom-Design    第75节:ionic    第76节:wxapp-img-loader    第77节:React Native    第78节:jquery Mobile    第79节:vueg    第80节:mand-mobile    第81节:wemark    第82节:vasern    第83节:mint-ui    第84节:uni-simple-router    第85节:switchery    第86节:mobi.css    第87节:Mand Mobile    第88节:react-virtualized    第89节:iview-weapp    第90节:eros    第91节:minui    第92节:react-native-ui-lib