黑网客小程序咨询电话400-8515-771
当前位置: 小程序 > 新闻资讯 >给刚入行的微信小程序开发者分享一些干货

给刚入行的微信小程序开发者分享一些干货

 

 网上看到一位码农码出来的微信小程序干货,想到了自己刚入行时要是有人总结出这些多好,能节省很多时间,自己不敢私藏,把他分享出来,供刚入行的小伙伴学习!

  一、参数传值的方法

  1.data-id

  我们可以给HTML元素添加data-*属性来传递我们需要的值,使用方法说明:

  (1)设置data-id

  (2)取值 + 传值

  playTap:function(e) {

  const dataset = e.currentTarget.dataset;

  wx.navigateTo({

  url: '../play/index?id='+ dataset.id

  })

  console.log(dataset.id);

  }

  (3)取值

  onLoad:function (param) {

  //页面初始化

  this.setData({

  currentId:param.id

  })

  }

  注意:data-*名称不能有大写字母, data-*属性中不可以存放对象

  2.设置id 的方法标识来传值

  使用方法说明:

  (1)设置id

  (2)取值

  通过e.currentTarget.id获取设置的id的值,然后通过设置全局对象的方式来传递数值

  3.在navigator中添加参数传值

  使用方法说明

  (1)传值

  在navigator的属性url后拼接?id(参数名字)=要传递的值 (如果多个参数用&分开 &name=value&.......)

  (2)取值

  onLoad (params){

  app.fetch(API.detail + params.id,(err,data) => {

  })

  }

  二、数据请求封装

  1.将所有的接口放在统一的js文件中并导出

  const api = {

  interface1: 'https://........',

  interface2: 'https://.......',

  interface3: 'https://....',

  .....

  }

  module.exports = api;

  2.在app.js中创建封装请求数据的方法

  fetch(url,data, callback) {

  wx.request({

  url,

  data: data,

  header: { 'Content-Type': 'application/json'

  },

  success(res) {

  callback(null, res.data);

  },

  fail(e) {

  callback(e);

  }

  })

  },

  3.在子页面中调用封装的方法请求数据

  import API from "../../api/api.js";

  const app = getApp();

  const conf = {

  data:{

  title:'正在拼命加载中...',

  loadding:true

  },

  onLoad (){

  app.fetch(API.hot,{},(err,data) => {

  })

  },

  三、使用模板

  1.定义模板:name设置模板的名字

  2.使用模板

  先引入模板

  然后使用模板is后写模板的name..通过data来传递需要是数据

  四、Array比较好用的属性和方法

  Array.isArray()方法用来判断某个值是否为Array。如果是,则返回 true,否则返回 false。

  concat()方法将传入的数组或非数组值与原数组合并,组成一个新的数组并返回。

  forEach()方法对数组的每个元素执行一次提供的函数(回调函数)。

  join()方法将数组中的所有元素连接成一个字符串。

  keys()方法返回一个数组索引的迭代器。

  map()方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。

  pop()方法删除一个数组中的最后的一个元素,并且返回这个元素。

  push()方法添加一个或多个元素到数组的末尾,并返回数组新的长度(length 属性值)。

  toString()返回一个字符串,表示指定的数组及其元素。

  五、对象Object常用方法

  1.初始化方法

  var obj = [];

  var obj = new obj();

  var obj = Object.create(null);

  2.添加元素的方法

  dic[“key”] = “value”;

  3.删除key的方法

  delete dic[“key”];

  4.清空词所有条目

  dic.clear();

  5.删除

  delete dic;

  6.查看所有属性的方法

  Object.keys(obj);

  对象的所有键名都是字符串,所以加不加引号都可以。如果键名是数值,会被自动转为字符串,如果键名不符合标识名的条件则必须加上引号,否则会报错。

  7.读取属性

  obj.name || obj[’name']

  注意: 数值键名不能使用点运算符(因为会被当成小数点),只能使用方括号运算符。

  8.检查变量是否声明

  if(obj.name) || if(obj[’name'])

  9.in 运算符用于检查对象是否包含某个属性,如果包含返回true,否则返回false

  if ( ‘x’ in obj) {return 1}

  10.for … in 循环

  用来遍历一个对象的全部属性

  for (var i in obj) {

  console.log(obj);

  }

  11.with 语句

  作用: 操作同一个对象的多个属性时,提供一些书写的方便。

  with(obj) {

  name1 = 1;

  name2 = 2;

  }

  等同于

  obj.name1 = 1;

  obj.name2 = 2;

  本文转载于网络,如有侵权请联系删除。


上一篇:小程序开发需要注意什么?

 

下一篇:恭喜业务部和偶遇酒店管理公司谌总签订微信小程序开发项目

最新文章:

酒店预订小程序开发有什么价值 微信小程序开发价格会受到什么因素的影响 电商行业开发小程序的好处有哪些

发布评论:

昵称:

邮箱:

电话:

内容:
    • 产品经理
    • 产品经理
    • 技术支持
  • 服务热线400-8515-771
    • 全方位的服务咨询
    • 精准的需求推荐
    • 1对1贴心服务
    • 7*24小时服务热线
  • 付款方式
    • 支持支付宝、微信、对公转账等多种支付方式