微信小程序（九）实现首页代码_软件运维

swiper

滑块视图容器。其中只可放置swiper-item组件，否则会导致未定义的行为。

swiper-item 仅可放置在swiper组件中，宽高自动设置为100%。

列表渲染

条件渲染

dataset

在组件节点中可以附加一些自定义数据。这样，在事件中可以获取这些自定义的节点数据，用于事件的逻辑处理。

在 WXML 中，这些自定义数据以 data- 开头，多个单词由连字符 - 连接。这种写法中，连字符写法会转换成驼峰写法，而大写字符会自动转成小写字符。如：

navigateTo

保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。

redirectTo

关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。

switchTab

跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。

承载网页的容器。会自动铺满整个小程序页面，个人类型的小程序暂不支持使用。

没铺开直接赋值的打印结果：(打开注释)

不加...

铺开后赋值的打印结果：(打开注释)

onPullDownRefresh

onPullDownRefresh()方法，用于监听用户下拉刷新事件。

需要在app.json的window选项中或页面配置中开启enablePullDownRefresh。

onReachBottom()方法，用于监听用户上拉触底事件。

微信小程序regexp对象（附带方法解析）

getRegExp(pattern[, flags])，参数：

weixin_39554434

关注

制作微信小程序的方式有很多，懂代码知识的话，可以自己写代码开发；但是在不懂代码知识的情况下，要想制作一个小程序，你就需要用到小程序免代码制作工具了。这种制作方式更为简单，也更适合小白，它与写代码制作主要有以下几个区别：

1.所用工具不同

如果是想要通过写代码的方式制作小程序，那么使用的工具是微信官方的小程序开发者工具，需要你参考微信官方文档来制作。

如果是免代码小程序制作，那么你需要使用第三方小程序制作工具，这种工具制作非常简单，一般是给你提供现成的模板，然后小白直接套用模板，再添加需要的功能版块就好了。

简单小程序代码_一文教你认清微信小程序代码开发、模板开发原创

1.所用工具不同

如果是想要通过写代码的方式制作小程序，那么使用的工具是微信官方的小程序开发者工具，需要你参考微信官方文档来制作。

本展示页所提供的模板及元素仅供展示功能效果，未经授权不得应用于其他用途

2.耗费时间不同

免代码制作小程序速度更快，如果你制作的是电商小程序，需要添加的商品、图片等不多的话，快的话十几分钟就能搭建好小程序页面；而且上线了小程序还支持一键复制商品，可以帮助新手提高制作效率。

但如果你想自己写代码开发，那么时间就很久了，毕竟光是熟悉小程序文档、学习代码知识就已经很耗时，所以其实新手还是尽量免代码制作小程序更好。

3.代码归属不同

使用第三方小程序制作工具的话，你自己无法修改小程序代码，源码归属于小程序开发平台，你只能在模板上进行基础 *** 作(添加版块、修添加商品、分类、添加各种营销工具等)，不能修改源码。如果是自己写代码开发，那么当然就拥有完整的源码所属权，数据可以由你自己控制。

总体来说，不懂技术的新手还是使用微信小程序模板制作更为方便，这样你可以节约时间，提高效率，比较省事儿地制作出自己的小程序。具体该如何做呢？教程如下：

在「上线了」注册好账号后选择“创建小程序”，再选一个你喜欢的模板：

以电商模板为例，你可以在编辑器里设置主题色、导航栏，添加各种功能版块(轮播图、拼接图、快捷按钮、视频、标题、商品列表等等)。

在“商店”栏可以添加自己的商品，设置分类。在“营销中心”你可以添加需要的营销功能，包括优惠券、拼团、秒杀、分销系统、推广d窗等。

做好后并预览无误后点击左下角“立即发布”，按照提示用小程序管理员账号扫描授权(需要你到微信公众平台注册一个账号)。或者你也可以直接使用“快速注册”通道。然后等待审核就好了。

以上就是微信小程序代码模板的相关科普，你会发现制作一个自己的小程序真的非常简单。你可以根据自身需求选择合适的开发方式！

微信小程序（九）实现首页代码