学习微信小程序的基础知识:
微信小程序大家都很熟悉了,人们在生活中无时无刻不在用着它,它给我们的生活带来了极大的便利。
用户可以通过“扫一扫”或者在微信上搜索相关小程序名称来快速申请。微信小程序作为近年来“微服务”的杰出代表,应用十分广泛。小程序是一个新的开放能力,让开发者可以快速开发一个小程序。
小程序可以在微信内轻松访问和传播,并提供极佳的用户体验。
1:小程序有哪些优势?
1.不占用手机内存
微信小程序几乎不占用系统内存,可以为用户,特别是低配置手机的用户提供良好的体验。
2. 无需安装,即用即走(触手可及)
微信小程序是微信平台上构建的应用程序,用时打开,用时消失,随时都可以使用,实现了“用时打开,用时离开”的目的。当然小程序还有其他优点,这里就不一一描述了。
2:学习微信小程序需要哪些基础? HTML:至少学会使用常用标签,比如按钮标签,文本标签,知道一些标签是干什么用的。 CSS:了解类选择器、标签选择器的定义和使用方法;了解常用属性。 熟练掌握编程语言基础:Java/JS,主要熟练掌握变量定义,if条件判断,字符数组。了解JSON格式和生命周期函数。 3:如何学习小程序?
根据官方文档,多写demo是学习微信小程序的最好方法。
学习前端基础知识,包括但不限于HTML+CSS+JS+JQ。学习小程序基本语法,了解小程序基本结构(JS、JSON、WXML、WXSS)。实践项目
对于初学者来说,有几点需要注意:
① 小程序不同于Vue的是,修改代码按保存后会立即在网页上生效。 每次修改代码后,如果想看到效果必须重新编译或者按Ctrl+S保存,然后等模拟器重新加载首页才可以看到修改的效果。
②善于调用模板或者接口,避免自己编程,如果需要实现某个功能,先查看官网文档,看看有没有对应的模板或者库。
③ 如果项目需要连接数据库,开发前必须购买服务器,实名认证并注册。小程序开发时间一般小于服务器审核时间(针对小项目)。小程序请求的地址必须是注册的域名。
④不要用传统的编程思维去看待小程序开发,小程序不像Java那么容易写,有些功能也不一定能实现。
4:小程序项目基本文件类型及开发工具。
一定要阅读并了解微信开放文档,里面涉及到一系列的框架、组件、API、云端开发等等,都可以为开发提供帮助。
首次开发微信小程序时,需要在微信公众平台注册自己的信息,然后验证邮箱地址,后面开发时会用到。也可以使用测试账号进行开发,不过测试账号无法上线,后面需要更换测试账号。可以在真机上调试测试结果!
微信有自己的开发工具,具体下载配置如下:
①先安装开发工具!
根据微信开发文档,下载并安装开发工具微信小程序开发者工具,了解开发工具的功能。
②全局配置文件信息
小程序根目录下的app.json文件用于对微信小程序进行全局配置,确定页面文件的路径、窗口表现、设置网络超时、设置多个标签页等。
完整配置项说明请参考小程序全局配置
下面是一个app.json文件,其中包含一些常见的配置选项:
{ "pages": [ "pages/index/index", "pages/logs/index" ], "window": { "navigationBarTitleText": "Demo" }, "tabBar": { "list": [{ "pagePath": "pages/index/index", "text": "首页" }, { "pagePath": "pages/logs/index", "text": "日志" }] }, "networkTimeout": { "request": 10000, "downloadFile": 10000 }, "debug": true, "navigateToMiniProgramAppIdList": [ "wxe5f52902cf4de896" ] }
②页面配置信息
各个小程序页面也可以使用同名的.json文件来配置本页面的窗口表现,页面中的配置项会覆盖app.json中相同的配置项。
完整配置项说明请参考小程序页配置
{ "navigationBarBackgroundColor": "#ffffff", "navigationBarTextStyle": "black", "navigationBarTitleText": "微信接口功能演示", "backgroundColor": "#eeeeee", "backgroundTextStyle": "light" }
5、总结一下微信小程序的开发者工具,个人建议在上线前用它进行程序调试,在程序开发过程中使用。使用开发工具进行开发需要配置一些相关的插件,包括:、-、wxml、小程序开发助手。安装好这4个插件之后使用起来会非常方便。开发过程中可以使用微信开发工具进行调试。