本质上来说,我们更希望在智能手机里用户可以更快捷的获取服务,但是他的体验又比网站要好很多很多,同时他的麻烦程度又比他去下载一个APP要好很多很多,它不像下载一个APP那么麻烦,这个就是小程序的定位。
<strong>小程序的本质就是让用户更便捷的使用,达到即搜即用的目的,同时又比传统网站有更好的体验。本系列博客主要不是来介绍小程序的市场价值,仅仅在代码层面去讲解小程序。</strong>
Let's Go
- 第一步获取<strong> AppID </strong>。当然,假如你不去获取,也可以继续接下来要做的事情。但是,当涉及到<strong> openid </strong>等需要获取用户权限的操作时,你的开发是不能继续的。 01
- 快速生成项目之后,我们看一下目录结构。
image.png
基本的文件结构是由.js
,.json
,.wxss
,.wxml
组成。.js
文件是核心脚本文件,.json
是配置文件,可配置例如应用顶部文字以及背景颜色等等内容,.wxss
是样式文件,这个文件可以完全类比于.css
,而.wxml
则可以完全类比于.html
,只是在小程序开发层面不存在例如<head></head>
<body></body>
等标签,其实小程序还是基于<strong> webview </strong>的,所以这些HTML
必要元素其实还是存在的,只是小程序是按页面加载渲染的,所以它会直接将每个页面直接嵌入HTML
文档中。
文件目录中比较特殊的是最外层的app.js
,app.json
,app.wxss
,其实这个可以看做小程序全局变量和全局配置。app.js
中与其他页面中.js
文件的区别主要在于可以定义全局变量,在其他页面的脚本文件中可以通过let app = getApp()
这个方法去获得这个实例。app.json
这个文件与其他页面的配置文件的具体区别主要在两点,一是所有在小程序中出现的页面必须通过app.json
去注册,对应的注册属性为pages
,是一个数组;二是小程序底部的<strong> tabBar </strong>也是通过该文件去配置,<strong> tabBar </strong>的位置可以在小程序顶部或者是底部,区别在于在顶部时无法使用icon
。app.wxss
这个文件与其他不同的是,它是用来设置全局样式的,当其他页面使用相同选择器并重写样式时,那些样式会覆盖app.wxss
中的全局样式。
关于小程序具体的开发以及<strong> API </strong>的使用会在后续着重介绍。
网友评论