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