当前播放: 15 | scroll-view 介绍:如果渲染一个滚动的长列表?
00:00 / 00:00
高清
  • 高清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看
课程目录
第一章:重新认识微信小程序 (6讲)
01 | 课程介绍
免费
02 | 内容综述
免费
03 | 小程序的特点及开发能力
免费
04 | 新的一年,微信小程序开放了哪些新功能?
免费
05 | 小程序运行机制简介:从零构建一个Web App需要做哪些事情?
免费
06 | 开发环境配置:创建你的第一个小程序项目
第二章:微信小程序组件介绍及使用 (43讲)
07 | icon组件:关于图标的4个实现方案
08 | progress组件:如何自定义实现一个环形进度条?
09 | rich-text组件:如何单击预览rich-text中的图片并保存?
10 | view容器组件及Flex布局:一个view如何实现所有常见的UI布局?(一)学习容器组件 view 及其重要属性
11 | view容器组件及Flex布局:一个view如何实现所有常见的UI布局?(二)介绍 flex 布局中常用的样式及样式值
12 | 可移动容器及可移动区域:如何实现单条消息左滑删除功能?(一)
13 | 可移动容器及可移动区域:如何实现单条消息左滑删除功能?(二)
14 | scroll-view 介绍:在小程序中如何实现滚动锚定?
15 | scroll-view 介绍:如果渲染一个滚动的长列表?
16 | 滚动选择器:如何自定义省市区多级联动选择器?(一)
17 | 滚动选择器:如何自定义省市区多级联动选择器?(二)
18 | 滑动选择器表单组件:如何基于wxs自定义一个竖向的slider?
19 | 页面链接组件:如何自定义一个导航栏?
20 | image媒体组件(上):如何实现图片的懒加载?
21 | image媒体组件(下):开发中经常遇到的问题?
22 | live-player与live-pusher媒体组件:如何实现直播间功能?(一)
23 | live-player与live-pusher媒体组件:如何实现直播间功能?(二)
24 | live-player与live-pusher媒体组件:如何实现直播间功能?(三)
25 | live-player与live-pusher媒体组件:如何实现直播间功能?(四)
26 | live-player与live-pusher媒体组件:如何实现直播间功能?(五)
27 | live-player与live-pusher媒体组件:如何实现直播间功能?(六)
28 | web-view:如何实现免审核发布新的功能页面?(一)
29 | web-view:如何实现免审核发布新的功能页面?(二)
30 | web-view:如何实现免审核发布新的功能页面?(三)
31 | web-view:如何实现免审核发布新的功能页面?(四)
32 | web-view:如何实现免审核发布新的功能页面?(五)
33 | web-view:如何实现免审核发布新的功能页面?(六)
34 | web-view:如何实现免审核发布新的功能页面?(七)
35 | web-view:如何实现免审核发布新的功能页面?(八)
36 | web-view:如何实现免审核发布新的功能页面?(九)
37 | WebGL 介绍:如何在小程序中展示 3D 模型?(一)
38 | WebGL 介绍:如何在小程序中展示 3D 模型?(二)
39 | WebGL 介绍:如何在小程序中展示 3D 模型?(三)
40 | WebGL 介绍:如何在小程序中展示 3D 模型?(四)
41 | WebGL 介绍:如何在小程序中展示 3D 模型?(五)
42 | WebGL 介绍:如何在小程序中展示 3D 模型?(六)
43 | WebGL 介绍:如何在小程序中展示 3D 模型?(七)
44 | WebGL 介绍:如何在小程序中展示 3D 模型?(八)
45 | WebGL 介绍:如何在小程序中展示 3D 模型?(九)
46 | WebGL 介绍:如何在小程序中展示 3D 模型?(十)
47 | WebGL 介绍:如何在小程序中展示 3D 模型?(十一)
48 | WebGL 介绍:如何在小程序中展示 3D 模型?(十二)如何创建相机、场景及光源
49 | WebGL 介绍:如何在小程序中展示 3D 模型?(十三)创建加载器、渲染器与控制器,完成 3D 模型文件的加载与展示
第三章:微信小程序开发常用的API介绍及使用 (3讲)
50 | 网络接口简介:如何在小程序中封装 we.request 请求?(一)如何使用 wx.request 接口
51 | 网络接口简介:如何在小程序中封装 we.request 请求?(二)将登陆代码模块化封装
52 | 网络接口简介:如何在小程序中封装 we.request 请求?(三)Promise 介绍及 6 个常用方法
15 | scroll-view 介绍:如果渲染一个滚动的长列表?

15 | scroll-view 介绍:如果渲染一个滚动的长列表?

李艺
腾讯云 TVP
每周四 12:00 更新3564
新人首单 ¥29.9 原价 ¥129
2
登录 后留言

精选留言(3)

  • 皮特尔
    最佳实践:
    1. 启用 scroll-anchoring 属性时,同时添加一个 overflow-anchor:auto 的样式,用于解决 Android 机型不兼容的问题
    2. scroll-y 和 scroll-x 尽可能只设置一个;如果启用了 scroll-x 却出现不滚动的现象,可以尝试给滚动容器添加两个样式 `white-space: nowrap; display: inline-block;`
    3. 使用 enable-flex 开启 scroll-view 的 flex 布局
    4. 使用 refresher-enabled 启用下拉动画的自定义;下拉容器的 slot 属性要标记为 refresher
    5. 下拉动画组件的背景色用 #f8f8f8,前景色用 #888888
    6. 尽量不要在 JavaScript 里执行频繁更新视图的代码,可以把这种代码放在 WXS 模块中,在大列表视图中尤其要这么做

    作者回复: 👍好习惯
    还可以发到部落里,发在微博上,甚至写在微信圈子里,甚至公众号,都可以~

    2020-06-07
    7
  • 沧海一声笑哈哈
    老师对于微信小程序的某些设计感觉还是有吐槽态度的,很好

    作者回复: 😀好吧,被你看出来了,我已经很克制了
    有些设计确实不太好,这与它是进化出来的框架有关。
    祝天天开心~

    2020-07-02
  • 沧海一声笑哈哈
    enable-back-to-top你试过可以用吗?

    作者回复: 我印象不深了,可以测试下,如果该属性发现了新问题告诉我。
    祝天天开心~

    2020-07-02
收起评论
看过的人还看
重学前端

程劭非(winter)  前手机淘宝前端负责人

58讲 | 36451 人已学习

新人首单 ¥19.9 原价 ¥99
互联网人的英语私教课

陈亦峰  同传译员,原北外高级翻译学院同声传译讲师

43讲 | 6109 人已学习

新人首单 ¥19.9 原价 ¥99
正则表达式入门课

涂伟忠  高级研发工程师

17讲 | 3254 人已学习

新人首单 ¥9.9 原价 ¥68
Node.js开发实战

杨浩  腾讯高级工程师

57讲 | 5868 人已学习

新人首单 ¥29.9 原价 ¥129