首页 > 其他分享 >微信开发课程期末理论复习

微信开发课程期末理论复习

时间:2024-04-04 18:00:17浏览次数:19  
标签:flex 复习 渲染 微信 程序 期末 wx 调试 页面

一、小程序项目结构

app.json文件作用:全局配置、组装,可用于添加页面,bar样式、颜色、字体、背景

页面组成:js逻辑、wxml结构、wxss样式、json配置

二、小程序异步机制

假如有三行代码,第二行很费时间。同步就是按照1,2,3的顺序执行,异步就是执行到2的时候直接执行3,将2交给其他线程来办,其他线程通过回调函数告诉主线程。

三、数据绑定

1.作用:把数据和页面合并

2.意义:只需修改变量,页面就自动更新,减少了很多操作

3.单向数据绑定:修改变量可以改变页面,修改页面不能改变量

4.双向数据绑定:修改变量可以改变页面,修改页面可以改变量

四、视频播放

使用了<video>组件,url设置视频地址。

五、页面生命周期

onLoad:加载成功

onShow:显示前

onReady:首次渲染成功

onHide:页面被遮挡

onUnload:销毁

六、概念

1.什么是小程序:

基于微信的轻量级不下载、用完即走的应用

2.开发步骤:

注册账号、创建小程序、下载开发工具、编码、调试、测试、提交审核、上线发布

3.调试、测试:

种类分为真机调试和虚拟机调试

提供了单步调试、控制台输出、变量监测

七、常用API

wx.getUserInfo得到用户信息

wx.request网络请求

wx.getLocation获得地址信息

wx.setStorageSync保存缓存

wx.getStorageSync取缓存

八、常用标签

<text>文本

<view>块元素

<image>图片

<button>按钮

<input>文本输入

<picker>滚动组件

<video>视频

<canvas>画布

九、事件

事件是组件发出的通知程序的接口

bindtap:手指触摸后马上离开,类似于HTML中的click

bindchange:状态改变时触发

bindinput:文本框的输入事件

function(e){                             //e是事件

        target:目标(发起者)(按钮,输入框)

        detail:事件参数

}

十、条件渲染、列表渲染

条件渲染:wx:if   wx:elif    wx:else

列表渲染:wx:for     wx:key是下标

wx:if="x"

wx:for="x"

上面的代码出现在.wxml中

Page({

        data:{

                x:[    ........    ]

        }

})

而wx:for的内容(x)出现在.js中,(x)是一个数组

十一、本地文件存取

wx.safeFile()保存文件

wx.openDocument()新开页面打开文档

十二、CSS流式布局

display:flex

flex-direction:row水平

flex-direction:colomn垂直

十三、画布

lineTo:移动到这个坐标,并给走过的路径画上线

moveTo:移动到这个坐标,走过的路径不画线

十四、路由与跳转

路由是在同一个小程序中从一个页面到另一个页面

跳转是一个小程序到另一个小程序

十五、其他

json是对象序列化后的一种形式

image中的mode="widthFix"是图片可能放不下,要缩放图片,宽度固定,按比例设置高度

标签:flex,复习,渲染,微信,程序,期末,wx,调试,页面
From: https://blog.csdn.net/weixin_63461613/article/details/137378087

相关文章

  • 【全开源】外卖微信小程序京东拼多多外卖cps|外卖红包优惠券源码美团饿了么红包_博纳
    外卖微信小程序京东拼多多外卖cps|外卖红包优惠券源码美团饿了么红包,这一串词汇,实际上代表了当今外卖市场的多元化发展和技术创新的融合。随着移动互联网的普及,外卖小程序已经成为人们日常生活中不可或缺的一部分。京东、拼多多等电商巨头也纷纷涉足外卖领域,通过cps模式与各大......
  • java毕业设计基于微信小程序的小型图书管理系统[附源码]
    本系统(程序+源码)带文档lw万字以上  文末可领取本课题的JAVA源码参考系统程序文件列表系统的选题背景和意义随着移动互联网技术的飞速发展,智能手机已经成为人们日常生活不可或缺的一部分。微信小程序作为一种新型的应用形式,因其无需下载安装、使用方便、功能丰富等特点,受......
  • 利用python 实现微信自动回复
    全是干货,上代码#!/usr/bin/python3#-*-coding:utf-8-*-importpandasaspdimportnumpyasnpfromuiautomationimportWindowControl,MenuControl#绑定微信主窗口wx=WindowControl(Name='微信',#searchDepth=1)#切换窗口wx.SwitchToThi......
  • 九年级上化学复习
    Basic\[\ce{CaO+H2O\xlongequal{}Ca(OH)2}\]现象:生石灰变疏松,放出大量热\[\ce{2H2O\xlongequal{通电}2H2^+O2^}\]\[\ce{2NaOH+CuSO4\xlongequal{}Na2SO4+Cu(OH)2v}\]现象:产生蓝色沉淀制氧气\[\ce{2KClO3\xlongequal[\Delta]{\ce{MnO2}}2KCl+3O2^}\]......
  • 基于微信小程序的无中介租房系统
    本基于微信小程序的无中介租房系统主要实现了房东功能模块、租客功能模块和管理员功能模块三大部分,系统结构图如图4-1所示。4.3.2数据库表设计本基于微信小程序的无中介租房系统在开发过程中使用MySQL数据库系统进行系统数据的储存,以下是本系统的主要数据库表信息。表4.1......
  • HTML期末大作业~海贼王6页~Web大学生网页成品-s016
    HTML期末大作业~学生HTML个人网页作业作品下载个人主页博客网页设计制作大学生个人网站作业模板简单个人网页制作,HTML网页设计结课作业http://imianba.cn/#/articles?category=1&theme=0这段代码是HTML代码,它定义了一个名为“海贼王”的网站的结构。它包含一个头部(h......
  • 微信开发api
    VideosApi,接口平台。微信ipad是通过逆向原理去获取,一款微信辅助软件,可以实现很多功能,使使用微信工作变得更有效率。协议就是基于微信IPad协议的智能控制系统,利用人工智进行人工操作具体功能:登录:扫码登录好友管理:添加好友、删除好友、修改备注、创建标签、获取好友列表......
  • 56.html+css网页设计实例/“家乡”主题上海介绍/web前端期末大作业/
    一、前言  本实例以上海为主题设计,div+css布局,页面简单大气,代码精简,供大家参考。【关注作者|获取更多源码(2000+个Web案例源码)|优质文章】;您的支持是我创作的动力!【点赞收藏博文】,Web开发、课程设计、毕业设计有兴趣的联系我交流分享,3Q!二、网页文件三、网页效果以下......
  • python基础——基础代码每日复习002
    面向对象:#!/usr/bin/python#-*-coding:UTF-8-*-classEmployee:'所有员工的基类'empCount=0def__init__(self,name,salary):self.name=nameself.salary=salaryEmployee.empCount+=1defdisplayCount(sel......
  • 原生微信小程序
    小程序框架目录结构|-card index.js//页面逻辑(必需) index.wxml//页面结构(必需) index.json//页面配置 index.wxss//页面样式表|-utils//工具函数app.js//小程序逻辑(必需)app.json//小程序公共配置(必需)app.wxss//小程序公共样式表sitemap.jso......