微信小程序

标签：ali   开发微信小程序   this   rap   开发   round   iphone6   nts   content   

0.

onshow(从二级页面回来加载)，onread、onready(从二级页面回来不加载)

CSS元素组件的清默认效果

button { margin: 0; padding: 0; line-height: normal; text-align: left; background: transparent; border-radius: 0; box-sizing: content-box; }

button::after { border: 0; }

input { min-height: 0; height: 0; }

cover-view { line-height: 0/normal; overflow: visible; pointer-events; }

2.

盒子是w3c标准盒子 =》 宽高等于宽高，但button  为IE盒子

3.

iphone5/6/7　　顶部导航64px = 128rpx ( 开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准。width=750rpx)

4

①wx的运行环境

IOS的webkit（苹果开源的浏览器内核）

Android的X5（QQ浏览器内核）

开发工具nw.js（C++实现的web转桌面应用）

②为什么wx不直接运行在浏览器（webview）中，而要绕过浏览器直接调用内核呢？

　　因为运行在浏览器中的webapp是做不了监控的，而wx的表现是半native app，半web app,而native app与web app和一个很重要的区别就是native app 有自己的生命周期。

5.

movable-view　　iphone控制点

swiper　　　　　　轮播图

scroll-view　　　　scroll

　　1.scroll-view 中的需要滑动的元素不可以用 float 浮动；

　　2.scroll-view 中的包裹需要滑动的元素的大盒子用 display:flex; 是没有作用的；

　　3.scroll-view 中的需要滑动的元素要用 dislay:inline-block; 进行元素的横向编排；

　　4.包裹 scroll-view 的大盒子有明确的宽和加上样式-->  overflow:hidden;white-space:nowrap;

6.兼容小辫子屏幕

7.对应的服务器 TLS 为 TLS 1.0 ，小程序要求的 TLS 版本必须大于等于 1.2 。控制台输入 showRequestInfo() 可以获取更详细信息。

https://www.linuxidc.com/Linux/2017-04/142744.htm

https://blog.csdn.net/ghlfllz/article/details/72832436

https://blog.csdn.net/ruoshuiyx/article/details/80597503

https://blog.csdn.net/kirawoo/article/details/78737242

HISTORY

内测时间 2016年9月21日

发布时间 2017年1月9日

小游戏  2017年12月28日，微信更新的 6.6.1 版本开放了

 8。

请勿在 scroll-view中使用textarea、map、canvas、video组件

WEPY框架

①、wpy文件中的script、template、style这三个标签都支持lang和src属性
②、（config、components、data、methods、events、其他函数）
import wepy from ‘wepy‘;
// 声明一个App小程序实例
export default class MyAPP extends wepy.app {
}
// 声明一个Page页面实例
export default class IndexPage extends wepy.page {
}
// 声明一个Component组件实例
export default class MyComponent extends wepy.component {
}
③、this.$parent =》 getApp()
④、WePY中的methods属性只能声明页面wxml标签的bind、catch事件，不能声明自定义方法，这与Vue中的用法是不一致的。

微信小程序

标签：ali   开发微信小程序   this   rap   开发   round   iphone6   nts   content   

原文地址：https://www.cnblogs.com/lgyong/p/9959023.html