微信小程序学习心得

微信小程序开发与调试心得

最新推荐文章于 2025-10-29 16:49:00 发布

原创

最新推荐文章于 2025-10-29 16:49:00 发布 · 1.2w 阅读

14 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #前端

本文介绍了微信小程序的环境搭建，包括使用微信开发者工具和VS2013，以及Windows和sqlserver数据库的开发环境。文章详细讲解了小程序的开发过程，如页面结构和公共样式表，并提到了在不同机型下的测试重要性。最后，作者分享了调试经验，包括真机和模拟器的差异，以及在app.json中调整测试页面的方法。总结中，作者认为小程序结构类似于前端框架，适合小功能开发，且避免了浏览器适配问题。

微信小程序使用笔记

1. 环境搭建

开发工具：微信开发者工具，vs2013

开发环境：Windows，sqlserver数据库

2. 开发过程

小程序是属于公众号下的，开发前需要注册小程序，[点击注册](https://mp.weixin.qq.com/cgi-bin/wx)，如果是企业用户注册完成之后就可以通过开发者工具开始本地创建项目了，打开微信开发者工具，扫描登录，点击添加项目

这里写图片描述

项目创建完成后包含几个文件，pages指的是页面utils存放公共脚本，app.js是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。

//app.js
App({
  onLaunch: function () {
   
   
    //调用API从本地缓存中获取数据
    var logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)
  },
  getUserInfo:function(cb){
   
   
    var that =