介绍微信开发者工具以及微信小程序框架
dezehang 2024-11-18 00:35 1 浏览
一直不温不火的微信小程序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 系统提供的工具类，一般编写公共的方法导出方便其他页面调用。
相关推荐
- WIN10系统如何安装UG10.0
-
随着科技的不断进步与更新，现在有很多公司己经安装上了WIN10的系统以及使用UG10.0了，但很多人反映WIN10系统安装UG10.0不好装，以下详细介绍一下1如果WIN10系统没有自带有JAVA需...
- 自学UG编程的心得分享
-
为什么有的人3个月学会基本的UG建模画图编程，有的断断续续3——5年才学会，还有的人干了7年的加工中心还不会电脑画图编程。这是什么原因？1.顾虑太多，什么都想得到，什么都想一起抓，总是上班加班没时间，...
- UG/NX 绘制一个捞笊(zhào)模型，或者也可以叫它漏勺?
-
今天我们来看看这个模型，起因是群里有小伙伴说要做一个捞笊的模型，看见这名字直接给我整懵了，然后他发了张家里漏勺的图片才知道原来这玩意还有个这种名字。这东西相信每个小伙伴家里都有吧，它的建模方法也比较...
- 再也不用为学UG编程发愁了!380集最新UG资料免费送
-
上期发的UG教程很多粉丝都领到了，收获越来越多的好评！有你们一直陪伴真的很高兴，谢谢各位粉丝！为了给大家提供更优质的资源，这两个月都在整理你们最关心的UG资源，都是多位编程工厂老师傅的工厂实战精华，真...
- 优胜原创UG_3-4-5轴后处理下载
-
反复上机调试，安全稳定可靠，请放心使用2020.11.21，修复YSUG4-5轴后处理锁轴输出...
- 青华模具学院-UG10.0安装文件说明
-
青华模具学院分享：今天我们来跟大家一起学习NX10.0版本的安装方法，网上有很多这个版本的安装视频以及方法图文，但到最终安装软件时仍有很多新手对安装仍然感到头痛，基于这样的情况，我们特别就NX10.0...
- UGnx10安装说明
-
温馨提示，安装前，请退出杀毒软件，关闭防火墙，因为这些软件可能阻断NX主程序和许可程序间的通信，导致安装后，软件无法启动。1、解压下载后的压缩包，右键，选择‘’解压到UGNX10_64位正式版（csl...
- 正版UG软件，正版UG代理，正版软件和盗版软件的区别
-
大家都知道，UG软件是制造业必不可少的一款三维软件，广泛应用于：CAE（有限元分析），CAD（产品设计/模具设计），CAM（计算机辅助制造编程），那么有人不禁要问了，正版软件和盗版软件在使用上有明显区...
- 非常全面的UG加工模块中英对照(图标注释)
-
大家好，我是粥粥老师，听说很多同学都在学习UG但是没有学习资料和安装包，今天粥粥老师就全部打包好免费发放给你们，那么怎么获取全套资料图档安装包呢领取途径①关注②评论、点赞、转发③私信“UG或者...
- 腾讯自研Git客户端 UGit|Git 图形界面客户端
-
支持平台：#Windows#macOS腾讯推出的一款Git图形界面客户端，简化了Git的使用流程，特别适合处理大型项目和文件。支持直接提交和推送操作，避免在大规模项目中由于远程频繁变更而导致...
- 经典收藏:UG重用库的一些不为人知小技巧
-
免费领取UG产品编程、UG多轴UG模具编程、安装包安装教程图档资料关注私信我“领取资料”，即可免费领取完整版，感谢支持，爱你们哟，么么主题：UG后处理+仿真+外挂UG重用库的正确使用方法：首先有...
- UG编程常用指令G、M代码，快收藏好
-
今天给大家分享数控编程常用的指令代码，希望对正在学习路上的你带来一丝丝帮助。最好的方法就是转发到自己空间，方便以后学习。对了，如果你还需要其他UG教程学习资料，CNC加工中心的一些参数，以及UG画图，...
- UG NX7.0中文版从入门到精通
-
Unigraphics（简称UG）是一套功能强大的CAD/CAE/CAM应用软件，UGNX7是其最新版本。《UGNX7从入门到精通(中文版)》以UGNX7为平台，从工程应用的角度出发，通过基...
- 经典UG建模基础练习图纸
-
UG是目前工作中比较优秀拥有大量用户的一款机械模具产品行业三维设计软件，cam加工丶软件支持全中文汉化；能够带给用户更为非凡的设计与加工新体验。很多朋友私信小编问有没有UG建模练习图纸，今天给大家分享...
- UG NC软件基础操作，如何设置UG草图精度
-
默认情况下我们绘制草图一般只保留一位小数，即使你输入多位小数软件也会自动四舍五入，这个你做一些国标的图还好，国标以毫米为单位，一般保留小数点后一位就够了，但如果你做的图是英制单位，那么保留一位小数肯定...
- 一周热门
- 最近发表
- 标签列表
-
- 微信开发者工具 (41)
- amd驱动 (55)
- 下载qqhd (28)
- cad2014 (75)
- cad2014注册机 (30)
- 魔兽争霸官方对战平台 (43)
- cad2007 (31)
- directx下载 (29)
- 桌面备忘录 (51)
- msvcr100.dll下载 (24)
- office2010下载 (42)
- ipscan (20)
- 思源黑体下载 (38)
- kernel32.dll下载 (63)
- office2010下载免费完整版 (28)
- 微信开发者工具下载 (54)
- powerdesigner下载 (46)
- python3下载 (23)
- photoshop官方免费版 (55)
- ch340串口驱动 (52)
- 爱奇艺万能播放器官方下载 (30)
- ps软件官方下载中文版 (51)
- ultraedit下载 (32)
- 360一键root (32)
- ug下载 (64)