小程序
tomorrownan
Hello,tomorrownan.
展开
-
小程序:组件使用、数据绑定、条件渲染、列表渲染
准备工作:新建一个quickstart项目,然后再pages目录下自己新建一个页面,例如t文件夹名为test,再在其下分别新建test.wxml、test.js、test.wxss文件。最后在app.json全局配置文件中配置test页面路径,项目结构如下:1.组件的基本使用小程序开发文档中组件部分有很多组件介绍,包含视图容器类组件,基础内容类组件、表单组件、导航组件、媒体组件、地图组件和...原创 2019-05-31 11:21:07 · 2145 阅读 · 0 评论 -
从零到整开发JJ智能生鲜平台(小程序版)
现在电商做的风生水起,各家门主都想得其红利,分一杯肥羹。无论是小程序还是移动端、web端前端页面开发都大致相同。不能只会写代码,不会梳理描述。我把JJ智能生鲜平台(以下简称JJ平台)分各个页面和模块编写,然后逐一进行分析,实现页面间交互,比如点击首页轮播图跳转到对应商品详情页等,最后附上源码。本文主要涵盖一下内容:Easy Mock平台首页分类详情页购物车我的功能开发(跳转、网络请...原创 2019-06-25 17:54:36 · 1237 阅读 · 5 评论 -
小程序:导航navigation与地图map组件总结
导航与地图组件的应用场景:在小程序需要由当前页面跳转到指定的页面时,就可以使用导航navigation组件,只需要设置指定页面的url地址即可。当需要实现定位、查找位置等一些LBS信息时,像滴滴打车这样的应用,就可以用地图map组件。1.导航navigationnavigation:页面的链接。它有很多的属性,最最常用的就是url,表示当前小程序内的跳转链接。navigation组件用法也...原创 2019-06-04 20:45:29 · 1868 阅读 · 0 评论 -
小程序:基础内容和表单组件总结
前言经过这么久的学习,可以看出来小程序中组件的使用方法就跟html的标签一样,标签有起始<tagname>和闭合</tagname>,可以拿来直接使用,然后属性直接在<tagname>中调用,例如,使用button组件的type属性,可以这样用:<button type='primary'></button>1.基础内容组件基础...原创 2019-06-04 17:38:03 · 1524 阅读 · 0 评论 -
Easy Mock全解及使用
一、什么是Easy MockEasy Mock 是一个可视化的能快速生成模拟数据的持久化服务。在实际开发中常见的Mock方式一般是将模拟数据直接写在代码里,利用JavaScript拦截请求或者利用 Charles、Fiddler等代理工具拦截请求,这样的开发效率比较低,并且产生的数据是写死的,不能去按照一定的规则去变化,并且浪费了非常多的时间,因此有了这个产品的出现,我们可以容易的访问数据,而且...转载 2019-06-14 10:11:35 · 50385 阅读 · 5 评论 -
小程序制作宋词欣赏海报
海报就是单纯的一张页面,可以用来练习WXML和WXSS。进一步入门微信小程序。海报效果如下:在经过小程序的预热一和预热二后,新建一个小程序项目已经不成问题了。海报的制作过程:1.页面结构实现页面结构主要是通过WXML模板组成。使用小程序官方封装好的view标签和image标签。view标签类似于div,可以显示文字,也单独占据一行。封装的标签也可以使用css的class选择器。代码如下:...原创 2019-05-29 21:01:44 · 590 阅读 · 0 评论 -
小程序:滚动scroll-view和轮播图swiper
1.scroll-viewScrollView是可滚动的视图区域,直接使用ScrollView组件即可实现滚动效果。如下:在wxml中使用scroll-view组件,组件里面用几个view视图显示。也可以放置文字或图片等内容。<!-- demo.wxml --><scroll-view> <view id="green" class='scroll-view...原创 2019-06-01 16:11:15 · 4092 阅读 · 3 评论 -
微信小程序预热(二):小程序五脏组成介绍
九层之台起于垒土,想要完成一个小程序项目,当然要明白小程序是有哪几部分构成的,及每一部分各自所起的作用、这几部分之间的关联。弄清楚的了这些问题才能明白小程序的实现原理。上节预热一种使用微信开发者工具新建了一个helloworld的小程序,如果你的环境还没搭建,也不知道如何建立第一个小程序项目,请参考:微信小程序预热一1.小程序代码构成这里创建了建了一个 QuickStart 项目,界面如下:...原创 2019-05-29 14:56:58 · 501 阅读 · 0 评论 -
小程序:画布canvas和媒体类组件实例总结
小程序的绘图组件与html5里的canvas是类似的,而媒体类组件常用的有音频audio、相机camera、视频video等。下面就用例子说明每一个具体组件的用法和常用属性用法解析。1.画布canvascanvas可以用来绘制图形和动画,图形和动画的具体实现要借助API wx.createCanvasContext, wx.createCanvasContext返回一个canvas对象,它有很...原创 2019-06-06 15:30:46 · 1250 阅读 · 0 评论 -
微信小程序预热(一):如何开启第一个小程序
正所谓万事开头难,走出第一步,后面也就顺其自然走上来了,当我要开始学习小程序的时候,看了两天的小程序官方开发文档,但是仍然不知道怎么创建我自己的一个小程序。所以我决定在这个晚上结束这种畏惧的状态,打开笔记本,开始第一步预热操作。1.小程序说明小程序有一套健全的官方开发文档,中文模式,基本都能看的懂。文档中对小程序的介绍如下:小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取...原创 2019-05-28 22:35:30 · 681 阅读 · 0 评论 -
小程序:模板与引用
准备工作:新建一个quickstart项目,然后再pages目录下自己新建一个页面,例如t文件夹名为test,再在其下分别新建test.wxml、test.js、test.wxss文件。最后在app.json全局配置文件中配置test页面路径,项目结构如下:然后再新建模板目录,在其下面新建header.wxml组件,相当于vue的组件,单独写一个文件,在其他页面方便直接拿来使用。如下:1...原创 2019-05-31 17:53:28 · 2650 阅读 · 0 评论 -
小程序云开发获取不到其他用户数据库记录的解决方法
小程序云开发影评功能只能看到自己的评论,他人的看不到。只需要修改数据库权限即可,如下:1.获取comment集合记录const db = wx.cloud.database()onShow: function () { db.collection('comment') .get().then(res => { console.log(res.data)...原创 2019-08-24 15:12:52 · 1164 阅读 · 2 评论