微信小程序开发学习第一天 啥也不会
最近要开发一款微信小程序,但是啥也不会,开贴记录学习过程。写的可能会不通顺,因为这可能是不同地方的知识点,我会尽量理清逻辑。
学习地址:
微信小程序官网开发指南
w3school
bilibili.com
书:21天精通微信小程序开发
第一天:
微信小程序使用JS,CSS,XML 语言写程序代码,几乎与web前端开发一样,但是微信小程序使用腾讯自己的技术规范和架构。
微信小程序要求每个页面拥有4个同名文件:index.js index.json index.wxml index.wxss
.json 后缀的 JSON 配置文件
JSON 是一种数据格式,并不是编程语言,在小程序中,JSON扮演的静态配置的角色。
小程序配置 app.json
app.json 是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。
pages字段 —— 用于描述当前小程序所有页面路径,这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。
window字段 —— 定义小程序所有页面的顶部背景颜色,文字颜色定义等。
JSON 语法
JSON文件都是被包裹在一个大括号中 {},通过key-value的方式来表达数据。JSON的Key必须包裹在一个双引号中,在实践中,编写 JSON 的时候,忘了给 Key 值加双引号或者是把双引号写成单引号是常见错误。
JSON的值只能是以下几种数据格式:
1 数字,包含浮点数和整数
2 字符串,需要包裹在双引号中
3 Bool值,true 或者 false
4 数组,需要包裹在方括号中 []
5 对象,需要包裹在大括号中 {}
6 Null
还需要注意的是 JSON 文件中无法使用注释,试图添加注释将会引发报错。
.wxml 后缀的 WXML 模板文件
.wxss 后缀的 WXSS 样式文件
.js 后缀的 JS 脚本逻辑文件
网页编程采用的是 HTML + CSS + JS 这样的组合,其中 HTML 是用来描述当前这个页面的结构,CSS 用来描述页面的样子,JS 通常是用来处理这个页面和用户的交互。
最后:说实话0基础学习小程序的开发确实很困难,上面所写的这些东西我一点感觉都没有,学了几个小时感觉云里雾里就暂时放下了。不过问题不大,至少了解了一些小程序开发的知识吧。晚一天发是因为第一天学的实在太迷茫了