qy千亿体育



  • 合肥qy千亿体育和海拔网络科技有限公(gōng)司

    qy千亿体育

    微信扫码咨询

    会HTML语言(yán)的(de)同学做好以下三点就(jiù)可(kě)熟(shú)练掌握(wò)微信小(xiǎo)程序(xù)开(kāi)发(fā)

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



    以上就是合(hé)肥网站(zhàn)建设(shè)的小编分享(xiǎng)的(de)内(nèi)容,希望(wàng)能为您带来帮助。更多(duō)详情请关注: http://www.jixi.0851.yichang.xinxiang.zz.pingliang.ww38.viennacitytours.com/

    在 线(xiàn) 留 言(yán)
    qy千亿体育

    • qy千亿体育
    qy千亿体育

    qy千亿体育

    qy千亿体育