前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信小程序的概要

微信小程序的概要

作者头像
达达前端
发布2019-07-03 15:01:40
5570
发布2019-07-03 15:01:40
举报
文章被收录于专栏:达达前端
微信小程序的概要

学习小程序要了解一下什么事小程序,小程序开发前需要做哪些准备,微信小程序开发工具的使用,小程序中的目录结构解析,视图和渲染,事件。

小程序的配置详解,小程序的生命周期与app对象的使用,页面的配置,页面的生命周期和参数传递,用户的登录,UI开发。

UI开发中的布局基础,样式基础,组件的使用,视图容器的使用,基础内容组件,表单组件,操作反馈小工具,导航,多媒体的使用。

地图和LBS,画布,首页的属性,api的开发,请求服务器数据,文件的上传和下载,websocket实现即时聊天,图片的选择和调用微信拍照,微信录音,获取微信网络状态,获取当前位置,音频的控制,缓存数据,重力感应,获取微信小程序的用户信息,微信小程序的微信支付,罗盘等

微信小程序的简介

问: 什么是微信小程序? 微信小程序是用来干什么的? 什么样的互联网产品适用于微信小程序? 微信小程序将带来哪些变革?

目录结构详解

项目的目录结构

代码语言:javascript
复制
pages
->index
->index.js // 页面入口
->index.wxml // 布局UI
->index.wxss // 布局样式
->logs
->logs.js
->logs.json // 页面的配置文件
->logs.wxml
->logs.wxss
utils
app.js
app.json
app.wxss

视图与渲染

组件的使用,数据的绑定,渲染标签,模版的使用

代码语言:javascript
复制
// index.js
Page({
 data: {

 },
 onLoad: function(options) {
  // 页面的初始化
 },
 onReady: function() {
  // 页面内的渲染
 },
 onShow: function() {
  // 页面的显示
 },
 onHide: function() {
  // 页面的隐藏
 },
 onUnload: function() {
  // 页面关闭
 }
})

渲染标签

显示

代码语言:javascript
复制
<view wx:if="{{true}}">dashu</view>

隐藏

代码语言:javascript
复制
<view wx:if="{{false}}">dashu</view>

循环

代码语言:javascript
复制
<view wx:for="{{[1,2,3]}}">
 循环 {{item}} {{index}}
<view>
代码语言:javascript
复制
wx:for-item="news-item"
wx:for-index="news-index"
代码语言:javascript
复制
shift(): 删除数据

模版

代码语言:javascript
复制
templates
->header.wxml

<text>投吧</text>
代码语言:javascript
复制
// index.wxml
<include src="../templates/header"/>
代码语言:javascript
复制
templates
->footer.wxml
代码语言:javascript
复制
// footer.wxml
<template name="f1">
内容
</template>

<template name="f2">
内容
</template>
代码语言:javascript
复制
<import src="../temmplates/footer"/>
<template is="foot2" data="{{text:"导入设置内容"}}">

如果看了觉得不错

点赞!转发!

达叔小生:往后余生,唯独有你 You and me, we are family ! 90后帅气小伙,良好的开发习惯;独立思考的能力;主动并且善于沟通 简书博客: 达叔小生 https://www.jianshu.com/u/c785ece603d1

结语

  • 下面我将继续对 其他知识 深入讲解 ,有兴趣可以继续关注
  • 小礼物走一走 or 点赞
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019.01.21 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 微信小程序的简介
  • 目录结构详解
  • 视图与渲染
  • 模版
  • 结语
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档