怎么开发微信小程序?写给开发人员的小程序代码要点

作者:小易整编 来源:小易整编 2022-05-17 01:52

微信一出小程序,除了各大媒体的内容转发,微信自己就生产了许多开发干货,但这么多干货你有空消化吗?小宝贴心地帮你把要点都摘出来了,欢迎收藏转发!

必备技能清单

1、微信标记语言 WeiXin Marked Language(WXML)

2、微信样式表 (WeiXin Style Sheet, WXSS)

3、JavaScript(JS)

针对iOS / Android开发人员

无论是ios还是Android开发人员,开发小程序都需要学习JavaScirpt语言。对于ios来说可能还需要学习使用HTML(WXML)构建界面方式。


针对网页前端开发人员

小程序的界面不是一个页面,而是一个应用界面

虽然WXSS文件“复刻”了CSS,但小程序使用了rpx【reponsive pixel】作为尺寸单位(保证不同分辨率设备的元素正常显示)。所以他们之间的长度单位换算比例是需要了解的。

动态单位与 px 换算的基本概念是:选择一个分辨率作为基准,在基准分辨率中,一个像素点显示有多长,在其他屏幕上会显示同样长度。


例如,dp 与 px 换算公式是:dp = px * (目标设备 dpi 分辨率 / 160)。

但微信小程序的 rpx 换算方式,会与其他动态单位的换算方法有些出入。微信官方提供的换算方式更「傻瓜」一些:rpx = px * (目标设备宽 px 值 / 750)。


针对后端开发


这事儿就复杂了,建议你关注【微信号zxcx0101】详细研读一下


语言和文件

小程序的文件类型大概分一下几种:

1、WXML

2、WXSS(Weixin Style Sheet, 微信样式表)

3、JS

它与前端三件套的异同点:

1、WXML更像是Android开发中的界面XML描述文件,更适合于程序界面的构建;而HTML倾向于文章的展示。

2、WXSS与CSS可直接通用

3、小程序的JS新增了微信的一些API借口,其他都差不多。


语言和文件

WXML最大的特点是以视图(view)方式串联界面元素,并通过陈旭逻辑将信息更新实时传递至视图层。View可以被多级嵌套,可以置放视觉元素。

可以使用 scroll-view 视图,在 WXSS

中将其大小调整为整个屏幕,并设置 scroll-y(上下滚动)或

scroll-x(左右滚动)为 true。




绑定数据

对于单个字段,开发者可以使用数据绑定的方法更新信息。还可以在JS主程序中以函数形式更新,同样可以反映到界面上被绑定的数据中。

条件渲染与列表渲染



Anna!


两个花括号所包含的判断条件中的变量于主程序JS代码中的data中声明。

Page({

data: {

boyname: 'Tom',

girlname: 'Anna'

}

})

若需要建一个列表,可使用WXML中的循环渲染将同一元素渲染代码进行稽核,把数据通过组数的方式写入data中供WXML访问


{{index}}: {{item.message}}


Page({

data: {

array: [{

message: 'foo',

}, {

message: 'bar'

}]

}

})

模板与引用

WXML支持使用模板与引用减少代码体积。可以讲多个模板写入同一文件,并使用import在其他文件中进行引用


//some other codes


如果需要整个页面引用,需要使用到 include。


样式

通过WXSS样式表,开发者可以定义WXML中的元素样式,可直接用选择器选择元素。


用户操作和事件响应

微信使用的不是HTML,不能添加超廉价来检测用户的点击事件。需要监听点击事件的元素,应该在WXML中使用bindtap属性或catchtap属性进行绑定。


除了点击一次,微信也提供按住、开始触摸、松手等事件响应。

在WXML中绑定好一个事件之后,就能在主程序JS中使用。

Page({

tapName: function(someThingHere){

//执行这部分代码

}

})

当需要在小程序的页面间进行跳转时,应该使用

wx.navigateTo()方式。

tapName: function() {

wx.navigateTo({

URL: '../logs/logs'

})

}

需要注意的是,有关于页面层级跳转,微信将层级跳转限制到了5层。在开发商需要注意是否超过了相应限制。


