zoukankan      html  css  js  c++  java
  • 微信小程序入门一

    基本的准备工作
    -知识储备
    --基础: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配置文件中最终会将所有的页面整合成一个页面,
    -如何完成逻辑和界面

    -界面如何开发

  • 相关阅读:
    Java的mybatis随笔
    通过字节输入输出流,对标识文件读写,并按规定输出
    Java中异常的处理以及自定义异常,抛出异常到方法调用栈底层
    Java接口实现传参
    类的高级概念
    Java面向对象特征之封装
    Java中的方法(形参及实参)return返回类型
    Java中的数组添加,数组相关代码
    并发思考-actor和thread那个好点?
    TensorFlow实现线性回归模型代码
  • 原文地址:https://www.cnblogs.com/nordon-wang/p/6039574.html
Copyright © 2011-2022 走看看