1.期刊展示:电影 音乐 句子  期刊是从08-01期    左右按钮 到底了 图标按钮变成灰色。  这个期刊我们使用的是

缓存的。 音乐的控制面板 和音乐的播放的 状态控制一直。点击03期刊,那么回到07期刊,音乐处于暂停状态。

2.书单 头部的搜索书籍框 是固定在头部的,不会随着页面滚动而滚动,有没有实现。触发点击书籍的时候,当

前的页面,不会跳到子页面去。直接覆盖在原来的书单上面。  加载更多load小图标

3.书籍的详情,按照段落进行文字的换行呢。点击输入短评,有没有用黑色的遮罩,把屏幕给覆盖起来呢。

4.喜欢 页面的复用  第一个流行 复用。  把整个页面当组件复用。 就可以复用到喜欢第三页面中。

5.分享功能  从一个小程序跳转到另一个小程序  授权微信登录。

6.可以共用wxml wxss js 就使用小程序自定义组件。 那么同vue组件思想都是一样的,只不过实现方式不一样罢了。

7.下面我们来介绍定义,引用和使用组件的方式: 先编写心心组件热热身。

定义组件 在微信开发工具中 定义一个components 文件目录 在这个文件目录下定义一个like(这里我表示是心心组件的命名)

在like文件目录下 在定义文件的名字: 

Android 主动通知小组件更新_复用

这里特别声明下 index这四个文件 不是心心组件的应用名称,而是指单单的文件名而已。  定义好了组件,下面就是引用组件了。

之前我们在pages下面定义的页面,按个页面下面使用了组件,那么就可以在自己页面json中先引入进来

Android 主动通知小组件更新_复用_02

这里面的v-like 才是我们所说的组件名 然后就是在对应的wxml中使用组件了

Android 主动通知小组件更新_复用_03

这样自定义的组件,我们就完成了 我认为组件的好处,是代码的维护性,代码的复用性,代码的方便性。

小知识:1.在微信小程序中,如果没有给image组件设置宽和高的时候,那么默认的width:300px height:225px;

在使用图片的时候,真实的图片的大小 eg:宽度是32px  高度是28px 那么我们直接设置32rpx 28rpx

就是真正的视觉宽度和高度。 (必须基于iphone6 设计稿) 告诉设计师 宽度以750px  高度以1334px 设计就OK了

屏幕物理像素和渲染等问题有关。小程序平台提供了rpx 是自适应的 可以适配各个机型的。

2.font-family:"PingFangSC-Thin";  这个在IOS 设备中是有效的,而在安卓中是没有效果的。开发阶段中,我们自己

使用的字体和自己的电脑系统也是有关的,如果是苹果电脑支持PingFang字体,Window电脑就是自己支持的一套字体可能是微软雅黑字体。  安卓上面的字体是 “思源字体”

3.app.wxss 是可以设置全局的样式字体 page{}  在控制台中,可以看到小程序默认给我们加个page页面的。

page{
    font-family: "PingFangSC-Thin";
    font-size:32rpx;
}

4。组件只能很少的继承基本的全局样式  font color 会从组件外继承,但是几乎所有的页面是可以继承app.wxss 的全局样式

5、组件最好不要留有空白间距问题,因为这样会导致引用组件,而产生效果的误差  消除间距,空白(设置行高)

如果不消除文字的间距化,引用组件整体会变大。会影响外部使用的组件效果的

6.容器设置为display:flex; 并不会让它们取消块状元素,而是它的(item)子元素失去块状元素特性。

7.bind事件不会阻止事件冒泡向上机制的,catch事件会阻止冒泡事件向上机制。组件大部分都是冒泡机制,它们

是非冒泡机制:<form/>的submit事件,<input/>的input事件,<scroll-view/>的scroll事件。 是非冒泡事件。