专栏首页达达前端微信小程序的概要

微信小程序的概要

微信小程序的概要

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

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

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

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

微信小程序的简介

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

目录结构详解

项目的目录结构

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

视图与渲染

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

// index.js
Page({
 data: {

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

渲染标签

显示

<view wx:if="{{true}}">dashu</view>

隐藏

<view wx:if="{{false}}">dashu</view>

循环

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

模版

templates
->header.wxml

<text>投吧</text>
// index.wxml
<include src="../templates/header"/>
templates
->footer.wxml
// footer.wxml
<template name="f1">
内容
</template>

<template name="f2">
内容
</template>
<import src="../temmplates/footer"/>
<template is="foot2" data="{{text:"导入设置内容"}}">

如果看了觉得不错

点赞!转发!

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

结语

  • 下面我将继续对 其他知识 深入讲解 ,有兴趣可以继续关注
  • 小礼物走一走 or 点赞

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 微信小程序开发基础

    查看官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/

    达达前端
  • 微信小程序基础

    小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不关心是否安装太多应...

    达达前端
  • 微信小程序基础

    查看官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/

    达达前端
  • For语句

    计算机擅长做重复、重复又重复的事,它不知道疲惫。For语句就是一种循环语句,再一次罗嗦一次,在VBA编辑器里插入模块,随便写个For,按F1,先看看官方的帮助文...

    xyj
  • 如何入门小程序开发

    在上一篇教程中,我们教大家使用微信官方Demo快速搭建了一个小相册,并学会了如何安装开发者工具,如何创建小程序,如何做服务端配置。并利用腾讯云COS实现相册上传...

    伤旧
  • 精解四大集合框架:List核心知识总结

    Java集合框架早也是个老话题了,今天主要是总结一下关于Java中的集合框架List的核心知识点。肯定有人会问,这篇写的是List那接下来就还有三篇?是的,ja...

    田维常
  • 微信聊天记录怎么恢复到手机?选择一个正确方法

      微信聊天记录怎么恢复到手机?我们经常都会使用到微信,不管是工作中还是在生活中都会使用到微信,在日积月累的情况下我们会有很多的聊天记录存在,当我们不小心删除了...

    科技第六人
  • iOS 13怎样恢复微信聊天记录?教你这几招

      怎样恢复微信聊天记录?在手机中经常会有很多的聊天记录发生,微信是现在最主流的聊天工具之一了,我们手机手机都会有这样的一个社交工具,而且使用的人也较多,微信中...

    科技第六人
  • 2-VII-RecyclerView事件

    张风捷特烈
  • POJ 刷题系列:1094. Sorting It All Out

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/...

    用户1147447

扫码关注云+社区

领取腾讯云代金券