介绍微信开发者工具以及微信小程序框架
ccwgpt 2024-10-01 07:59 22 浏览 0 评论
一直不温不火的微信小程序2018年迎来了第二春，在我的记忆中随着跳一跳小游戏的出现，一时间数千万的微信小程序如雨后春笋般出现在我们的视线里。追着这波大浪潮，笔者所在的公司也开始将有些需求转移到微信小程序上。接下来将以几篇文章将最近的一个日历打卡小程序的开发过程以及遇到的问题和大家做个分享。
（一）微信开发者工具小程序团队推出了自己的开发工具-微信开发者工具，目前微信开发者工具任然在不断的完善中，在开发小程序时经常要不断的更新。论坛上吐槽的文章也是一大堆，存在很多bug，笔者在开发过程中也是被它坑过。笔者是安卓开发者，习惯于这种可视化的编程，所以没有选择Webstrom或者其他开发工具，接下来将介绍微信开发者工具基本功能。
机型选择：小程序以IPhone6的屏幕尺寸为设计标准，让UI小姐姐按照IPhone6屏幕尺寸来切图。
预览界面：写好视图布局后点击编译，视图界面刷新显示远程调试：手机端和PC端开发工具联调（非常实用）上传代码：上传到腾讯服务器，提交审核必经步骤。可以填写版本号和备注信息。
5-1：代码体积，微信限制 2M 以内。5-2：ES语法转换，开发中一般不校验合法域名信息 。5-3：域名信息：小程序后台要做配置服务器域名，有request 域名，socket 域名以及uploadFile和downloadFile域名。注意：域名小程序要求必须是https控制台：打印输出信息，方便调试资源文件：对应项目的文件目录，一般可以在这里进行断点调试本地数据存储：显示的是本地存储的数据，对应的相关API是wx.setStorageSync(key,data)视图调试：标组件以子父层级结构呈现，方便调试。以上就是在开发过程中微信开发者工具常用到的功能，微信开发者工具也在不断的完善，为了以后更好的提升开发效率，也需要我们在开发过程中将遇到的问题不断的反馈给小程序团队做优化，希望大家抱着包容的心态。开发过程中大家也可以依照自己的习惯选择其他的开发工具。
（二）小程序框架以及目录结构介绍
逻辑层小程序开发框架的逻辑层由 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样式
utils/.json 系统提供的工具类，一般编写公共的方法导出方便其他页面调用。
相关推荐
- netty系列之:使用Jboss Marshalling来序列化java对象
-
简介在JAVA程序中经常会用到序列化的场景，除了JDK自身提供的Serializable之外，还有一些第三方的产品可以实现对JAVA对象的序列化。其中比较有名的就是Googleprotobuf。当然...
- 6款可替代dreamweaver的工具
-
dreamweaver对一个web前端工作者来说，再熟悉不过了，像我07年接触web前端开发就是用的dreamweaver，一直用到现在，身边的朋友有跟我推荐过各种更好用的可替代dreamweaver...
- Java—类加载的基本机制和过程
-
类加载的基本机制和过程运行Java程序，就是执行java这个命令，指定包含main方法的完整类名，以及一个classpath，即类路径。类路径可以有多个，对于直接的class文件，路径是class文件...
- 什么是双亲委派机制?(转载)
-
原文章地址：https://www.cnblogs.com/hollischuang/p/14260801.html什么是双亲委派机制首先，我们知道，虚拟机在加载类的过程中需要使用类加载器进行加载，而...
- [架构师必看]我在系统设计上犯过的14个错
-
在上篇《架构师画像》的文章中提到了自己在系统设计上犯过的一些错，觉得还挺有意义的，这篇文章就来回顾下自己近八年来所做的一些系统设计，看看犯的一些比较大的血淋淋的错误（很多都是推倒重来），这八年来主要做...
- ONOS架构之子系统介绍
-
前言：为了方便灵活性，ONOS采取的是一种模块化结构，一方面能灵活地组织各种模块，容易让开发者扩展出新的模块，同时通过隔离令系统的模块各司其职而不会互相干扰。实际上ONOS是由多个子系统组成，本文将对...
- 基于微信小程序的在线课堂系统设计与实现-计算机毕业设计源码
-
摘要随着我国经济迅速发展，人们对手机的需求越来越大，各种手机软件也都在被广泛应用，但是对于手机进行数据信息管理，对于手机的各种软件也是备受用户的喜爱，在线课堂微信小程序被用户普遍使用，为方便用户能够...
- 微信小程序云开发教室预约系统的前后端交互与数据库设计
-
需求描述：需要申请使用教室时，可点击教室申请查看教室的使用状况及相关设备。确定好需要的教室后，按学期、校区、教学楼、周次、星期、节次、等维度筛选，并备注用途。例如：当我点击该教室申请占用后，该教室状态...
- 微信小程序开发准备材料以及方式
-
这里讲述小程序注册类型为企业类型时所需要的资料，首先需要一个新的邮箱号，作为登陆账号，需要管理员或者法人的身份信息、已绑定银行卡的微信号、手机号、营业执照、开户银行信息，或者一些特殊行业所需要的办理的...
- webman 事务回滚失效问题记录
-
大家好,我是yangyang.最近有用到webman这个框架写业务,写代码的过程中,遇到了一个奇葩的问题:基于webman下使用laravel的orm组件事务回滚不生效简单介绍下webmanwebma...
- PHP实时通信:Workerman篇
-
一般做Web开发，用的是HTTP协议进行通信，是一个简单的请求-响应协议。做PHP开发的都很清楚这一点。只能由浏览器发起请求，服务器响应内容。服务器不能主动向浏览器推送消息。多个浏览器之间也不能互相发...
- PHP培训课程内容都有哪些?PHP培训哪些内容?
-
作为一门经久不衰的开发语言，php开发工程师一直是很多年轻人选择学习和就业的职业方向，那么PHP培训课程主要学习哪些内容呢?一、企业级开发专题:深入剖析企业实际开发过程,教授最实用的企业级技术PHP7...
- go 和 php 性能如何进行对比?
-
PHP性能很差吗？每次讲到PHP和其他语言间的性能对比，似乎都会发现这样一个声音：单纯的性能对比没有意义，主要瓶颈首先是数据库，其次是业务代码等等。好像PHP的性能真的不能单独拿出来讨论似的。但其实一...
- 突然发现php工作变少了
-
突然发现php工作变少了。好像不大行了，被go取代了魔法涂鸦python和php对比如下:1.python依赖管理需然简单，但依赖本身做的比较宽松，一但版本更新，或修改，就有一堆问题；2.传统py...
- php高并发的瓶颈到底在哪
-
php高并发的瓶颈到底在哪？是同步阻塞？还是nginx+fpm不断创建-销毁进程资源过度消耗？高并发到底是什么问题，是语言问题嘛，为什么说php不适合高并发？求大佬指点从2009年后一直用lnmp，从...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- MVC框架 (46)
- spring框架 (46)
- 框架图 (58)
- bootstrap框架 (43)
- flask框架 (53)
- quartz框架 (51)
- abp框架 (47)
- jpa框架 (47)
- laravel框架 (46)
- express框架 (43)
- springmvc框架 (49)
- 分布式事务框架 (65)
- scrapy框架 (56)
- shiro框架 (61)
- 定时任务框架 (56)
- grpc框架 (55)
- ppt框架 (48)
- 内联框架 (52)
- winform框架 (46)
- gui框架 (44)
- cad怎么画框架 (58)
- ps怎么画框架 (47)
- ssm框架实现登录注册 (49)
- oracle字符串长度 (48)
- oracle提交事务 (47)