本文地址:微信小程序开发频道 http://www.hkm168.com/web-wxxcx/1918.html,武汉易企推公司是一家专业的武汉网络推广,百度开户竞价托管,SEO网站优化公司,提供一站式全网营销服务:小程序开发,网站建设,SEO百度排名,SEM竞价托管,百度推广开户、360搜狗百度竞价开户、百度地图标注、百科词条创建修改、微信公众号代运营、公司负面公关处理等;另外,转载本文请保留本文地址,本站部分文章图片来自网络,本着互联网分享精神,如有侵犯到您的权益,请告知我们删除,谢谢!


相关文章相关文章
  • 网络不稳定是什么原因,电脑网络不稳定怎么办?

    网络不稳定是什么原因,电脑网络不稳定怎么办?

    网络不稳定是什么原因,电脑网络不稳定怎么办?1、服务器的问题首先是网络服务商,比如用户用的电信的,如果服务运营商的网络不稳定的话,那么怎么设置都是没用的。所以先确保服务器必须要稳定。当然网站的服务器也包括其内,有的网站它的服务器是国外它本身...

    2022-08-11 07:08
  • 电脑死机怎么办,电脑死机突然卡死的原因及解决办法

    电脑死机怎么办,电脑死机突然卡死的原因及解决办法

    电脑死机怎么办,电脑死机突然卡死的原因及解决办法,电脑在使用的过程中,出现死机是十分常见的问题,一般故障表现为:就是电脑死机画面卡住不动,有时包括键盘鼠标都动不了,关机也关不了,只有强制重启电脑或关机,可是重启之后没有多久又会出现死机定格画...

    2022-08-11 07:08
  • dbf文件是什么意思,dbf文件怎么打开编辑?

    dbf文件是什么意思,dbf文件怎么打开编辑?

    DBF文件是什么意思,又是什么文件,dbf文件怎么打开编辑??DBF文件是一种以二进制进行存储的表格数据文件,其文件内部有着严格的格式要求,具体的由文件头和记录项组成。其中文件头中包括的相关信息。DBF文件的数据结构如下:DBF文件头分析以...

    2022-08-11 06:08
  • 服务器宕机是什么意思?服务器宕机什么原因怎么办?

    服务器宕机是什么意思?服务器宕机什么原因怎么办?

    服务器宕机是什么意思?服务器宕机也就是服务器死机,出现这种情况时网站是不能访问的,也就是说服务器出了故障。服务器停止工作了,服务器宕机是一种较为严重的服务器故障问题,对于很多支付行业,或者电商行业来讲是一种致命性的设备故障问题。服务器宕机是...

    2022-08-11 04:08
  • 怎么架设服务器,服务器架设方法流程步骤详解

    怎么架设服务器,服务器架设方法流程步骤详解

    怎么架设服务器,服务器架设方法流程步骤详解,在搭建自己服务器的方面,主要考虑二大块:租用一台什么服务器 和 服务器用什么系统和web环境。一、租用一台什么服务器?从以下四个方面进行考虑① 选择租用哪个地区的服务器选择租用服务器的时候需要考虑...

    2022-08-11 12:08
  • u盘拒绝访问怎么解决,电脑u盘拒绝访问图文详解方法

    u盘拒绝访问怎么解决,电脑u盘拒绝访问图文详解方法

    u盘拒绝访问怎么解决,电脑u盘拒绝访问图文详解方法,我们在使用u盘时,莫名其妙的问题还是有很多的,其中最奇怪的就是出现U盘拒绝访问的问题,然后就无法打开U盘了,里面的资料也拷贝不出来,哪该如何处理?u盘反复抽插都无法访问,千万别急,下面跟小...

    2022-08-10 02:08
