
微信小程序
文章平均质量分 82
Judy_Marder
大学生一枚
展开
-
微信小程序开发工具
链接:https://pan.baidu.com/s/1UHkMH_Tj8A5H_gQBTSRCBQ提取码:185q原创 2020-04-17 17:01:23 · 237 阅读 · 0 评论 -
微信小程序——学习笔记(三)视图层(1)
WXS—(WeiXin Script)是小程序特有的一套脚本语言。wxs有自己的语法,今天就学习一下wxs的语法。1) wxs代码可以编写在wxml文件中的<wxs>标签内,或者是XXX.wxs的文件内。不管是标签还是文件都是一个单独的模块。2) 每个模块里面定义的变量与函数都默认为私有,只能通过module.exports使用模块内部的私有变量与函数。// /pages/tools....原创 2018-06-29 15:07:05 · 323 阅读 · 0 评论 -
微信小程序——操作(一)
首先,你需要从官网上https://mp.weixin.qq.com/cgi-bin/wx下载“微信web开发者工具”,如下图双击打开设置项目路径,AppId或者点击小程序,入门就建立快速启动模版,确定打开。打开程序后,我们先认识一下目录:如图所示,pages文件夹放的是你每个页面的内容utils文件夹主要用于存放全局的一些.js文件,全局调用使用下面的app.的文件就是定义小程序中不变的格式pr...原创 2018-06-29 16:59:37 · 1266 阅读 · 2 评论 -
微信小程序——组件之swiper
大家看到许多网页的首页面都会有图片的轮播,图片轮播:既能通过图片增加整个页面的美观程度,又能让客户一眼看出网页想要表达的内容。那么,今天我们就通过swiper实现图片的轮播效果,简单又好看。/**wxml**/<swiper indicator={{是否显示面板指示点}}indicator-color={{指示点颜色}}indicator-active-color={{当前选中的指示点颜色}...原创 2018-06-30 20:39:11 · 2494 阅读 · 0 评论 -
微信小程序——表单
微信小程序的表单和web的表单很相似,如代码所示:<from bindsubmit="formSubmit" bindreset="formReset"> <text>联系人</text> <input vlaue="白木乔" ></input> <radio-group&g原创 2018-07-02 11:11:27 · 9279 阅读 · 0 评论 -
微信小程序——学习笔记(一):json
json配置文件—— 1> app.json:作用于整个小程序全局配置 页面路径——pages 窗口表现——window 底部的表现——tabBar 网络超时时间——networkTimeout 是否开启debug模式——debug 2>project.config...原创 2018-06-27 16:20:40 · 288 阅读 · 0 评论 -
微信小程序——地图map
地图的注意事项:tip: map 组件是由客户端创建的原生组件,它的层级是最高的,不能通过 z-index 控制层级。tip: 请勿在 scroll-view、swiper、picker-view、movable-view 中使用 map 组件。tip: css 动画对 map 组件无效。tip: map 组件使用的经纬度是火星坐标系,调用 wx.getLocation 接口需要指定 type 为...原创 2018-07-03 16:06:52 · 4935 阅读 · 0 评论 -
微信小程序——学习笔记(二):逻辑层(1)
wxml模板——相当于web中的html:用来描述当前这个页面的结构(标签:view,button,text) 1>数据绑定 2>列表渲染 3>条件渲染 4>模板 5>事件 6>引用wxss样式——相当于web中的css:用来描述页面的样子js交互逻辑——用来处理这个页面和用户的交互...原创 2018-06-28 21:04:53 · 1027 阅读 · 0 评论