美文网首页
初识小程序

初识小程序

作者: 狒狒神 | 来源:发表于2017-07-23 01:53 被阅读0次

    本质上来说,我们更希望在智能手机里用户可以更快捷的获取服务,但是他的体验又比网站要好很多很多,同时他的麻烦程度又比他去下载一个APP要好很多很多,它不像下载一个APP那么麻烦,这个就是小程序的定位。

    <strong>小程序的本质就是让用户更便捷的使用,达到即搜即用的目的,同时又比传统网站有更好的体验。本系列博客主要不是来介绍小程序的市场价值,仅仅在代码层面去讲解小程序。</strong>

    Let's Go

    1. 第一步获取<strong> AppID </strong>。当然,假如你不去获取,也可以继续接下来要做的事情。但是,当涉及到<strong> openid </strong>等需要获取用户权限的操作时,你的开发是不能继续的。 01
    2. 快速生成项目之后,我们看一下目录结构。
      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>的位置可以在小程序顶部或者是底部,区别在于在顶部时无法使用iconapp.wxss这个文件与其他不同的是,它是用来设置全局样式的,当其他页面使用相同选择器并重写样式时,那些样式会覆盖app.wxss中的全局样式。

    关于小程序具体的开发以及<strong> API </strong>的使用会在后续着重介绍。

    相关文章

      网友评论

          本文标题:初识小程序

          本文链接:https://www.haomeiwen.com/subject/esijkxtx.html