yuezheyue123的博客

1.返回上级页面 wx.navigateBack({ // delta表示的是返回的层级，1表示上一层 delta: 1 }); 2.点击后将数据从xml中传递到js中。这里的data-id就是自定义的属性 wxml中 {{item.name}} 在js中，就能通过e.currentTarget.dataset.id进行获取， changeTab(e) { console.log(e) if...

1.进行请求数据 var hasClick = false; Page({ tap: function() { if (hasClick) { return } hasClick = true wx.showLoading() wx.request({ url: 'https://test.com/getinfo', method: 'POST', header: { 'conten...

1.点击时候的按钮颜色的变换 /*page.wxss */ .hover{ background-color: gray; } <!--page.wxml --> <button type="default" hover-class="hover"> 点击button </button> 2.点击按钮的时候在按钮上显示加载的进度 <!--page...

flex-shrink 属性 类似于android中的weight属性，当溢出的时候能够按比例收缩 当项目在主轴方向上溢出时，通过设置项目收缩因子来压缩项目适应容器。属性值为项目的收缩因子，属性值取非负数。 .item{ flex-shrink: 1（默认值） | <number> } .item1{ width: 120px; flex-shrink: 2; }...

1.对于一个页面的声明周期，但是下拉监听和上拉监听需要在app.json中的window字段下面添加权限。但是上拉的距离并没有起作用，但是上拉监听是能够起作用的，具体解决方法未知。 "enablePullDownRefresh":true, "onReachBottomDistance":50 Page({ data: { text: "This is page data." }, onLo...

1.模板的使用 前面是定义模板 在.wxml中 <template name="msgItem"> <view> <text> {{temp}}: {{msg}} </text> <text> Time: {{time}} </text> </view> </template> &...

1.进行横向平分长度 display: flex; flex: 1; 2.水平方向居中 align-items: center; justify-content: center; 3.设置长宽后将多余的部分不显示 overflow: hidden; 4.设置grid列表显示，使用浮动 float: left; 5.不同的view进行覆盖，使用定位 在最外层的view中使用相对定位 position...

1.组件之间使用behavior 定义和使用 behaviors behaviors 是用于组件间代码共享的特性。也就是组件能继承behavior的方法和属性。 每个 behavior 可以包含一组属性、数据、生命周期函数和方法，组件引用它时，它的属性、数据和方法会被合并到组件中，生命周期函数也会在对应时机被调用。每个组件可以引用多个 behavior 。behavior 也可以引用其他 b...

1.Component构造器 Component({   behaviors: [],   properties: {  //组件的对外属性     myProperty: { // 属性名       type: String, // 类型（必填），目前接受的类型包括：String, Number, Boolean, Object, Array, null（表示任意类型）      ...

1.function的参数arguments function 里面可以使用 arguments 关键词。该关键词目前只支持以下的属性： length: 传递给函数的参数个数。 [index]: 通过 index 下标可以遍历传递给函数的每个参数。 示例代码： var a = function(){     console.log(3 === arguments.length);  ...

1.伸缩盒模型的使用 flex-wrap属性 设置是否允许项目多行排列，以及多行排列时换行的方向。 .container{     flex-wrap: nowrap（默认值） | wrap | wrap-reverse }   nowrap（默认值）：不换行。如果单行内容过多，则溢出容器。 wrap：容器单行容不下所有项目时，换行排列。 wrap-reverse：容器单行容...

1、条件渲染 能控制显示和隐藏 <view wx:if="{{view == 'WEBVIEW'}}">WEBVIEW</view> <view wx:elif="{{view == 'APP'}}">APP</view> <view wx:else="{{view == 'MINA'}}">MINA</view> &lt...