随笔分类 -  前端 / 前端【小程序】

摘要:腾讯定位服务 官网:https://lbs.qq.com 位置服务(LBS)是基于用户的位置来提供服务的技术,通过要配合第三方的服务来实现,如腾讯地图、高德地图、百度地图等,享+项目采用的是腾讯的位置服务。 申请使用腾讯位置服务需要按如下步骤操作: 注册账号 创建应用 生成 key 小程序管理后台添 阅读全文
posted @ 2024-04-20 09:37 为你编程
摘要:微信小程序授权流程 以保存图片到本地为例,保存图片之前先进行授权校验 1 /** 2 * 授权设置,点击保存图片的时候,触发该事件,然后获取用户的授权信息,判断是否存在某项授权,不存在则提示,跳转到设置页面,否则直接执行 3 */ 4 authSetting () { 5 wx.getSetting 阅读全文
posted @ 2024-04-18 20:22 为你编程
摘要:事件处理 事件对象 前面已经介绍过小程序事件监听的语法:bind:事件类型=事件回调,但是小程序的事件回调不支持传参数,因此要将模板中的数据传递到事件回调中就必须要通过事件对象来实现。 小程序事件回调函数的第 1 个参数即为事件对象,事件对象中包括了一些有用的信息: index.wxml 1 <!- 阅读全文
posted @ 2024-04-18 15:35 为你编程
摘要:内置API 内置 API 实际上就是小程序提供的一系列的方法,这些方法都封装在了全局对象 wx 下,调用这些方法实现小程序提供的各种功能,如网络请求、本地存储、拍照、录音等。 ① 网络请求 官方文档:https://developers.weixin.qq.com/miniprogram/dev/a 阅读全文
posted @ 2024-04-18 14:30 为你编程
摘要:WXML语法官方文档:https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/ 数据绑定 插值 {{ }} 语法: • 内容绑定 • 属性绑定 1 <!-- 花括号{{}} 和 引号 "" 之间 不可以留多余的空格字符串 --> 阅读全文
posted @ 2024-04-18 14:23 为你编程
摘要:获取昵称和头像 用户昵称 input 组件的 type 属性设置为 nickname 监听 input 组件的 blur 事件(在开发者工具中需要失去焦点两次) 事件回调中通过事件对象 ev.detail 获取用户昵称 用户头像 button 组件的 open-type 属性设置为 chooseAv 阅读全文
posted @ 2024-04-18 10:53 为你编程
摘要:自定义组件 小程序中内置了许多的组件供开发者使用,不仅如此开发者还可根据需要自定义组件。 基本语法​ 创建自定义组件 通过小程序开发者工具可以快速创建组件,新建Component。 创建好的自定义组件从结构上看与页面是完全一致的,由 .wxml、.wxss、.js、.json 构成,也有两点重要的区 阅读全文
posted @ 2024-04-18 00:16 为你编程
摘要:一、分包加载 官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html​ 分包加载是优化小程序加载速度的一种手段。 1.1 为什么?​ 微信平台对小程序单个包的代码体积限制为 2M,超过 2M 的 阅读全文
posted @ 2024-04-17 21:06 为你编程
摘要:生命周期 生命周期是一些名称固定自动执行的函数。 页面生命周期 文档:https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#%E5%8F%82%E6%95%B0​ onLoad 在页面加载完成时执行,只会执行 阅读全文
posted @ 2024-04-17 20:33 为你编程
摘要:① navigator 文档:https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html 功能描述 页面链接。 navigator 在 Skyline 下视为文本节点,只能嵌套文本节点(如 text),不能嵌套 阅读全文
posted @ 2024-04-17 15:25 为你编程
摘要:一、小程序 ① 项目结构介绍 ② 页面组成部分 WXML与HTML WXML(WeiXin Markup Language)是小程序框架设计的一套标签语言,用来构建小程序页面的结构,其作 用类似于网页开发中的 HTML。 WXML 和 HTML 的区别 ① 标签名称不同 HTML (div, spa 阅读全文
posted @ 2024-04-17 10:07 为你编程
摘要:小程序的优势: 学习内容: 两部分内容: 1、组件、配置、生命周期、事件处理、数据渲染、API、自定义组件、Vant UI、分包加载等 2、通告管理、用户管理、房屋管理、报修管理、访客管理等各个功能模块 一、注册小程序账号 微信公众平台 1、在微信公众平台注册小程序账号,账号类型选择【小程序】,然后 阅读全文
posted @ 2024-04-17 09:57 为你编程