asp子窗口读取父窗口数据_微信小程序MINA框架（数据绑定，事件操作，内部页面跳转，消息提示框，模态对话框 ...... ）

最新推荐文章于 2024-03-13 14:58:45 发布
最新推荐文章于 2024-03-13 14:58:45 发布
阅读量111 收藏 1
点赞数
文章标签： asp子窗口读取父窗口数据 as点击事件无效 a标签点击事件 beforeunload中阻止提示关闭 jqgrid 单元格绑定点击事件 js 监听页面跳转
  • 数据绑定
  • 事件操作
    • 事件绑定
      • 冒泡事件
      • 非冒泡事件
      • 互斥事件
    • 事件对象
  • 内部页面跳转
  • 消息提示框
  • 模态对话框
  • loading提示框
  • 操作菜单
  • 基本api接口
    • 获取用户信息
    • 获取用户位置信息（用户点选地图）
    • 获取图片
  • Flex布局
    • 基本概念
    • 容器的属性
    • 项目的属性

数据绑定

在小程序中支持简易的数据绑定操作，数据绑定分两种：单向数据绑定和双向数据绑定。

在输入框中如果通过value来操作数据，则视为单向数据绑定。如果通过model:value来操作数据，则视为双向数据绑定。

html用的 
<input value="{{message}}" />
<text>{{message}}</text>
<input model:value="{{message}}" />

js代码：

Page({

  /**
   * 页面的初始数据
   */
  data: {
      message: "目标数据"
  },
});

默认情况下，微信开发者工具集成的MINA工具包可能是旧版的，所以会存在双向数据绑定无效，此时可以通过提升基础库的版本来解决这个BUG。

ef88965fadec5b1015020409e22a7d3b.png
js用的

数据保存**

this.setData({ message: "荏苒资讯"});

数据读取

this.data.message;

事件操作

在微信小程序中，也是支持事件操作。

在小程序中用户都是通过手指触摸屏幕而不是鼠标操作屏幕，所以普遍操作的都是touch触摸事件，而不是点击事件，更不存在鼠标悬放等操作。

47d0f85c52abdea30e57a2f134265feb.png

事件绑定

小程序中一共提供了3个属性可以让开发者在页面标签中进行自定义的事件绑定操作，分别是：冒泡事件绑定（bind事件），非冒泡事件绑定（catch事件）以及互斥事件绑定（mut-bind:事件）。

  • bindtap ----------冒泡事件
  • catchtap ----------非冒泡时间，并且他会阻止往下冒泡
  • mut-bind:tap---------互斥事件

冒泡事件绑定

顾名思义，通过bind绑定的事件会向父元素进行冒泡传递。

例如：绑定一个点击事件tap，则属性写法为：bindtap

<view class="father" bindtap="showwin" data-title="父元素">
    我是父元素，点我呀~
    <view class="son" bindtap="showwin" data-title="子元素">我是子元素，点我呀~</view>
</view>
触发子元素和父元素

js代码：

Page({
    showwin(event){
        console.log(event); // 事件对象
        console.log(event.currentTarget); // 获取触发事件的元素对象
        console.log(event.currentTarget.dataset.title); // 获取触发事件的元素对象的标签属性
    }
})

css，代码：

.father{
  width: 250px;
  height: 250px;
  background-color: yellow;
  position: relative;
}
.son{
  width: 150px;
  height: 150px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: red;
}

.grantson{
  width: 60px;
  height: 60px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: blue;
  font-size: 12px;
  color: white;
}

非冒泡事件绑定

与上面bindtap不同，通过catchtap绑定的事件，不会像父元素进行冒泡传递，同时，catchtap也可以阻止来自bindtap事件的冒泡效果。

<view class="father" bindtap="showwin" data-title="父元素">
    我是父元素，点我呀~
    <view class="son" catchtap="showwin" data-title="子元素">
        我是子元素，点我呀~
        <view class="grantson" bindtap="showwin" data-title="孙元素">
            我是孙元素，点我呀~
        </view>
    </view>
