微信一出小程序，除了各大媒体的内容转发，微信自己就生产了许多开发干货，但这么多干货你有空消化吗？小宝贴心地帮你把要点都摘出来了，欢迎收藏转发！
必备技能清单
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层。在开发商需要注意是否超过了相应限制。
本文地址：微信小程序开发频道 https://www.hkm168.com/web-wxxcx/1918.html，易企推百科一个免费的知识分享平台，本站部分文章来网络分享，本着互联网分享的精神，如有涉及到您的权益，请联系我们处理，谢谢！
相关阅读
