合肥海拔网络科技有限公司

微信扫码咨询

会HTML语言的同学做好以下三点就可熟练掌握微信小程序开发

发布时间:2017-01-25 09:37:27 | 发布者:海拔网络 | 浏览次数:30942 | 返回列表 | 返回首页
 微信小程序现在很火,如果企业想要更大拓展空间那么这个领域值得涉足,合肥APP开发公司认为如果掌握了一些开发语言设计小程序并不难。
在语言方面,小程序看似重新定义了一套标准。但实际上,它们与「前端三件套」——HTML、CSS 和 Java——差不太多。
  下面,我们就来对比一下小程序开发语言和「前端三件套」有什么异同点:
HTML 与 WXML:两者差异比较大,如果之前没有接触过 Android 开发,可能会觉得有些头疼。事实上,WXML 更像是 Android 开发中的界面 XML 描述文件,适合于程序界面的构建;而 HTML 则倾向于文章的展示(这与 HTML 的历史有关),以及互联网页面的构建。
WXSS 与 CSS:两者在语言上几乎没有差别,可以直接通用。
JS 文件:小程序的 JS 文件与前端开发使用的 JS 几乎没有区别,只是小程序的 JS 新增了微信的一些 API 接口,并去除了一些不必要的功能(如 DOM)。
  在语言上,小程序完全向学习成本最低的前端开发看齐,但这不代表所有前端开发者都能无缝迁移。
  如果你是从前端开发转向小程序,就需要注意这两个点:
HTML 与 WXML 两种文件的构建思想差异较大,如果之前只接触过前端开发,需要一点时间才能适应 WXML 的编写方法。
虽然小程序使用的是前端语言,但不代表可以继续沿用前端的开发思想进行开发。小程序对前端开发的要求从「构建界面」升级成「开发完整应用」,前端开发需要在意识上进行转变。
  界面构建
  1. 基本逻辑
  WXML 和 WXSS 两种文件是小程序界面元素声明及样式描述文件。
  WXML 最大的特点是以视图(view)的方式串联界面元素,并通过程序逻辑(AppService),将信息更新实时传递至视图层。
  view 类似于 HTML 中的 div 元素。在构建的时候,view 可以被多级嵌套,view 内可以放置任意视觉元素。
  需要注意的是,元素一旦超出屏幕之外,用户就无法看到了,这与 HTML 有较大不同。
  比如,我们将手机屏幕想像成一个舞台,舞台之外的演员是无法被观众看到的。
  小程序有专门用于滚动的视图。
  如果希望界面是一个可以自由滚动的界面(例如列表等),可以使用 scroll-view 视图,在 WXSS 中将其大小调整为整个屏幕,并设置 scroll-y(上下滚动)或 scroll-x(左右滚动)为 true。
  
  小程序中不能直接使用 DOM 控制 WXML 元素。如果需要进行数据更新,就得使用 WXML 提供的数据绑定及元素渲染方法。
  还有一点需要注意的是:小程序的栅格排版系统使用的是 Flex 布局,它是 W3C 在 2009 年提出的一种排版标准。
  2. 绑定数据
  对于单个字段,开发者可以使用数据绑定的方法进行信息更新。
  绑定的数据除了在加载的时候可以更新,也可以在 JS 主程序中以函数形式进行更新,更新同样可以反映到界面上被绑定的数据中。
  3. 条件渲染与列表(循环)渲染
  条件渲染适用于有意外情况提示的页面(如无法加载列表或详情时,做出提示等等)。
  它的渲染带有触发条件,即符合条件时渲染这个页面,否则忽略或渲染另一段代码。



以上就是合肥网站建设的小编分享的内容,希望能为您带来帮助。更多详情请关注: http://www.ahaiba.com/

在 线 留 言