程序小程序开发工具
小程序开发工具 时间:2021-05-03 阅读:(
)
粉笔IT微信小程序授课教师:马丹2018年7月30日粉笔IT·官方微信1微信小程序day01初识小程序简介微信小程序是微信与2017年1月份推出的,它是依托于微信平台的一个微信应用;主要作用是用于推广宣传,开发功能应用;与此同期推出的,还有微信小游戏,用于开发微信上的小游戏.
小程序、公众号、APP微信公众号采用的是h5技术小程序是用微信自己研发的编辑语言APP:Android、iOS语言小程序的功能性更类似于APP,但是无需安装,随用随走申请小程序https://mp.
weixin.
qq.
com/1.
注册2.
填写账号信息—邮箱激活---信息登记23.
登录小程序4.
下载小程序开发工具5.
查看文档6.
文档介绍37.
进入开发文档第一个小程序1.
安装开发者工具2.
APPid是开发小程序进行真机测试必须有的一组序列号,作用就是用于小程序的上传进行真机测试;43.
创建项目4.
介绍目录小程序每个项目都需要新建一个项目进行管理;项目:pages文件夹和三个主文件:app.
js,app.
json,app.
wxsspages文件夹---存放小程序页面;app.
js---设置全局的函数,变量,数据;5app.
json---微信的界面全局设置;包括页面注册,界面设置;页面注册指的是所有在小程序出现的页面都需要在这个json文件中进行登记;app.
wxss---小程序的全局样式;微信小程序页面:一个微信小程序页面是一个文件夹,内部最多有4个文件,组成了一个小程序页面:index.
js,index.
wxml,index.
json,index,wxss,其中,只有wxml和js文件是必须的;小程序开发内容组成框架----组件----API框架:核心是一个响应的数据绑定系统,包括视图层(View)和逻辑层(AppService)组件与属性:类比HTML标签;微信提供了七大类组件API:调用微信提供的能力,如获取用户信息,本地存储,支付功能等.
小程序中的常用组件组件:组件是视图层的基本组成单元.
组件自带一些功能与微信风格的样式.
一个组件通常包括开始标签和结束标签,属性用来修饰这个组件,内容在两个标签之内.
Contentgoeshere.
.
.
6view说明:view是块级组件,用法和功能与div类似view体验/**index.
wxss**/view{width:200rpx;height:100rpx;background-color:red;}view体验view体验尺寸单位在微信小程序开发中,尺寸单位使用rpx(responsivepixel),表示响应式单位,可以根据屏幕宽度进行自适应;开发小程序页面建议采用iphone6视觉稿作为参考标准;在iphone6标准下:1px=2rpx;7组件属性的使用view体验view体验texttext体验text体验8说明:text是行内组件,与span类似.
imageNavigator导航(超链接)9.
navigator-hover{color:blue;}Buttonpickme滑块视图容器快速建立滑块视图容器滑块组件也叫焦点图或轮播图使用:1.
直接复制文档中提供的代码——wxml和js代码;2.
修改swiper的配置需要在组件上添加组件属性,然后在js中赋值;10indicator-dotsautoplayintervalduration//index.
js//获取应用实例constapp=getApp()Page({data:{imgUrls:['http://img02.
tooopen.
com/images/20150928/tooopen_sy_143912755726.
jpg','http://img06.
tooopen.
com/images/20160818/tooopen_sy_175866434296.
jpg','http://img06.
tooopen.
com/images/20160818/tooopen_sy_175833047715.
jpg'],indicatorDots:false,autoplay:false,interval:5000,duration:1000},changeIndicatorDots:function(e){this.
setData({indicatorDots:!
this.
data.
indicatorDots})},changeAutoplay:function(e){this.
setData({autoplay:!
this.
data.
autoplay})},intervalChange:function(e){11this.
setData({interval:e.
detail.
value})},durationChange:function(e){this.
setData({duration:e.
detail.
value})}})Mustache语法在微信小程序中,数据的处理原理是通过逻辑层驱动视图层,也就是结构页面的内容是通过js来处理的.
在结构页面引用数据的语法称之为mustache语法:{{name}}特点是双大括号;在结构页面通过这个语法定义变量,在js文件的data对象中进行变量赋值;注意:12大括号和引号之间不能有空格不要直接写checked="false",其计算结果是一个字符串属性的多种写法autoplay='true'错误的正确的:autoplay={{true}}autoplayautoplay={{autoplay}}js:data{autoplay:true}
- 程序小程序开发工具相关文档
- 课程小程序开发工具
- 赛场小程序开发工具
- 服务小程序开发工具
- ,,,,,"2019-2020学年第二学期授课教师申请研究生担任助教岗位汇总表",,,,,,,
- 操作物业的保洁工具的领取及安全操作程序标准范本
- 校准检测工具管理程序标准范本
RAKsmart 商家八月份的促销活动今天更新。基本上和上个月的产品套餐活动差不多的,不过也是有简单的微调。对于RAKsmart商家还是比较了解的,他们家产品虽然这两年增加多个机房,以及在VPS主机方案上有丰富的机房和调整到一些自营机房,他们家的策划能力还是有限,基本上每个月的套餐活动都差不多。RAKsmart 在八月份看到有新增香港高防服务器可选,最高100GB防御。同时原来上个月缺货的日本独立...
触碰云怎么样?触碰云是一家成立于2019年的商家。触碰云主营香港/美国 VPS服务器、独立服务器以及免备案CDN。采用的是kvm虚拟构架,硬盘Raid10,Cn2线路,去程电信CN2、移动联通直连,回程三网CN2。最低1核1G带宽1M仅20.8元/月,不过这里推荐香港4核4G15M,香港cn2 gia线路云服务器,仅115.2元/月起,性价比还是不错的。点击进入:触碰云官方网站地址触碰云优惠码:优...
华纳云怎么样?华纳云是香港老牌的IDC服务商,成立于2015年,主要提供中国香港/美国节点的服务器及网络安全产品、比如,香港服务器、香港云服务器、香港高防服务器、香港高防IP、美国云服务器、机柜出租以及云虚拟主机等。以极速 BGP 冗余网络、CN2 GIA 回国专线以及多年技能经验,帮助全球数十万家企业实现业务转型攀升。华纳云针对618返场活动,华纳云推出一系列热销产品活动,香港云服务器低至3折,...
小程序开发工具为你推荐
空间文章空间里一些比较好的文章。。linux防火墙设置如何在Linux中启动/停止和启用/禁用FirewallD和Iptables防火墙重庆网络公司一九互联重庆本地的网约车平台有哪些?如何识别比较正规的网约车平台?支付宝调整还款日月底30号用花呗到时候下个月什么时候还款?重庆400年老树穿楼生长生长百年的老树,仍能不断生长,是因为主要有什么组织支付宝账户是什么好评返现 要支付宝帐号 支付宝帐号是什么啊抢米网什么意思抢小米手机购物车在超市、商场中为什么需要使用购物车呢?即时通请问有没有人知道即时通是什么?怎样先可以开??123456hdAPP上面带有HD是啥意思
shopex虚拟主机 长沙域名注册公司 企业域名备案 账号泄露 丹弗 howfile 上海服务器 卡巴斯基是免费的吗 卡巴斯基免费试用版 网站在线扫描 华为云盘 彩虹云 512mb 谷歌台湾 实惠 开心online wannacry勒索病毒 神棍节 租主机 免费空间申请 更多