![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
郎小平
这个作者很懒,什么都没留下…
展开
-
小程序云开发(一)微信登录实现
传统微信登录流程云开发下微信登录流程云开发登录实现1)miniprogram文件夹下app.js设置env和traceUser:true,跟踪用户信息wx.cloud.init({ env: 'my-zh8la',//环境ID traceUser: true, })2)获取用户信息:exports.main = (event, con...原创 2019-05-15 19:38:17 · 32395 阅读 · 3 评论 -
小程序学习:let和var的区别
ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。详见:http://es6.ruanyifeng.com/#docs/let{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1let非常适合用于 for循环内部的块级作用域。...原创 2019-05-23 10:13:33 · 1091 阅读 · 0 评论 -
小程序学习:数据绑定
数据来源的三种途径(1)直接将数据写在wxml文件中,例如图片的路径:<image src='../../images/movie/like@highlight.png'></image>(2)数据写在js里,由js传递给wxml:<image src="{{like?yes_url:no_url}}" /><text>{{count}...原创 2019-05-23 09:32:02 · 141 阅读 · 0 评论 -
小程序学习:app.wxss定义全局样式
小程序的页面在渲染时,会自动给页面套一层page:因此,若要对全局进行样式设置,需要在app.wxss中对page进行设置。例如,设置全局的字体:page{ font-family: PingFangSC-Thin; font-size:16px; /* overflow: hidden; */}如果在某页面针对同一属性设置了不同的值,则该值会覆盖全局设置的值。...原创 2019-05-22 22:44:55 · 3859 阅读 · 0 评论 -
小程序学习:弹性盒子flex布局
布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C提出了一种新的方案——Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。flex容器有6个属性:flex-directionf...原创 2019-05-22 19:41:44 · 4706 阅读 · 0 评论 -
小程序云开发:由空白项目构建云开发环境
(1)首先在根目录下新建一个文件夹cloudFunctions(2)指定配置,打开project.config.json:加上"cloudfunctionRoot": "cloudfunctions/"然后就可以看到有个云函数的标志了。...原创 2019-05-16 22:48:57 · 1115 阅读 · 2 评论 -
小程序学习:使用有赞UI组件
1、下载源码https://youzan.github.io/vant-weapp/#/intro从github上下载源码:https://github.com/youzan/vant将dist文件夹复制到小程序pages同级目录下,重命名为vant2、配置组件在需要使用组件的页面的json文件中引入配置,例如index.json:"usingComponents": { "van...原创 2019-05-16 22:30:48 · 4496 阅读 · 0 评论 -
小程序云开发:私家书柜
原教学视频:https://cloud.tencent.com/edu/learning/learn-100005-1244/3154由于豆瓣获取图书ISBN的API已暂停开放,故本文采用极速数据提供的免费API:https://www.jisuapi.com/标题...原创 2019-05-16 22:28:03 · 3569 阅读 · 1 评论 -
小程序学习:回调函数与Promise
1、同步与异步在小程序中网络请求wx.request不像其他框架可以设置同步或异步,wx.request在小程序中只能是异步方式。既然是异步方式,就不能用以下的方式获取网络数据:let data = wx.request({ url:'', header:{ appket:"" }})而应该使用回调函数来获取请求后的数据。wx.request({ url:'', hea...原创 2019-05-25 18:41:24 · 2306 阅读 · 0 评论 -
小程序学习:WXS
官方文档WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。即WXS可以实现在WXML里写js代码或调用js代码。WXS 与 JavaScript 是不同的语言,有自己的语法,并不和 JavaScript 一致。WXS里各种数据类型的方法的使用参照ES5标准。类比JS,既可以把JS代码写在HTML里,也可以写在单独的JS文件里。WXS也是既...原创 2019-05-25 15:43:35 · 378 阅读 · 0 评论 -
小程序学习:自定义组件
开发者可以将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用;也可以将复杂的页面拆分成多个低耦合的模块,有助于代码维护。自定义组件在使用时与基础组件非常相似。本文要创建一个效果如下图的组件,由一个心形图片和右上角的数字构成。1、创建自定义组件(1)首先在根目录下新建文件夹components,components下新建like文件夹,like下新建index页面;(2)在 i...原创 2019-05-25 11:32:15 · 2670 阅读 · 0 评论 -
小程序学习:条件渲染和列表渲染
文档:https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/list.html1、条件渲染(1)wx:if在框架中,使用 wx:if="{{condition}}" 来判断是否需要渲染该代码块:<view wx:if="{{condition}}">True</view>也可以用...原创 2019-05-25 10:03:55 · 405 阅读 · 0 评论 -
小程序学习:ES6
小程序的ES6支持情况:https://developers.weixin.qq.com/miniprogram/dev/guide/runtime/js-support.html可以在小程序中通过ES6创建类,并通过Module export和import这个类。注意:这里的Module与小程序的模块的使用方法不一样。Module使用import和export引入和导出类; 而模块使用r...原创 2019-05-23 19:21:20 · 743 阅读 · 0 评论