微信小程序现在很火，如果企业想要更（gèng）大拓展空间那么这（zhè）个（gè）领域值得涉足，合（hé）肥（féi）APP开发公司认（rèn）为（wéi）如果掌握了一些（xiē）开（kāi）发语（yǔ）言（yán）设计（jì）小程序并（bìng）不难。
在（zài）语言方面，小程序看似重新定义了一套标（biāo）准。但实际上，它（tā）们与「前端三件套（tào）」——HTML、CSS 和（hé） Java——差（chà）不（bú）太多。
　　下面，我们就来对比一下小程序（xù）开发（fā）语言（yán）和「前端三件套」有什么异同点：
HTML 与 WXML：两者差（chà）异比较大，如果之前没（méi）有接触（chù）过 androids 开发，可（kě）能会觉得有些头疼。事（shì）实上，WXML 更（gèng）像是 androids 开（kāi）发中的界面 XML 描（miáo）述文件，适合于（yú）程序界面的（de）构建；而（ér） HTML 则倾向于文章的展示（这与 HTML 的历史有关），以及互联网页面的（de）构建。
WXSS 与（yǔ） CSS：两者（zhě）在（zài）语言（yán）上（shàng）几乎没有差别，可以直接通用。
JS 文件：小程序的 JS 文件与前端开发使用的 JS 几（jǐ）乎没有区别，只是（shì）小程序的 JS 新增了微信的一（yī）些 API 接（jiē）口，并去除了一些（xiē）不（bú）必要（yào）的功能（néng）（如 DOM）。
　　在语（yǔ）言上，小程序完（wán）全向学习成本最（zuì）低的前（qián）端开发（fā）看（kàn）齐，但（dàn）这（zhè）不（bú）代表所有前端开发者都能无缝（féng）迁移。
　　如果你是从前端开发转向小程（chéng）序，就需要注意这两个点：
HTML 与 WXML 两种文件的构建思想差异较大，如果之前只接触过前端开发，需要一点时间（jiān）才（cái）能适应 WXML 的编（biān）写方法。
虽然（rán）小程（chéng）序（xù）使用的是（shì）前端语言，但不代表可以继续沿用前（qián）端的开发思想进行开发。小程序对前（qián）端开发的要求从（cóng）「构（gòu）建界面（miàn）」升级成「开发完整应用」，前端（duān）开（kāi）发需要在意识上进（jìn）行转变。
　　界面（miàn）构建
　　1. 基本逻辑
　　WXML 和 WXSS 两（liǎng）种文件（jiàn）是小程（chéng）序界（jiè）面元素声明及样（yàng）式描述文（wén）件。
　　WXML 最大的特（tè）点是以视图（view）的方式（shì）串联界面元（yuán）素，并通过程序逻（luó）辑（AppService），将（jiāng）信息更新实时（shí）传递至（zhì）视（shì）图层（céng）。
　　view 类（lèi）似于 HTML 中的 div 元素。在构建的（de）时（shí）候，view 可（kě）以被多级（jí）嵌套，view 内可以放置（zhì）任意（yì）视觉元素。
　　需要注意的是，元素一旦（dàn）超出屏（píng）幕（mù）之外，用户就无法看到了，这与 HTML 有较大不（bú）同。
　　比如，我们将手机屏幕想（xiǎng）像成（chéng）一个舞台，舞（wǔ）台之外的演员（yuán）是无法被观众（zhòng）看到（dào）的。
　　小程序（xù）有专（zhuān）门用于滚动的视（shì）图。
　　如果希望界面（miàn）是一个可以自由滚动的界面（例（lì）如列（liè）表等），可以使用 scroll-view 视图，在（zài） WXSS 中将其大小调整为整个屏（píng）幕，并（bìng）设置（zhì） scroll-y（上下滚动（dòng））或 scroll-x（左右滚动）为 true。
　　
　　小程序中不能直接使用 DOM 控制 WXML 元素。如果需（xū）要进行数据更新，就得使用 WXML 提供的数（shù）据绑定及元素渲染方法（fǎ）。
　　还有一（yī）点需要注意的是：小程（chéng）序的栅格排版系统使用（yòng）的（de）是 Flex 布（bù）局，它是 W3C 在 2009 年提出（chū）的一种（zhǒng）排版标准。
　　2. 绑定数据
　　对（duì）于单个字段，开发者可以使用数据绑定的方法进行信（xìn）息更新。
　　绑（bǎng）定的数据除了在加（jiā）载的时候可以（yǐ）更新，也可（kě）以在 JS 主程序（xù）中以函数形式（shì）进行更新（xīn），更新同（tóng）样可（kě）以（yǐ）反映（yìng）到界面上（shàng）被绑（bǎng）定的数据中。
　　3. 条（tiáo）件渲染（rǎn）与列表（循环）渲（xuàn）染
　　条件渲（xuàn）染适用于有意外情（qíng）况提示的页面（如无法加（jiā）载列表或详情时，做出提示等等）。
　　它的渲染带（dài）有（yǒu）触发条（tiáo）件，即（jí）符合（hé）条件时渲染这个页面，否则（zé）忽略或（huò）渲染另一段代码。