前言

一直不温不火的微信小程序2018年迎来了第二春，在我的记忆中随着跳一跳小游戏的出现，一时间数千万的微信小程序如雨后春笋般出现在我们的视线里。追着这波大浪潮，笔者所在的公司也开始将有些需求转移到微信小程序上。接下来将以几篇文章将最近的一个日历打卡小程序的开发过程以及遇到的问题和大家做个分享。

（一）微信开发者工具

小程序团队推出了自己的开发工具-微信开发者工具，目前微信开发者工具任然在不断的完善中，在开发小程序时经常要不断的更新。论坛上吐槽的文章也是一大堆，存在很多bug，笔者在开发过程中也是被它坑过。笔者是安卓开发者，习惯于这种可视化的编程，所以没有选择Webstrom或者其他开发工具，接下来将介绍微信开发者工具基本功能。

1. 机型选择：小程序以IPhone6的屏幕尺寸为设计标准，让UI小姐姐按照IPhone6屏幕尺寸来切图。
2. 预览界面：写好视图布局后点击编译，视图界面刷新显示
3. 远程调试：手机端和PC端开发工具联调（非常实用）
4. 上传代码：上传到腾讯 服务器，提交审核必经步骤。可以填写版本号和备注信息
5. 5-1：代码体积，微信限制 2M 以内。 5-2：ES语法转换，开发中一般不校验合法 域名信息 。5-3：域名信息：小程序后台要做配置服务器域名，有request 域名，socket 域名以及uploadFile和downloadFile域名。注意：域名小程序要求必须是https
6. 控制台：打印输出信息，方便调试
7. 资源文件：对应项目的文件目录，一般可以在这里进行断点调试
8. 本地数据存储：显示的是本地存储的数据，对应的相关API是wx.setStorageSync(key,data)
9. 视图调试：标组件以子父层级结构呈现，方便调试。

以上就是在开发过程中微信开发者工具常用到的功能，微信开发者工具也在不断的完善，为了以后更好的提升开发效率，也需要我们在开发过程中将遇到的问题不断的反馈给小程序团队做优化，希望大家抱着包容的心态。开发过程中大家也可以依照自己的习惯选择其他的开发工具。

（二）小程序框架以及目录结构介绍

• 逻辑层
  
  

  小程序开发框架的逻辑层由 JavaScript 编写。逻辑层将数据进行处理后发送给视图层，同时接受视图层的事件反馈。逻辑层对应的是js文件，在每个页面的js文件中，系统提供了一系列的方法如：页面生命周期onLoad(),onShow(),onHide(),等，下拉刷新onPullDownRefresh()，页面到底部（上拉加载）onReachBottom()方法，分享功能onShareAppMessage()等。

  
  
• 视图层
  
  

  框架的视图层由 wxml 与 wxss 编写，由组件来进行展示。将逻辑层的数据反应成视图，同时将视图层的事件发送给逻辑层。 wxml 由小程序提供的组件组成，wxss 是css 样式。
  
  

• app文件
  
  app.json 文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。页面的json文件一般用来配置当前页面的窗口表现。app.js 用来提供全局变量，如baseUrl。app.wxss 提供全局的css样式
  
  

  {
    "pages": [                    //页面的路径(在此处可快捷创建页面)
      "pages/index/index",
      "pages/logs/index"
    ],
    "window": {                   //视图窗口
      "navigationBarTitleText": "Demo"
    },
    "tabBar": {                   //底部tab
      "list": [{
        "pagePath": "pages/index/index",
        "text": "首页"
      }, {
        "pagePath": "pages/logs/logs",
        "text": "日志"
      }]
    },
    "networkTimeout": {           //设置是否超时
      "request": 10000,
      "downloadFile": 10000
    },
    "debug": true
  }

• utils/.json
  
  系统提供的工具类，一般编写公共的方法导出方便其他页面调用。
  

（三）结束语

本篇文章简单的介绍了微信开发者工具和小程序的框架，微信的开发文档对相关功能的介绍十分的详细。接下来将开始我们的日历打卡小程序开发之旅。

相关学习推荐：小程序开发教程

以上就是微信小程序开发（一）介绍微信开发者工具以及小程序框架的详细内容，更多请关注 群英网络其它相关文章！

（来源：CSDN）

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• 租用服务器小程序一般多少钱？

  小程序定制开发的成本和价格，租用服务器做一个小程序多长时间多少钱？尽管 Wechat小程序还没有出现多久，但是最近几年，有关小程序的热度却越来越高。许多公司想租用服务器​开发他们自己的小程序。目前小程序模式有模板和定制，很多企业觉得模板小程序不好。

• 小程序自动跳转页面的方法代码分享

  本篇文章给大家介绍一下微信小程序自动跳转页面的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

• 小程序开发常见的问题怎样解决？

  大家在小程序开发中会遇到一些问题，本栏目为大家汇总了这些问题，提供了一些解决方法，有需要的朋友可以看看，了解了解。

• 开发微信小程序的准备以及成本分析

  小程序开发费用清单，开发微信小程序要多少钱？需要准备什么？伴随着因特网的迅速发展，租用服务器开发小程序开始在移动平台上得到普及，目前已成为企业商家进行网上营销的主要途径，因此许多合作伙伴不知道如何开发小程序的价格，存在很多疑问。小程序开发费用清单，开发微信小程序要多少钱？需要准备什么呢？

• 哪里的国内大带宽服务器更便宜？

  便宜的国内大带宽服务器应该如何选择？要建一个网站或者博客，它必须要有一个网站空间，而普通的网站空间包括国内大带宽服务器、国外大带宽服务器。其价格不同，大带宽服务器的稳定性、价格、配置都不一样。本文主要介绍一下如果一个网站要做网站优化，选择什么样的国内大带宽服务器比较好。