小程序学习笔记

自学完小程序已经有一段时间了,现将之前的笔记分享与此。

注意:微信小程序不要创建太多的本地文件也不要导入太多的本地图片,因为小程序超过1M微信方会拒绝上架哦。

0:关于-打开文档

1:前端的object即字典;2:图片只能在工程中的文件夹里复制粘贴,不能在工程中拖拽进去,且图片不能大于40k

2.弹性盒子:display:flex 弹性盒子 默认是横向的,

                  display:flex ;

                  direction:column 弹性盒子,纵向的

3.主轴

  交叉轴:与主轴垂直


app.js 脚本文件:声明周期,声明全局变量,调用api

app.json 全局配置文件 哪些页面组成;配置页面样式,导航栏样式等,里边不能写注释,报错

app.wxss 公共样式表


app.js:逻辑

app.json:配置文件  不能写注释,写注释会报错

       1》pages:array   必填  中存放页面,pages中第一个元素是应用的初始页   设置页面路径

       2》window: object(字典)窗口;非必须  设置默认页面窗口表现

             window中以下三个属性只是在下拉刷新时使用

               1 ”backgroundColor": "#0000FF",

               2 ”backgroundTextStyle":"light",

               3 ”enablePullDownRefresh": true       

       3》tabbar:  object(字典); 非必须;底部tab表现

       4》networkTimeout: object(字典) ;非必须 ;网络超时时间

       5》debug: Boolean ;非必须;是否开启debug模式


  

app.wxss:样式

xml:结构文件


内部.json: 作用:单独调试本页面的样式,即只能调试其自己的window,没有pages等其它四项,且内部.json的设置会覆盖app.json的相同项


逻辑层(App Service)

在js基础上添加了以下修改:

  • 增加 App Page 方法,进行程序和页面的注册。
  • 增加 getApp getCurrentPages 方法,分别用来获取 App 实例和当前页面栈。
  • 提供丰富的 API,如微信用户数据,扫一扫,支付等微信特有能力。
  • 每个页面有独立的作用域,并提供模块化能力。
  • 由于框架并非运行在浏览器中,所以 JavaScript web 中一些能力都无法使用,如 documentwindow 等。
  • 开发者写的所有代码最终将会打包成一份 JavaScript,并在小程序启动的时候运行,直到小程序销毁。类似 ServiceWorker,所以逻辑层也称之为 App Service



{{ message }}报文中叫做message的字段取值


app的启动函数:App()

某页面的启动函数:Page()

UI层

 class = "container-horizontal bc_red"  两个样式


day-03

坑:首个页面的json文件啥也没写,控制台只显示到页面的注册,不能加载


button:bindtap


scrollview控件:

    scrollview

    scroll-into-view 不能写数字 哪怕写成“3”也不行

swiper控件:一个升级版的scrollview,有小圆点属性等

checkbox控件:多项选择器

label控件:

    目前可以绑定的控件有:

你可能感兴趣的:(移动)