微信小程序开发技巧

微信小程序里的商品也能通过微信支付购买 #生活知识# #生活小知识# #电子支付#

1、 微信小程序 - let，var，const 的认识

参考：https://www.jianshu.com/p/4e9c50463b69

在JavaScript中有三种声明变量的方式：var、let、 const 。

var：声明全局变量，换句话理解就是，声明在for循环中的变量，跳出for循环同样可以使用。  

let：声明块级变量，即局部变量。

const：用于声明常量，也具有块级作用域 const PI=3.14 ;

2、微信小程序引入公用的js

每个页面都有js文件，我们把通用的公共方法我们抽出来，避免重复代码，已经代码美观，在根目录下新建一个utils 文件夹 （默认已经生成了），此文件的js旨在本文件之内有效，当其他子页面想调用其中的js方法或者变量时，需要两步骤：

第一步：在utils被调用的js文件中，面向对象的方式模型输出：  module.exports={要调用的函数名称：要调用的函数名称 }；

第二步：在要调用的js文件中模块化引入utils的js文件  var object=require("utils被调用的js文件地址")； 可以输出一下object就能看到被调用的方法了；

代码实例：

在utils下的util.js：

util.js//正则判断
function Regular(str, reg) {
  if (reg.test(str))
    return true;
  return false;
}

//是否为中文
function IsChinese(str) {
  var reg = /^[\u0391-\uFFE5]+$/;
  return Regular(str, reg);
}

module .exports = {   //将js的方法暴露出来
  IsChinese: IsChinese,
}

//在需要页面引入的js中加入：

var util = require('../../utils/util.js');   //引入util.js 
Page({
    onLoad: function () {
    console .log("判断是否为中文:"+util.IsChinese('测试'));   //调用方法
    }
})

3、hello world 的实现

http://www.henkuai.com/thread-15459-1-1.html

第一步：新建test文件夹，并创建对应的test.js test.json test.wxss test.wxml 文件

第二步：在wxml中编写 hello world，在wxss中编写样式j（具体后面会讲解）

第三步： 在 app .json中注册页面

pages：pages接受一个字符串数组，来指定小程序由哪些页面组成。每一项代表对应页面的【路径+文件名】信息，数组的第一项代表小程序的初始页面。
小程序中新增/减少页面，都需要对pages数组进行修改。pages中的路径为相对路径。文件名不需要写文件后缀，因为MINA会自动去寻找路径.json,.js,.wxml,.wxss的四个文件进行整合。
本项目pages代码如下：

"pages":[
    "pages/index/index",
    "pages/test/test"， //将test页面注册
  ],

第四步：保存 编译 调试

注意：在test.js中即使没有方法 也要Page({})这么写，否则报错 test.json中要{ }这么写

网址：微信小程序开发技巧 https://www.yuejiaxmz.com/news/view/1456503

相关内容

微信小程序开发
微信小程序开发之——WebView
云开发校园微社区微信小程序源码/二手交易/兼职交友微信小程序开源功能介绍
微信小程序开发进阶指南：从技术小白到行业大咖！
微信上门服务预约家政小程序开发
本地生活服务微信小程序开发,江西南昌小程序开发公司
二手交易平台微信小程序开发设计
微信小程序模版｜健康菜谱微信小程序源码
微信小程序开发项目：环保物品回收平台
微信小程序开发：洺宸传媒引领移动应用新潮流！

随便看看