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配置文件中最终会将所有的页面整合成一个页面,
    -如何完成逻辑和界面

    -界面如何开发

  • 相关阅读:
    1082 射击比赛 (20 分)
    1091 N-自守数 (15 分)
    1064 朋友数 (20 分)
    1031 查验身份证 (15 分)
    1028 人口普查 (20 分)
    1059 C语言竞赛 (20 分)
    1083 是否存在相等的差 (20 分)
    1077 互评成绩计算 (20 分)
    792. 高精度减法
    791. 高精度加法
  • 原文地址:https://www.cnblogs.com/nordon-wang/p/6039574.html
Copyright © 2011-2022 走看看