mui Shopping前端商城框架
mui 的微商城项目挺实用的，叫
移动端的商品列表页面，用了 mui 的栅格系统加下拉刷新，体验还挺顺滑。你只要绑定下拉事件，再用mui.pullRefresh搞定数据加载，基本没坑。
交互设计这块，mui 的手势支持做得还不错，滑动、点击、长按都挺自然。像浏览商品时滑动切图、加入购物车的弹层交互，项目里都有现成例子。
至于数据加载，也不用你手写多逻辑，配合mui.ajax就能搞定。比如上拉加载更多商品，用pullRefresh的up.callback配合分页接口，前后端一配合，体验顺滑。
页面里的模板渲染也是亮点，项目里用了Mustache，配合后台接口返回的数据，渲染个商品卡片分分钟的事。改数据结构也方便，逻辑挺清晰。
响应式设计不用你太操心，mui 本身就针对不同尺寸做了适配，布局自带弹性。像购物车页在小屏机型下也不卡，直接跑。
别忘了性能这块，项目用了延迟加载和预加载策略，比如图多的页面，先加载首屏图，剩下的滚动时再拉资源，响应也快，不卡顿。
如果你刚接触移动电商前端，或者正打算用 mui 写个小商城，mui-Shopping.zip这个项目可以作为上手的实战模板，看看别人怎么组织页面结构、交互逻辑，会有不少启发。
文件大小：9.89MB
评论区