</view>
点击孙元素，会触发孙元素和子元素
父元素不会触发，因为他被子元素的catchtap阻止了。

互斥事件绑定

一个 mut-bind 触发后，如果事件冒泡到其他节点上，其他节点上的 mut-bind 绑定函数不会被触发，但 bind 绑定函数和 catch 绑定函数依旧会被触发。

换而言之，所有 mut-bind 是“互斥”的，只会有其中一个绑定函数被触发。同时，它完全不影响 bind 和 catch 的绑定效果。

<view class="father" bindtap="showwin" data-title="父元素">
    我是父元素，点我呀~
    <view class="son" mut-bind:tap="showwin" data-title="子元素">
        我是子元素，点我呀~
        <view class="grantson" mut-bind:tap="showwin" data-title="孙元素">
            我是孙元素，点我呀~
        </view>
    </view>
</view>
互斥指的是mut-bind:事件之间互斥，和catch和bind都不互斥，而且也不会阻止他们冒泡。
点击孙元素，会触发孙元素和父元素。

事件对象

2adec0ed6e3600ec5095ef58c1705698.png
在自定义组件中，currentTarget是无效的，只能使用target属性来获取触发事件的标签。

内部页面跳转

标签跳转

<navigator open-type="switchTab" url="/pages/home/home?id=666">
    跳转到新页面[当前小程序内部，tab菜单]
</navigator>
<navigator open-type="redirect" url="/pages/event/event?id=666">
    跳转到新页面[当前小程序内部，非tab菜单]
</navigator>

js跳转

// 跳转到当前小程序内部，非tab菜单
wx.navigateTo({
    url: '/pages/event/event?id=666',
});

// 跳转到当前小程序内部其他tab菜单
wx.switchTab({
  url: '/pages/home/home',
})

跳转到的页面如果想要接受get参数，可以在onLoad方法中接受。

event.js

