微信小程序笔记 (4.微信小程序的API) API小程序 API 概述小程序中的 API 是由宿主环境提供的,通过这些丰富的小程序 API,开发者可以方便的调用微信提供的能力,例如:获取用户信息、本地存储、支付功能等。 小程序 API 的 3 大分类小程序官方把 API 分为了如下 3 大类: 事件监听 API 特点:以 on 开头,用来监听某些事件的触发 举例:wx.onWindowResize(function callback) 2023-06-06 计算机及嵌入式软件 > 计算机前端 > 微信小程序 #微信小程序
微信小程序笔记 (3.微信小程序的组件) 组件1. 小程序中组件的分类小程序中的组件也是由宿主环境提供的,开发者可以基于组件快速搭建出漂亮的页面结构。官方把小程序的组件分为了 9 大类,分别是:① 视图容器(常用)② 基础内容(常用)③ 表单组件(常用)④ 导航组件(常用)⑤ 媒体组件⑥ map 地图组件⑦ canvas 画布组件⑧ 开放能力⑨ 无障碍访问 常用的视图容器类组件① view 普通视图区域 类似于 HTML 中的 div,是 2023-06-06 计算机及嵌入式软件 > 计算机前端 > 微信小程序 #微信小程序
微信小程序笔记 (5.微信小程序模板与配置) 小程序模板与配置WXML 模板语法WXML 模板语法 - 数据绑定1.数据绑定的基本原则① 在 data 中定义数据 ② 在 WXML 中使用数据 2.在 data 中定义页面的数据在页面对应的 .js 文件中,把数据定义到 data 对象中即可: 3.Mustache 语法的格式把data中的数据绑定到页面中渲染,使用 Mustache 语法(双大括号)将变量包起来即可。语法格式 2023-06-06 计算机及嵌入式软件 > 计算机前端 > 微信小程序 #微信小程序
微信小程序笔记 (7.微信小程序基础加强) 小程序 - 基础加强自定义组件自定义组件 - 组件的创建与引用1. 创建组件① 在项目的根目录中,鼠标右键,创建 components -> test 文件夹② 在新建的 components -> test 文件夹上,鼠标右键,点击“新建 Component”③ 键入组件的名称之后回车,会自动生成组件对应的 4 个文件,后缀名分别为 .js,.json, .wxml 和 .wxss注 2023-06-06 计算机及嵌入式软件 > 计算机前端 > 微信小程序 #微信小程序
微信小程序笔记 (6.微信小程序视图与逻辑) 小程序 - 视图与逻辑页面导航1.什么是页面导航页面导航指的是页面之间的相互跳转。例如,浏览器中实现页面导航的方式有如下两种:① 链接② location.href 2. 小程序中实现页面导航的两种方式① 声明式导航 在页面上声明一个 导航组件 通过点击 组件实现页面跳转② 编程式导航 调用小程序的导航 API,实现页面的跳转 页面导航 - 声明式导航1.导航到 tabBar 页面t 2023-06-06 计算机及嵌入式软件 > 计算机前端 > 微信小程序 #微信小程序
HTML+CSS笔记 (1.总体介绍) 总体介绍:前端开发(客户端):1.文字客户端2.图形化客户端(C/S架构(client/server))3.网页(B/S架构(browser/server))网页的优点(相比图形化)跨平台 无需安装 无需更新(客户) 网页使用的语言HTML CSS JavaScript 网页开发概览:环境:浏览器:渲染网页 开发标准:W3C(万维网联盟)—->统一 2023-06-06 计算机及嵌入式软件 > 计算机前端 > HTML+CSS #HTML+CSS
HTML+CSS笔记 (2.HTML基础学习) HTML基础学习1.HTML介绍:HTML(超文本标记语言——HyperText Markup Language)是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果(如 CSS),或功能与行为(如 JavaScript)。 “超文本”(hypertext)是指连接单个网站内或多个网站间的网页的链接。链接是网络的一个基本方 2023-06-06 计算机及嵌入式软件 > 计算机前端 > HTML+CSS #HTML+CSS
HTML+CSS笔记 (4.使用css来修改网页中原始的样式) CSS介绍CSS用于控制页面中元素的样式(表现)(层叠样式表)是一个多层结构,用CSS给每层设计样式,最终看见的是网页上最上面的一层(ps图层的原理) 使用css来修改网页中原始的样式1.style属性(内联样式)在标签内部通过style属性来设置元素的样式(不推荐使用)内联样式只能对一个标签生效,影响多个元素要写很多遍,样式变化不方便修改和维护。!开发时不要使用内联样式例: 1<p sty 2023-06-06 计算机及嵌入式软件 > 计算机前端 > HTML+CSS #HTML+CSS
HTML+CSS笔记 (3. HTML语法/特性学习) HTML语法/特性学习实体实体的作用:在网页里编写的多个空格默认被解析为一个空格,不能直接书写一些特殊符号:多个空格,大于,小于号等在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。 如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities) 实体的语法&实体的名字 例: 123 2023-06-06 计算机及嵌入式软件 > 计算机前端 > HTML+CSS #HTML+CSS
HTML+CSS笔记 (5.css基本语法) css基本语法在style标签内部,不属于html,与html隔离,需要遵守CSS的语法 12345<head> <style> /* style标签内部,就不归html管理了*/ </style></head> css的注释使用/* */ 12345678/*这是个注释*/p{ t 2023-06-06 计算机及嵌入式软件 > 计算机前端 > HTML+CSS #HTML+CSS