湖北网站建设
黄石网站建设 十堰网站建设 宜昌网站建设 襄阳网站建设 鄂州网站建设 荆门网站建设 孝感网站建设 荆州网站建设 黄冈网站建设 咸宁网站建设 随州网站建设 恩施网站建设 北京网站建设 天津网站建设 上海网站建设 重庆网站建设 拉萨网站建设 乌鲁木齐网站建设 西宁网站建设 seo公司 武汉seo 百度推广开户 巨量千川开户 危机公关处理 百度百科创建
河北网站建设
石家庄网站建设 唐山网站建设 邯郸网站建设 保定网站建设 沧州网站建设 邢台网站建设 廊坊网站建设 承德网站建设 张家口网站建设 衡水网站建设 秦皇岛网站建设 河北seo 石家庄seo 河南seo 郑州seo
河南网站建设
郑州网站建设 开封网站建设 洛阳网站建设 平顶山网站建设 焦作网站建设 鹤壁网站建设 新乡网站建设 安阳网站建设 濮阳网站建设 许昌网站建设 漯河网站建设 三门峡网站建设 南阳网站建设 商丘网站建设 信阳网站建设 周口网站建设 驻马店网站建设 济源网站建设
湖南网站建设
长沙网站建设 株洲网站建设 湘潭网站建设 衡阳网站建设 邵阳网站建设 岳阳网站建设 常德网站建设 张家界网站建设 益阳网站建设 郴州网站建设 永州网站建设 怀化网站建设 娄底网站建设 湘西网站建设 湖南seo 长沙seo
江西网站建设
南昌网站建设 九江网站建设 景德镇网站建设 上饶网站建设 鹰潭网站建设 抚州网站建设 宜春网站建设 新余网站建设 萍乡网站建设 吉安网站建设 赣州网站建设 江西seo 南昌seo
安徽网站建设
合肥网站建设 黄山网站建设 芜湖网站建设 马鞍网站建设 安庆网站建设 淮南网站建设 阜阳网站建设 淮北网站建设 铜陵网站建设 亳州网站建设 宣城网站建设 蚌埠网站建设 六安网站建设 滁州网站建设 池州网站建设 宿州网站建设 安徽seo 合肥seo
山东网站建设
济南网站建设 青岛网站建设 淄博网站建设 枣庄网站建设 东营网站建设 烟台网站建设 潍坊网站建设 济宁网站建设 泰安网站建设 威海网站建设 日照网站建设 临沂网站建设 德州网站建设 聊城网站建设 滨州网站建设 菏泽网站建设 山东seo 济南seo
江苏网站建设
南京网站建设 无锡网站建设 徐州网站建设 常州网站建设 苏州网站建设 南通网站建设 连云港网站建设 淮安网站建设 盐城网站建设 扬州网站建设 镇江网站建设 泰州网站建设 宿迁网站建设 江苏seo 南京seo
浙江网站建设
杭州网站建设 湖州网站建设 嘉兴网站建设 金华网站建设 丽水网站建设 宁波网站建设 衢州网站建设 绍兴网站建设 台州网站建设 温州网站建设 舟山网站建设 浙江seo 杭州seo
福建网站建设
福州网站建设 厦门网站建设 泉州网站建设 漳州网站建设 莆田网站建设 宁德网站建设 龙岩网站建设 三明网站建设 南平网站建设 福建seo 福州seo 北京seo 天津seo 上海seo 重庆seo 西宁seo 拉萨seo
海南网站建设
海口网站建设 三亚网站建设 三沙网站建设 儋州网站建设 网站建设公司 营销网站建设 高端网站建设 模板网站制作 APP开发公司 小程序开发 海南seo 海口seo
广东网站建设
广州网站建设 深圳网站建设 珠海网站建设 汕头网站建设 佛山网站建设 韶关网站建设 湛江网站建设 肇庆网站建设 江门网站建设 茂名网站建设 惠州网站建设 梅州网站建设 汕尾网站建设 河源网站建设 阳江网站建设 清远网站建设 东莞网站建设 中山网站建设 潮州网站建设 揭阳网站建设 云浮网站建设 广东seo 广州seo 深圳seo 东莞seo
广西网站建设
南宁网站建设 桂林网站建设 柳州网站建设 梧州网站建设 钦州网站建设 北海网站建设 玉林网站建设 贵港网站建设 防城港网站建设 百色网站建设 崇左网站建设 来宾网站建设 贺州网站建设 河池网站建设 广西seo 南宁seo
云南网站建设
昆明网站建设 曲靖网站建设 玉溪网站建设 昭通网站建设 保山网站建设 丽江网站建设 普洱网站建设 临沧网站建设 德宏网站建设 怒江网站建设 迪庆网站建设 大理网站建设 楚雄网站建设 红河网站建设 文山网站建设 西双版纳网站建设 云南seo 昆明seo
贵州网站建设
贵阳网站建设 遵义网站建设 六盘水网站建设 安顺网站建设 毕节网站建设 铜仁网站建设 黔东网站建设 黔南网站建设 黔西网站建设 贵州seo 贵阳seo
四川网站建设
成都网站建设 自贡网站建设 攀枝花网站建设 泸州网站建设 德阳网站建设 绵阳网站建设 广元网站建设 遂宁网站建设 内江网站建设 乐山网站建设 南充网站建设 眉山网站建设 宜宾网站建设 广安网站建设 达州网站建设 雅安网站建设 巴中网站建设 资阳网站建设 阿坝网站建设 甘孜网站建设 凉山网站建设 四川seo 成都seo
山西网站建设
太原网站建设 大同网站建设 朔州网站建设 忻州网站建设 阳泉网站建设 吕梁网站建设 晋中网站建设 长治网站建设 晋城网站建设 临汾网站建设 运城网站建设 山西seo 太原seo
陕西网站建设
西安网站建设 宝鸡网站建设 咸阳网站建设 铜川网站建设 渭南网站建设 延安网站建设 榆林网站建设 汉中网站建设 安康网站建设 商洛网站建设 陕西seo 西安seo
甘肃网站建设
兰州网站建设 嘉峪关网站建设 金昌网站建设 白银网站建设 天水网站建设 武威网站建设 张掖网站建设 平凉网站建设 酒泉网站建设 庆阳网站建设 定西网站建设 陇南网站建设 临夏网站建设 甘南网站建设 甘肃seo 兰州seo
宁夏网站建设
银川网站建设 石嘴山网站建设 吴忠网站建设 固原网站建设 中卫网站建设 宁夏seo 银川seo 网络推广技巧 网络营销知识 武汉SEO顾问 百度竞价托管 IT知识百科 IT疑问解答
内蒙古网站建设
呼和浩特网站建设 包头网站建设 乌海网站建设 赤峰网站建设 通辽网站建设 鄂尔多斯网站建设 呼伦贝尔网站建设 巴彦淖尔网站建设 乌兰察布网站建设 内蒙古seo 呼和浩特seo
辽宁网站建设
沈阳网站建设 大连网站建设 鞍山网站建设 抚顺网站建设 本溪网站建设 丹东网站建设 锦州网站建设 营口网站建设 阜新网站建设 辽阳网站建设 盘锦网站建设 铁岭网站建设 朝阳网站建设 葫芦岛网站建设 辽宁seo 沈阳seo
吉林网站建设
长春网站建设 四平网站建设 辽源网站建设 通化网站建设 白山网站建设 松原网站建设 白城网站建设 延边网站建设 吉林seo 长春seo 百科知识 问答解惑 武汉公司注册 公司注册 代理记账
黑龙江网站建设
哈尔滨网站建设 齐齐哈尔网站建设 鹤岗网站建设 双鸭山网站建设 鸡西网站建设 大庆网站建设 伊春网站建设 牡丹江网站建设 佳木斯网站建设 七台河网站建设 黑河网站建设 绥化网站建设 黑龙江seo 哈尔滨seo
本地企业
              可提供上门服务

便捷

本地企业可提供上门服务

提供适合、专业可行方案

周到

提供适合、专业可行方案

5-10分钟售后响应机制<

贴心

5-10分钟售后响应机制

按效果收费,无效果不收费

放心

按效果收费,无效果不收费

行业高标准,效果稳定可靠

稳定

行业高标准,效果稳定可靠

1-3个月排名上百度首页

快速

1-3个月排名上百度首页

武汉易企推网络公司;公司地址:武汉市武昌区静安路6号5.5创意产业园4楼;公司官网:http://www.hkm168.com XML地图

服务热线:18120550335 (同微信,广告无扰) 欢迎来电咨询; 联系QQ:1193073039

Copyrigh©2017-2030 版权所有:武汉易企推网络科技有限公司 备案号:鄂ICP备17012199号 网站地图 手机站