Page({
/**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(options); // json对象格式.
  }
})

消息提示框

显示消息提示框

wx.showToast({
  title: '登录成功',
  icon: 'success',
  duration: 2000
})

隐藏消息提示框

// 也可以使用定时器主动关闭消息提示窗口
    setTimeout(()=>{
      wx.hideToast();
    },3000);
在小程序中，也提供了定时器的全局函数，分别是定时多次(setInterval)和定时一次(setTimeout)，他们的使用和之前在javascript是一模一样，2个参数：
参数1：匿名函数，如果希望在匿名函数内部，this指向不发生改变，建议使用 箭头函数。
参数2：时间间隔。单位: ms。
定时器也可以取消，小程序中分别提供了clearInterval和clearTimeout，参数同样还是定时器的返回值。

演示：

模态对话框

wx.showModal({
  title: '提示',
  content: '这是一个模态弹窗',
  success (res) {
    if (res.confirm) {
      console.log('用户点击确定')
    } else if (res.cancel) {
      console.log('用户点击取消')
    }
  }
})

loading提示框

wx.showLoading 和 wx.showToast 同时只能显示一个

显示提示框

wx.showLoading({
  title: '加载中',
});

隐藏提示框

wx.hideLoading();

操作菜单

wx.showActionSheet({
  itemList: ['A', 'B', 'C'],
  success (res) {
    console.log(res.tapIndex);
  },
  fail (res) {
    console.log(res.errMsg);
  }  
});

基本API接口

获取用户信息

方式一

wxml

<button open-type="getUserInfo" bindgetuserinfo="xxxx">授权登录</button>

js

xxxx:function(){
    wx.getUserInfo({
      success: function (res) {
        // 调用成功后触发
        console.log('success', res);
      },
      fail: function (res) {
        // 调用失败后触发
        console.log('fail', res)
      }
    })
  }

示例

wxml

<!--pages/login/login.wxml-->
<view>当前用户名：{{name}}</view>
<view>
当前头像：<image src="{{path}}" style="height:200rpx;width:200rpx;"></image>
  </view>
<button open-type="getUserInfo" bindgetuserinfo="fetchInfo">获取信息button</button>


js

// pages/login/login.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
      name:"",
      path: "/static/default.png"
  },
  fetchInfo:function(){
    var self = this;
    wx.getUserInfo({
      success:function(res){
        console.log(res);
        self.setData({
          name:res.userInfo.nickName,
          path:res.userInfo.avatarUrl
        })
      }
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})


注意事项：

    • 想要获取用户信息，必须经过用户授权（button）。
    • 已授权，直接可以提取信息
    • 不授权，则需要通过调用手动授权 wx.openSetting// 打开配置，手动授权。 // wx.openSetting({})

方式二

wxml

<view bindtap="getUserName">获取当前用户名</view>

js

getUserName(){
    console.log("获取用户信息");
    // 手动申请授权
    wx.authorize({
      scope: 'scope.userInfo', // 指定申请的授权类型
      success () {  
        // 获取用户信息
        wx.getUserInfo({
          success: function (res) {
            // 调用成功后触发
            console.log('success',res);
          },
          fail:function(res){
            // 调用失败后触发
            console.log('fail', res);
          }
        });
      }
    });
    
    // 列出当前用户已经授权的权限列表
    wx.openSetting({
      success (res) {
        console.log(res.authSetting);
      },
      fail(res){
        console.log(res)
      }

    });
    
  },

https://www.jb51.net/article/150862.htm

获取用户位置信息[让用户点选地图选择位置]

wxml

<view bindtap="getLocalPath">{{localPath}}</view>


js

  data: {
      localPath:"请选择位置",
  },
  getLocalPath:function(){
    var that = this;
    wx.chooseLocation({
      success: function(res) {
        that.setData({localPath:res.address});
      },
    })
  },

获取图片

wxml

<!--pages/publish/publish.wxml-->
<view bindtap="uploadImage">请上传图片</view>
<view class="container">
  <image wx:for="{{imageList}}" src="{{item}}"></image>
</view>

js

  data: {
    imageList: ["/static/hg.jpg", "/static/hg.jpg"]
  },

  uploadImage:function(){
    var that = this;

    wx.chooseImage({
      count:9,
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success:function(res){
        // 设置imageList，页面上图片自动修改。
        // that.setData({
        //   imageList: res.tempFilePaths
        // });

        // 默认图片 + 选择的图片； 
        that.setData({
          imageList: that.data.imageList.concat(res.tempFilePaths)
        });
      }
    });
  },

注意：图片目前只是通过本地的临时路径展示而已，并没有上传到服务器。

Flex 布局

以下内容阮一峰博客来自：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

display 设置元素的显示模式：
   none;
   block;
   inline;
   inline-block;

HTML标签元素按照不同的显示模式可以分成4种：
   隐藏元素
      隐藏起来的元素，页面不会显示
      head,title,input[type="hidden"]
   块级元素
      自带换行，默认宽度占据父级元素100%，可以设置宽高，也可以设置完整的内边距，外边距
      p,h1~h6,div...
   行级元素
      不自带换行，不可以设置元素的宽高，自身大小随内部内容多少而变化，也不可以设置外边距，只有内边距
      a,b,i,.....
   行内块级元素
      不自带换行，可以设置元素的宽高，默认宽高度随内部内容多少而变化，可以设置完整的内边距和外边距
      img,input,....

Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。

任何一个容器都可以指定为 Flex 布局。

.box{
  display: flex;
}

行内元素也可以使用 Flex 布局。

.box{
 display: inline-flex;
}

Webkit 内核的浏览器，必须加上-webkit前缀。

.box{
 display: -webkit-flex; /* Safari */
 display: flex;
}

注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。

基本概念

采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。

461fac1ec93dc1da1fb6c06023334bcd.png

容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。

项目默认沿主轴排列。单个项目占据的主轴空间叫做main size，占据的交叉轴空间叫做cross size。

容器的属性

以下6个属性设置在容器上。

  • flex-direction
  • flex-wrap
  • flex-flow
  • justify-content
  • align-items
  • align-content

3.1 flex-direction属性

flex-direction属性决定主轴的方向（即项目的排列方向）。

.box {
 flex-direction: row | row-reverse | column | column-reverse;
}

161ae77f8b2c4e5895399d6e750b78af.png

它可能有4个值。

  • row（默认值）：主轴为水平方向，起点在左端。
  • row-reverse：主轴为水平方向，起点在右端。
  • column：主轴为垂直方向，起点在上沿。
  • column-reverse：主轴为垂直方向，起点在下沿。

3.2 flex-wrap属性

默认情况下，项目都排在一条线（又称"轴线"）上。flex-wrap属性定义，如果一条轴线排不下，如何换行。

a2ac1cb61c7ec15d23b9fc69871fed6a.png 
.box{
 flex-wrap: nowrap | wrap | wrap-reverse;
}

它可能取三个值。

（1）nowrap（默认）：不换行。

ba1b6400dc2cec8d76afe2bbfcfc2cf3.png

（2）wrap：换行，第一行在上方。

b10b268ba7bc273764200ca259d3d130.png

（3）wrap-reverse：换行，第一行在下方。

c123992f7b5a004d348fd603c3717d79.png

3.3 flex-flow

flex-flow属性是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap。

.box {
 flex-flow: <flex-direction> || <flex-wrap>;
}

3.4 justify-content属性

justify-content属性定义了项目在主轴上的对齐方式。

.box {
 justify-content: flex-start | flex-end | center | space-between | space-around;
}

1ed1db7dacd66c236b03175744f43b53.png

它可能取5个值，具体对齐方式与轴的方向有关。下面假设主轴为从左到右。

  • flex-start（默认值）：左对齐
  • flex-end：右对齐
  • center： 居中
  • space-between：两端对齐，项目之间的间隔都相等。
  • space-around：每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍。

3.5 align-items属性

align-items属性定义项目在交叉轴上如何对齐。

.box {
 align-items: flex-start | flex-end | center | baseline | stretch;
}

0164ab3e6664c3cd3d14de96b6c4f033.png

它可能取5个值。具体的对齐方式与交叉轴的方向有关，下面假设交叉轴从上到下。

  • flex-start：交叉轴的起点对齐。
  • flex-end：交叉轴的终点对齐。
  • center：交叉轴的中点对齐。
  • baseline: 项目的第一行文字的基线对齐。
  • stretch（默认值）：如果项目未设置高度或设为auto，将占满整个容器的高度。

3.6 align-content属性

align-content属性定义了多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用。

.box {
 align-content: flex-start | flex-end | center | space-between | space-around | stretch;
}

8785592e8d949eedaf5659419d5433e0.png

该属性可能取6个值。

  • flex-start：与交叉轴的起点对齐。
  • flex-end：与交叉轴的终点对齐。
  • center：与交叉轴的中点对齐。
  • space-between：与交叉轴两端对齐，轴线之间的间隔平均分布。
  • space-around：每根轴线两侧的间隔都相等。所以，轴线之间的间隔比轴线与边框的间隔大一倍。
  • stretch（默认值）：轴线占满整个交叉轴。

项目的属性

以下6个属性设置在项目上。

  • order
  • flex-grow
  • flex-shrink
  • flex-basis
  • flex
  • align-self

4.1 order属性

order属性定义项目的排列顺序。数值越小，排列越靠前，默认为0。

.item {
 order: <integer>;
}

67102981fb6714df97533a18f7955ae8.png

4.2 flex-grow属性

flex-grow属性定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。

.item {
 flex-grow: <number>; /* default 0 */
}

adc07640e8b64aed6bbbdacb61305615.png

如果所有项目的flex-grow属性都为1，则它们将等分剩余空间（如果有的话）。如果一个项目的flex-grow属性为2，其他项目都为1，则前者占据的剩余空间将比其他项多一倍。

4.3 flex-shrink属性

flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。

.item {
 flex-shrink: <number>; /* default 1 */
}

e659257b49b280e1961fb0b5f835cf98.png

如果所有项目的flex-shrink属性都为1，当空间不足时，都将等比例缩小。如果一个项目的flex-shrink属性为0，其他项目都为1，则空间不足时，前者不缩小。

负值对该属性无效。

4.4 flex-basis属性

flex-basis属性定义了在分配多余空间之前，项目占据的主轴空间（main size）。浏览器根据这个属性，计算主轴是否有多余空间。它的默认值为auto，即项目的本来大小。

.item {
 flex-basis: <length> | auto; /* default auto */
}

它可以设为跟width或height属性一样的值（比如350px），则项目将占据固定空间。

4.5 flex属性

flex属性是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。后两个属性可选。

.item {
 flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
}

该属性有两个快捷值：auto (1 1 auto) 和 none (0 0 auto)。

建议优先使用这个属性，而不是单独写三个分离的属性，因为浏览器会推算相关值。

4.6 align-self属性

align-self属性允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性。默认值为auto，表示继承父元素的align-items属性，如果没有父元素，则等同于stretch。

.item {
 align-self: auto | flex-start | flex-end | center | baseline | stretch;
}

f7750a62d555a45583814dc629ec93ed.png

该属性可能取6个值，除了auto，其他都与align-items属性完全一致。

weixin_39918145
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【微信小程序 | 实战开发】常用小程序框架介绍
小新的博客
09-25 4165
微信小程序实质上是一款基于web技术的应用程序，他和我们平常所接触到的前端网页是大同小异的。相同点在于他们使用的开发语言，代码结构以及代码的运行机制是一样。但是他们也存在一些不同之处
微信小程序数据绑定以及跳转传参，事件机制简介
03-29
微信小程序的基于MINA框架开发的。每一个页面由 .js（必须） .wxml（必须） .wxss(非必需) .json(非必须) 这四个文件组成，且命名必须相同。 我们打开pages文件夹下面的index.js.修改 Page({ data: { motto: '第一...
amini:Amini 是一个 Angular 风格的微信小程序开发库
05-17
Amini Amini 是一个 Angular 风格的微信小程序开发库 NOTE：该项目正在积极的开发当中，代码和文档将逐渐完善，暂时请勿使用。 Features 强制使用 TypeScript 进行开发 兼容 Angular 的依赖注入方式 使用 rx.js Mixin 方式进行页面逻辑复用 RouterService 进行页面跳转 @Lock、@DataBind、@Debounce、@Throttle 等系列装饰器提高效率 局部 setData 方案 提供 computed 计算属性 可选的: Form 表单管理 DataList 分页管理 VirtualList 无限列表 Draggable 拖拽控制 Example： import { wxPage } from "@angular/core" import { SuperPage } from "@core/classes/Sup
angular 开发微信小程序
llxx1234的博客
03-20 6433
https://segmentfault.com/a/1190000014787205
JS 将框架子窗口中的内容存放到父页面的div中
既是过河之卒，惟有奋力向前。
10-11 261
//index.htm&lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt;&lt;title&gt;新建网页 1&lt;/title&gt;&lt;script language="javascript"&am
微信小程序 - 界面跳转
我的博客
03-16 299
swicthTab switchTab跳转只能跳转到有tabBar（底部导航栏）的界面。 navigateTo navigateTo:跳转到界面之后会有返回箭头。 navigateBack 跳到上一页，只能和navigateTo一起使用，上一个界面没有navigateTo的话，报错：没有firstPage。 redirectTo 跳转界面之后没有返回箭头。 ...
微信小程序MINA框架
肥晨开发的学习之路
03-13 2144
微信小程序MINA框架通过分离视图层和应用逻辑层，使得开发者可以更加高效地开发小程序。视图层使用WXML和WXSS来搭建页面结构和样式，而应用逻辑层则使用JavaScript来处理数据和事件。两者通过事件绑定和数据绑定实现交互和同步。这种设计使得小程序的开发更加灵活和高效。由于代码和图示的展示需要更直观的形式，这里无法直接展示图示。但你可以参考微信官方文档或其他教程中的图示来更好地理解MINA框架的结构和工作原理。同时，也建议你多实践、多尝试，通过编写小程序来深入理解和掌握MINA框架。您好，我是肥晨。
【微信小程序】数据绑定
m0_55394328的博客
11-19 3227
哈喽大家好，本期是微信小程序专栏第十一期，本期主要是通过将post.wxml页面的数据移植到post.js中来学习数据绑定。注意：每期内容是连载呢，建议大家可以看看往期内容，更好理解噢~以上就是今天的学习内容啦~如果有兴趣的话可以订阅专栏，持续更新呢~咱们下期再见~
微信小程序--小程序框架
ChatYU的博客
10-16 3188
​ 整个小程序框架系统分为两部分：逻辑层（App Service）和 视图层（View）。小程序提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，让开发者能够专注于数据与逻辑。 ​
微信小程序MINA框架学习（零）
IT-CRUD
03-22 1600
微信小程序的自带开发框架就是MINA，虽然市场中还有很多小程序的开发框架，但是考虑入门，还是以微信小程序自带的MINA框架为入口，开启微信小程序开发学习的旅程。这系列的博客旨在学习笔记的记录，一方面是加深自己的记忆，另一方面就是后期自己看着方便。 参考官方文档：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html 配置文件之app.json 这是文件是做项目的全局配置，包括项目的页面列表、窗口的
微信小程序MINA框架介绍
reg183的专栏
06-11 3521
MINA(MINA IS NOT APP) 是在微信中开发小程序的框架。 MINA的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生APP体验的服务。 MINA提供了自己的视图层描述语言WXML和WXSS，以及基于JavaScript的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，可以让开发者可以方便的聚焦于数据与逻辑上。 MINA的核心是一个响应的数据绑定系统。 整个系统分为两块视图层(View)和逻辑层(App Service) MINA可以让数据与视图保持同步非常简单。当做
详解 微信小程序开发框架（MINA）
11-28
小程序使用的是MINA框架，目的是通过简单、高效的方式让开发者可以在微信中开发具有原生App体验的服务。  MINA的核心是一个响应的数据绑定系统。  整个系统分为两块：视图层（view,描述语言wxml和wxss）和逻辑层...
微信小程序开发框架MINA分析
03-29
MINA是微信开发小程序的框架： MINA的目标是通过尽可能简单，高效的方式让开发者可以在微信中开发具有原生APP体验的服务。 运行MINA的项目必须要有微信web开发者工具 MINA框架中有四种类型的文件: .js文件 基于...
微信小程序 教程之数据绑定
11-27
微信小程序 教程之数据绑定 微信小程序 教程之WXML 数据绑定 WXML中的动态数据均来自对应Page的data。 简单绑定 数据绑定使用”Mustache”语法（双大括号）将变量包起来，可以作用于： 内容 <view> {{ message }} ...
微信小程序框架
万维网连五洲，二进制写尽天下事，喜欢结识新伙伴寻找志同道合的朋友，欢迎一起探讨学习
10-16 4659
微信小程序框架是一种轻量级的应用开发框架，通过连接视图层和逻辑层，实现了快速构建跨平台应用的能力，该文章让你了解什么是视图层与逻辑层并熟知微信小程序的生命周期，让你在开发过程中如虎添翼！！
新开0-1冷启动分行业指南.zip
06-01
新开0-1冷启动分行业指南.zip
FPGA课程实验代码-包含加法器.zip
06-01
FPGA课程实验代码-包含加法器.zip
胖东来运营管理-施工管理制度.pdf
最新发布
06-01
胖东来运营管理-施工管理制度.pdf
中控考勤对接DEMO JAVA开发
06-01
需要的可以自行下载

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值