美文网首页
初识小程序

初识小程序

作者: 狒狒神 | 来源:发表于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>的使用会在后续着重介绍。

相关文章

  • 初识小程序

    从开始接触小程序到现在审核通过一个半月的时间,第一次接触感觉跟vue有很多相似的地方。 总结一下小程序的基本用法:...

  • 初识小程序

    什么是小程序 小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的 梦想,用户扫一扫或者搜一下即可...

  • 初识小程序

    本质上来说,我们更希望在智能手机里用户可以更快捷的获取服务,但是他的体验又比网站要好很多很多,同时他的麻烦程度又比...

  • 初识小程序

    不确定原则一: 微信小程序的使用体验接近原生APP,与H5应用相比更加流畅。微信小程序的开发难度接近于H5应用开发...

  • 初识小程序

    关注了挺久的小程序,今天终于如期而至。IOS需要更新到最新版本才可体验。安卓系统可支持添加小程序到桌面。这里附上小...

  • 初识小程序

    微信小程序入门 什么是微信小程序:不需要下载直接使用的一种程序 不需要下载-安装包大小小于1M 用户用完即走,不用...

  • 初识小程序

    学习小程序的第一周,做一个简单的整理,谈谈自己对小程序的体会。 一个完整的小程序项目是一个集成于微信内部的几个网页...

  • 初识小程序

    一、前言 小程序目前已经遍布我们的生活 我们每天几乎都或多或少的会用到小程序,最常见的便是乘车二维码了 因此学习下...

  • 初识小程序 - 配置

    全局配置~app.json 1.pages配置项 pages配置项接受一个数组,用来指定小程序由哪些页面组成,是必...

  • 初识小程序-组件

    视图容器(View Container): 基础内容(Basic Content): 表单(Form): 导航(N...

网友评论

      本文标题:初识小程序

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