美文网首页
快速上手小程序

快速上手小程序

作者: PandaXiong | 来源:发表于2019-06-19 11:00 被阅读0次

最近开发了几个小程序,基本上是一两天掌握开发技能,分享下经验。

前端基础

开发小程序需要掌握基础知识(这里只介绍重要知识点方便快速上手项目,当然以后前端知识js语法和css样式还是要系统学习的)
js语法:定义变量、方法、对象、数组基本操作,以及模块化导出(开始不一定要懂原理、会导出对象和方法给外部使用即可)。
js学习资料
css样式:盒子模型、padding、margin、position以及最重要的flex布局,掌握flex布局你基本就掌握了前端布局精髓。float左右浮动可暂时不掌握,因为使用flex更加强大。
css资料
flex布局

2.小程序知识
官方地址
App:程序入口,掌握几个app加载周期方法。
Page:页面,每个page是一个独立页面, wx.navigateTo、 wx.switchTab 等等api进行页面跳转与切换。需要掌握几个页面加载周期方法。
Component:组件,可以理解为构成页面的封装视图,一个页面可以由多个组件构成。
模块化:js模块化,封装的js方法、对象、常量可放在独立模块,可以导出以供调用的地方使用。

页面的构成:

1、WXML(组件结构)
wxml是和html相似的一套标签语言,它是页面的结构,由基础组件和事件系统组成。
2、JS(处理逻辑)
小程序开发框架的逻辑层由JavaScript编写。逻辑层将数据进行处理后发送给视图层,同时接受视图层的事件反馈。在JS里,微信小程序提供了丰富的API。
3、WXSS(样式外观)
WXSS(WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。
4、JSON(配置文件)
app.json里的设置会较多一点,普通页面使用频率不高。app.json 是对当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部tab等。

实践:

使用组件构成页面常用组件:视图、输入框、列表、图片显示等等
组件库地址
使用api实现基本功能:加载、跳转、toust、相册、图片处理等等
api地址

相关文章

  • 快速上手小程序

    最近开发了几个小程序,基本上是一两天掌握开发技能,分享下经验。 前端基础 开发小程序需要掌握基础知识(这里只介绍重...

  • 微信小程序快速开发上手

    微信小程序快速开发上手 介绍: 从实战开发角度,完整系统地介绍了小程序的开发环境、小程序的结构、小程序的组件与小程...

  • 小程序之入门布局篇

    前言 阅读这篇文章你将学到: 快速启动一个小程序项目 快速上手小程序重构业务 在页面布局中遇到的一些坑 使用mpv...

  • 小程序快速上手攻略(2)

    小程序跳转到h5页面: 我们可以使用navigator标签跳转到一个新页面(别忘了在app.json注册)...

  • 快速上手小程序云开发

    云开发操作概述云函数操作实战云存储操作实战云数据库操作实战 小程序云开发集成于小程序控制台的原生serverles...

  • mpvue 微信小程序富文本解析

    mpvue 是一个使用 Vue.js 开发小程序的前端框架。 按照官方的 快速上手 文档,如果之前接触过微信小程序...

  • TS 入门和Vue实践

    TS 入门和Vue实践 一、TS 快速上手 从 JavaScript 程序员的角度总结思考,快速上手理解 Type...

  • 【干货】快速接入小程序订阅消息(附源代码)

      这是一份小程序消息订阅快速开发指引,其中演示了如何快速上手消息订阅的订阅、推送、支付订阅功能。   根据官方指...

  • 快速上手快应用

    快速上手快应用 官网 介绍 快应用是国内十家手机厂商联合推出的类似于小程序的东西 背景是被微信小程序引流太严重 因...

  • [小程序]简单上手小程序

    小程序出来应该已经一两年了,但个人一直不算看好,也没去研究。但在生活中,发现很多场景,小程序比普通的网页更为流畅,...

网友评论

      本文标题:快速上手小程序

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