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