小程序的学习

一、小程序的重大改变:


       1、小程序已经成为一种模式
       2、使用场景大幅扩宽
       3、微信小游戏
       4、Component自定义组件
       5、npm的支持。

     版本变化比较大的语言: python2和python3,angular1和angular2

     小程序的版本语言变化比较小

二、小程序中的flex的布局

  .container{
      display:flex;
      flex-direction:column;
      align-items:center;
  }

  text{
    font-family:MicroSoft Yahei;
 }

1、text 中\n 可以直接换行
2、"window":{
      "navigationBarBackgroundColor":"#b3d4db"
}


三、移动设备的分辨率与rpx


  pt逻辑分辨率
  pt的大小和屏幕尺寸有关系,简单可以理解为长度和视觉单位
  px指物理分辨率,和屏幕尺寸没有关系

ip6下 1px=1rpx=0.5pt
ip6 plus  1px=0.6rpx
   rpx小程序会自动在不同的分辨率下进行转换,而使用px单位不会

  

四、小程序中的模板引用
  1、引用wxml: <import src="post-item/post-item-template.wxml" />
  <template is="postItem" data="{{item}}" />

 <template name="postItem">   </template>

  引用相对路径和绝对路径都可以的,
  2、引入js:但是在require('./../data/posts-data.js'),只能用相对路径。
 

猜你喜欢

转载自blog.csdn.net/hbwang_716/article/details/88381580