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