微信小程序入门教程(一)

超宝最帅
123 阅读1分钟

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第八天，点击查看活动详情.

小程序简介

小程序与普通网页开发的区别

image.png

小程序项目基本结构(使用微信开发者工具进行开发)

image.png

小程序页面的组成

image.png

json配置文件的作用

image.png

app.json文件

image.png

project config.json

image.png

image.png

image.png

sitemap.json

image.png

image.png

页面的.json 文件

image.png

image.png

image.png

新建小程序页面(重点!!!!)

image.png

修改项目首页

image.png

wxml(相当于网页开发中的html)

image.png

wxss(相当于网页开发中css)

image.png

小程序项目中.js文件的分类

image.png

小程序的宿主环境

image.png 重要!!

image.png

宿主环境简介

image.png

小程序的宿主环境-通信模型

image.png

image.png

小程序的宿主环境-运行机制

image.png

image.png

小程序的宿主环境-组件

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

小程序的宿主环境-API

image.png

image.png

小程序基础

image.png

wxml模板语法--数据绑定

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

wxml模板语法--事件绑定

image.png

image.png

image.png

image.png

image.png

image.png

image.png 不能直接写成2,要用双大括号语法

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

wxml语法:条件渲染

image.png

image.png

image.png

image.png

image.png

image.png

wxml模板语法:列表渲染

image.png

image.png

image.png

wxss模板样式--rpx

image.png

image.png

image.png

image.png

wxss样式导入

image.png

image.png

image.png

wxss全局样式和局部样式

image.png

image.png

avatar
文章
阅读
粉丝