【微信小程序】image组件 API 协同工作和发布

简介: 🍒小程序的宿主环境 - 组件🍈image 组件的基本使用🥭image 组件的 mode 属性🍓小程序的宿主环境 - API🥦小程序 API 概述🍅小程序 API 的 3 大分类🍘协同工作和发布 - 协同工作🍊了解权限管理需求🥝了解项目成员的组织结构🍉小程序的开发流程

🍒小程序的宿主环境 - 组件

🍈image 组件的基本使用

WXML:

<image></image>
<image src="/image/a.jpg"></image>

WXSS:通过边框线证明image 有默认的宽和高

image{
  border: 1px solid rgb(127, 20, 214);
}

🥭image 组件的 mode 属性


image 组件的 mode 属性用来指定图片的裁剪和缩放模式,常用的 mode 属性值如下:


mode 值


说明


scaleToFill


(默认值)缩放模式, 不保持纵横比缩放图片 ,使图片的宽高完全拉伸至 填满 image 元素


aspectFit


缩放模式, 保持纵横比缩放图片,使图片的长边能完全显示出来 。也就是说,可以完整地将图片显示出来。


aspectFill


缩放模式, 保持纵横比缩放图片,只保证图片的短边能完全显示出来 。也就是说,图片通常只在水平或垂直方


向是完整的,另一个方向将会发生截取。


widthFix


缩放模式, 宽度不变,高度自动变化 ,保持原图宽高比不变

heightFix


缩放模式, 高度不变,宽度自动变化 ,保持原图宽高比不变

aspectFit:


<image src="/image/a.jpg" mode="aspectFit"></image>

widthFix:

<image src="/image/a.jpg" mode="widthFix"></image>

🍓小程序的宿主环境 - API


🥦小程序 API 概述


小程序中的 API 是由宿主环境提供的 ,通过这些丰富的小程序 API,开发者可以方便的调用微信提供的能力, 例如:获取用户信息、本地存储、支付功能等。


🍅小程序 API 的 3 大分类


小程序官方把 API 分为了如下 3 大类:


事件监听 API


特点:以 on 开头,用来 监听某些事件的触发


举例:wx. onWindowResize (function callback) 监听窗口尺寸变化的事件

同步 API


特点1:以 Sync 结尾的 API 都是同步 API


特点2:同步 API 的执行结果,可以通过函数返回值直接获取,如果执行出错会抛出异常

举例:wx. setStorageSync ('key', 'value') 向本地存储中写入内容


异步 API


特点:类似于 jQuery 中的 $.ajax(options) 函数,需要通过 success、fail、complete 接收调用的结果


举例:wx. request () 发起网络数据请求,通过 success 回调函数接收数据


🍘协同工作和发布 - 协同工作


🍊了解权限管理需求


在中大型的公司里,人员的分工非常仔细:同一个小程序项目,一般会有不同岗位、不同角色的员工同时参与设计与开发。


此时出于管理需要,我们 迫切需要对 不同岗位、不同角色的 员工的权限进行边界的划分 ,使他们能够高效的进行协同工作。


🥝了解项目成员的组织结构


🍉小程序的开发流程

相关文章
|
2月前
|
人工智能 自然语言处理 小程序
微信小程序+淘宝API,无缝购物体验提升复购率!
在电商竞争激烈的当下,微信小程序与淘宝API的整合为商家提供了一条提升用户体验与复购率的创新路径。本文详解其整合原理、实现步骤及优势,助力商家打造无缝购物体验,提升转化效率。
120 0
|
2月前
|
供应链 小程序 API
微信小程序API集成京东库存,移动端销量暴涨!
在数字化时代,微信小程序与京东库存系统集成成为提升移动端销量的关键策略。本文详解如何通过API实现库存实时同步、优化用户体验,推动销量增长50%以上,并结合实际案例与代码示例,为企业提供可落地的解决方案。
86 0
|
4月前
|
数据采集 安全 大数据
Dataphin 5.1:API数据源及管道组件升级,适配多样化认证的API
为提升API数据交互安全性,Dataphin 5.1推出两种新认证方式:基于OAuth 2.0的动态授权与请求签名认证。前者通过短期Access Token确保安全,后者对关键参数加密签名保障数据完整性。功能支持API数据源OAuth 2.0认证和自定义签名配置,未来还将拓展更灵活的认证方式以满足多样化需求。
167 14
|
7月前
|
缓存 小程序 API
微信小程序网络请求与API调用:实现数据交互
本文深入探讨了微信小程序的网络请求与API调用,涵盖`wx.request`的基本用法、常见场景(如获取数据、提交表单、上传和下载文件)及注意事项(如域名配置、HTTPS协议、超时设置和并发限制)。通过一个简单案例,演示了如何实现小程序与服务器的数据交互。掌握这些技能将帮助你构建功能更丰富的应用。
|
9月前
|
存储 API 计算机视觉
自学记录HarmonyOS Next Image API 13:图像处理与传输的开发实践
在完成数字版权管理(DRM)项目后,我决定挑战HarmonyOS Next的图像处理功能,学习Image API和SendableImage API。这两个API支持图像加载、编辑、存储及跨设备发送共享。我计划开发一个简单的图像编辑与发送工具,实现图像裁剪、缩放及跨设备共享功能。通过研究,我深刻体会到HarmonyOS的强大设计,未来这些功能可应用于照片编辑、媒体共享等场景。如果你对图像处理感兴趣,不妨一起探索更多高级特性,共同进步。
260 11
|
10月前
|
前端开发 JavaScript API
探究 React Hooks:如何利用全新 API 优化组件逻辑复用与状态管理
本文深入探讨React Hooks的使用方法,通过全新API优化组件逻辑复用和状态管理,提升开发效率和代码可维护性。
|
10月前
|
监控 小程序 安全
小程序的 API 做了什么处理,能够做到全局变量的隐藏
【10月更文挑战第23天】小程序的 API 通过运行环境隔离、作用域限制、数据绑定机制、事件机制、状态管理、代码封装和模块化、安全策略和权限控制以及运行时监控和检测等多种手段来实现全局变量的隐藏。这些措施共同作用,确保了小程序的安全、稳定和可靠运行,同时也提高了开发效率和代码质量。
143 10
|
11月前
|
JavaScript 前端开发 API
探索Vue.js 3的组合式API:一种更灵活的组件状态管理方式
【10月更文挑战第5天】探索Vue.js 3的组合式API:一种更灵活的组件状态管理方式
|
11月前
|
前端开发 JavaScript API
React 组件 API
10月更文挑战第9天
79 0
|
小程序 前端开发 API
微信小程序 - 调用微信 API 回调函数内拿不到 this 问题(解决方案)
本文讨论了在微信小程序中调用API回调函数时无法获取到`this`上下文的问题,并提供了解决方案。在回调函数中,使用一个变量(如`that`)来保存当前的`this`引用,然后在回调内部使用这个变量来访问当前页面的数据和方法。

热门文章

最新文章