专栏首页saui小程序- SaUi 之左右选择器(城市选择,汽车品牌)
原创

小程序- SaUi 之左右选择器(城市选择,汽车品牌)

这次的更新,主要是基于城市选择来扩展的。主要是上一次有人问过我,如果数据过大的话 我这个东西 还能用么~所以才有了这一次的更新,也欢迎大家,对我所做的东西 进行评分,及提意见,问题等...

1,把业务上的部分交互提取出来,封装成组件。分别写了两个页面,一汽车品牌(数据较多,存放本地)二城市选择(数据过大,需要请求cloud)目前实现了传对应的数据,就可以有基本的界面。例如

1): 基础数据

2): 组件提供两种更新(update,updateItems),分别对应的两种数据结构,第一种是循环单个更新 ,第二种是一次性更新所有数据。

a: 单个更新,适用于数据过大,以下是**汽车品牌**的适配方法

b:全部更新

在onload的时候 先把基础数据 ,转到组件需要的数据结构。在onready的时候,去更新这个组件。这是一种实现方法。还有一种类似的,基础数据是cloud请求过来的,但由于cloud的条数限制,我们可以先请求到表的总数量,再除于一次能请求的最高条件,通过for去全部请求我们需要的。

2,组件提供的交互分别有,a: 点击字母菜单,改变状态,及弹出提示框,并跳转到对应的数据上去。b:滚动时切换字母菜单的状态(目前这个功能是需要手动去开启的。主要是因为从cloud请求的数据过多,速度太慢,会影响整体的效果)

3,两个页面,我自己评分是60分吧。实现了基本功能,但是页面仍然存在着问题,在数据完全加载好之前,页面会出现卡顿,如果是请求回来的大量数据 会更慢。所以大家的看界面的时候,请留点耐心~~~

4,对于上面的问题,我也会在考试后进一步的去完善。哈哈 我是要考试的人~~~

持续的更新,完善是我所坚持的。谢谢大家~

![ ](https://mmbiz.qpic.cn/mmbiz_png/v1E8DwGRjMYeK6KV2k7jvtdu9XMicZDgXNkdzscrKmbnE862QjhXSQqoiaphnItzwZ8kDOpIjPJQj1ZuPWc5xNEw/0?wx_fmt=png)

![ ](https://mmbiz.qpic.cn/mmbiz_png/v1E8DwGRjMYeK6KV2k7jvtdu9XMicZDgXj1CpHcnzt8z2qMxK0dPYgSLkI0gHPT94dvkVT3bXsIwFf1O9z6tJEw/0?wx_fmt=png)

![](https://mmbiz.qpic.cn/mmbiz_jpg/v1E8DwGRjMYeK6KV2k7jvtdu9XMicZDgX7Lw7EahxAUGgBoYO8UeyR0WicTL5libhxl2ib2Y7P7svKW8PUhSUoXhvg/0?wx_fmt=jpeg)

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • SAUI-关于input滚动问题

    2 去掉父级的overscroll,scroll-view。貌似所有的问题都不见了。经ios+andriod各一台手机测试

    ss-lgh
  • SAUI-瀑布流改版(grid)

    通过css的grid与js配合,就可以快速形成瀑布流的形式了。不过呢,有点小问题,就是间距(grid-gap),有点小偏差,但是整体不影响。还有一点要注意的gr...

    ss-lgh
  • Fiddler 抓包工具总结(APP接口分析)

    Fiddler是一个蛮好用的抓包工具,可以将网络传输发送与接受的数据包进行截获、重发、编辑、转存等操作。也可以用来检测网络安全。反正好处多多,举之不尽呀!当年学...

    ZhangXianSheng
  • http、https、http2一些概念

    非对称加密,现在用的几乎都是非对称加密,自己有一个密钥对公钥和私钥,公钥可以给任何人知道,别人通过公钥加密发数据给自己,自己通过密钥解密。

    wade
  • Ajax jsonp 跨域请求实例

    跨域请求 JSONP的缺点则是:它只支持GET请求而不支持POST等其它类型的HTTP请求;它只支持跨域HTTP请求这种情况,不能解决不同域的两个页面之间如何进...

    纯粹是糖
  • 1081 检查密码 (15 分)

    本题要求你帮助某网站的用户注册模块写一个密码合法性检查的小功能。该网站要求用户设置的密码必须由不少于6个字符组成,并且只能有英文字母、数字和小数点 .,还必须既...

    可爱见见
  • R语言︱文本挖掘套餐包之——XML+SnowballC+tm包

    版权声明:博主原创文章,微信公众号:素质云笔记,转载请注明来源“素质云博客”,谢谢合作!! ...

    素质
  • 分布式ID生成器 | 架构师之路

    一、需求缘起 几乎所有的业务系统,都有生成一个唯一记录标识的需求,例如: 消息标识:message-id 订单标识:order-id 帖子标识:tiezi-id...

    架构师之路
  • 线程中断与再运行控制示例

    调用end接口输出(2).png 通过图片可以看到,调用end接口,停止了输出,暂停4秒之后继续输出。证明调用end接口确实将线程挂起了。

    用户5166330
  • JVM内存模型和性能优化之JVM微调(中篇)

    1、-XX:MaxGCPauseMillis=nnn :不能设置过小,会阻碍吞吐量,如果不设置,暂停时间依赖heap中活动数据量。

    lyb-geek

扫码关注云+社区

领取腾讯云代金券