• 微信小程序入门一


    基本的准备工作
    -知识储备
    --基础:HTML+JS+CSS
    --进阶:React、Vue
    -工具安装
    --工具由微信官方提供
    ---下载地址:https://github.com/zce/weapp-demo
    -项目预览>校验环境
    --根据目录进行操作
    --在开发者工具预览效果
    --页面基本结构,几乎每个小程序都是这个结构
    --nav bar
    --body
    --tab bar
    开发体验阶段
    -理解微信小程序的架构
    --开发基础骨架:https://github.com/zce/weapp-boilerplate.git
    └─ empty-folder/ ·································· 项目所在目录
    ├─ pages/ ······································ 页面目录
    │ ├─ index/ ··································· index页面
    │ │ ├─ index.js ······························ index页面逻辑
    │ │ ├─ index.wxml ···························· index页面结构
    │ │ └─ index.wxss ···························· index页面样式
    │ └─ logs/ ···································· logs页面
    │ ├─ logs.js ······························· logs页面逻辑
    │ ├─ logs.wxml ····························· logs页面结构
    │ └─ logs.wxss ····························· logs页面样式
    ├─ utils/ ······································ 公共脚本目录
    │ └─ util.js ·································· 工具脚本
    ├─ app.js ······································ 应用程序逻辑
    ├─ app.json ···································· 应用程序配置
    └─ app.wxss ···································· 应用程序公共样式
    --app.js>用于定义整个应用的逻辑
    ---app函数是一个全局函数
    ---app函数作用就是用来创建一个应用程序实例
    ---每个应用程序都会有他的生命周期
    --app.json
    ---页面的基本配置信息
    --app.wxss
    ---css代码,用来设置整个应用的样式
    -项目配置

    -页面结构
    --页面的结构必须由多个文件组成
    ---js文件:定义页面的逻辑;app如上,page也是一个全局函数,用来创建页面对象
    ---json文件:配置文件,根据需求创建,无需求便可不创建,因为页面有页面的配置,应用程序有应用程序的配置。可以不存在,但是应用程序必须配置json文件。
    ---wxml文件:页面结构文件,是XML语法,不是HTML语法。
    ---wxss文件:样式文件。
    --每个文件夹内的文件名次统一,只有后缀名不同,因为json配置文件中最终会将所有的页面整合成一个页面,
    -如何完成逻辑和界面

    -界面如何开发

  • 相关阅读:
    PyQt5经典案例
    JS实现深拷贝(解决循环引用等问题)
    React/Vue里的key到底有什么用?看完这篇你就知道了!(附demo代码)
    linux盘符操作命令
    Ubuntu20.04下安装opencv for C++
    数字图像处理-python随机噪声、高斯噪声和椒盐噪声实现
    数字图像处理-(1)pyqt页面
    数字图像处理-Python读取BMP文件
    docker笔记
    CentOS7安装GO
  • 原文地址:https://www.cnblogs.com/nordon-wang/p/6039574.html
Copyright © 2020-2023  润新知