2021-09-03 【N01】小程序开发学习笔记

小程序应该成为零基础入门开发者学习前端的首选开发平台
你所需要掌握的是JavaScript和CSS，原则上讲，不再需要学习各类框架和库了。这无疑减轻了很多初学者的负担。
参考书籍：https://weread.qq.com/web/reader/13332d405e0c8913356ee8dk16732dc0161679091c5aeb1
微信官方文档：https://developers.weixin.qq.com/doc/

博主有一点点也可以算没有的基础：博客园美化
那咱们就开始学习之路啦

1.小程序是什么

微信小程序并不是一项技术或者一个框架，微信小程序是一个生态，与之对应的应该是iOS生态和Android生态，其中微信小程序又与iOS生态极为相似，它们都非常封闭，而且审核非常严格（微信小程序的审核比苹果还要严格）。而MINA是小程序的一个框架，它提供了小程序运行所需要的接口、模型和机制。

2.环境搭建和开发工具

step1:申请ID号https://mp.weixin.qq.com/准备好邮箱、身份证号、微信号、手机号等
step2:创建第一个小程序项目https://mp.weixin.qq.com/
界面介绍：

1. 4种类型的小程序文件（.js、.json、.wxml、.wxss）将在文后具体介绍
2. 调试选项卡：
   Wxml:Wxml Panel是非常重要的一个功能模块，如图2-19所示。这个模块类似于Chrome调试工具下的Elements模块，主要用于调试Wxml标签和相关CSS样式，调试方法同Chrome一样。
   Console:Console Panel用于调试和输出信息，开发者也可以在这里输入代码。
   Sources:Sources Panel是默认的panel，用于显示当前项目的脚本文件。
   Network:Network Panel主要用于观察和显示网络连接的相关情况。
3. 编译快捷键Ctrl+B。最新版本中的小程序已经增加了实时预览的功能，在更改代码后只需要使用Ctrl+S保存，开发工具就会自动编译、更新代码。

step3：下载https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
app.js小程序逻辑文件
app.json小程序配置文件
app.wxss全局公共样式文件
page文件夹下indexs logs
wxml 页面结构
官方的示例项目中还有一个utils文件夹，这个文件夹用来存放一些公共的js文件，比如utils下面的util.js。我们可以任意定义类似于utils文件夹的目录，并放在小程序的任意位置，小程序对此并没有任何限制。

3.体验小程序功能