zoukankan      html  css  js  c++  java
  • 小程序简介


    1.发展历程
    英文名Mini Program
    2016年9月21日,微信小程序正式开启内测。
    2017年1月9日0点,万众瞩目的微信第一批小程序正式低调上线。
    2017年12月28日,微信更新的 6.6.1 版本开放了小游戏,微信启动页面还重点推荐了小游戏「跳一跳」。

    2.开发的技术:
    wxml+wxss+js+wxs
    前面3个跟前端的html+css+js类似。多了个wxs。官方解释:WXS(WeiXin Script)是小程序的一套脚本语言。为什么这样呢?
    我的理解是:wxml与html不同,在页面中不能有<script>标签。wxml想要跟js交互,必须是js里的Page构造函数连接。然后微信推出了wxs,语法基本跟js相同,但没有es6的特性。
    所以,有些逻辑可以在js中写,也可以在wxs中写。js是支持es6的。当然,2者应该有具体的适用场景。

    3.小程序是数据驱动响应的吗?
    自从AngluarJS出现之后,这种数据驱动页面表现的开发理念就有深入人心。目前流行的RractJs,vue都是这类框架,核心:
    UI=F(state)
    即数据的改变引发UI的渲染,不需要直接操作DOM。事实上,也没法用js去操作,小程序没有DOM。
    事实上,小程序的写法有些类似react。包括setData()函数,只是他是同步的。

    4.函数传参
    无论是react还是vue,页面中的函数传参类似:

    <div class="course-intro" @click="toCourseContent(course)">
    

     

    但是,小程序上是这么传的:想要传的值作为标签的属性值。

    <view class="grade-li" bindtap="selectgrade" data-value="{{item.value}}" wx:for="{{config.gradeArr}}" wx:key="{{index}}">
    

      

    小程序获取参数通过e.dataset得到

    selectgrade(e){
    let grade = e.currentTarget.dataset.value;
    },
    

     

    5.小程序里可以打开网页URl吗
    可以,最新的版本提供了<web-view>组件

    6.小程序需要考虑ipad布局吗?
    ipad和手机的宽高比不一致,目前ipad微信不支持小程序。只有手机微信可以用小程序。

  • 相关阅读:
    iOS resign code with App Store profile and post to AppStore
    HTTPS科普扫盲帖 对称加密 非对称加密
    appid 评价
    使用Carthage安装第三方Swift库
    AngularJS:何时应该使用Directive、Controller、Service?
    xcode7 The operation couldn't be completed.
    cocoapods pod install 安装报错 is not used in any concrete target
    xcode7 NSAppTransportSecurity
    learning uboot how to set ddr parameter in qca4531 cpu
    learning uboot enable protect console
  • 原文地址:https://www.cnblogs.com/xiaochongchong/p/8952832.html
Copyright © 2011-2022 走看看