自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(414)
  • 收藏
  • 关注

原创 uniapp H5的弹窗滚动穿透解决

有一层遮罩蒙层覆盖在body上时,当我们滚动,它下面的内容也会跟着一起滚动,看起来好像是上面的滚动事件穿透到下面的DOM元素上一样,我们称之为滚动穿透。

2024-04-22 17:01:29 795

原创 腾讯地图选点(uniapp)

1、使用iframe调用时,为防止在大屏手机上字体过小,需在源码中加入meta信息,<meta name=“viewport” content=“width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no”>地图选点组件,类似微信中的“发送位置”功能,该组件可以让用户快速、准确地选择并确认自己的当前位置,并将相关位置信息回传给开发者。首先确认referer后是key对应的名字,

2024-04-19 09:25:33 868

原创 uni.uploadFile上传图片后台接收不到数据

今天遇到一个很奇怪的问题,通过使用uni.uploadFile上传文件时后端接收不到文件,查过很多资料,原来是自定义了header的Content-Type问题。取消即可,另把自定义文件上传的代码贴出来。浏览器会默认帮我们加上请求头,并且默认加上一串boundary信息。select文件动作保存文件信息。分析:当我们加上请求头的时候。

2024-04-17 10:15:32 432

原创 uniapp --- 实现图片压缩(兼容H5)

Canvas 是 HTML5 提供的一个用于在网页上绘制图形的元素,它可以实现图片压缩的功能。而结和UnoApp是一种基于Canvas的图形编辑工具库,它提供了丰富的API和功能,可以帮助开发者在网页上实现各种图形编辑和处理操作。实现图片压缩的原理在结和UnoApp中也是类似的,主要是通过Canvas的绘图功能来重新绘制图片并调整尺寸和质量。

2024-04-17 09:38:17 866

原创 async-validator --- 中文文档

​​defaultField​​​ 属性可以在 ​​array​​​ 和 ​​object​​ 类型中用于校验所有的值,它可以是一个包含有校验规则的对象或数组。使用 ​​min​​​ 和 ​​max​​​ 属性定义范围,对于字符串和数组会与 ​​value.length​​ 比较,对于数字会直接与值比较。注意,​​defaultField​​​ 是 ​​fields​​​ 的扩展,见 deep rules.如果 ​​len​​ 与 ​​min​​ 和 ​​max​​ 同时使用, ​​len​​ 优先。

2024-04-14 20:31:51 955

原创 微信小程序 ---- 慕尚花坊 代码优化

将 [设置页面] 配置到 [设置模块分包],在访问个人中心页面时,提前预下载 [设置模块分包]目前小程序页面都没有配置分享功能,需要给小程序页面设置分享功能。为了防止用户频繁点击按钮而导致的重复提交或者多次请求的问题,具体哪些页面需要设置分享功能,可以和产品经理进行协商。进入订单结算页面时,提前预下载 [设置模块分包]我们需要给关键按钮添加防抖函数,这里可以使用。但是并不是所有页面都需要设置分享功能,如何使用微信开发者工具进行代码质量检测。

2024-04-05 14:47:05 232

原创 微信小程序 ---- 慕尚花坊 订单列表

在用户网速很慢的情况下,如果用户在距离底部来回的进行多次滑动,可能会发送一些无意义的请求、造成请求浪费的情况,因此需要给上拉加载添加节流功能。当用户从个人中心页面点击进入订单中心的时候,就需要获取到订单中心的数据。,需要先将后台返回的 total 进行赋值到 data 中,然后使用。在下一页的商品数据返回以后,需要将下一页的数据和之前的数据进行合并。,说明订单中心数据没有加载完,可以继续上拉加载更多。进行判断,如果数据正在请求中,不请求下一页的数据。在获取到数据以后,使用后端返回的数据对页面进行渲染。

2024-04-05 14:44:10 1479

原创 charles 安装教程

本文将的是windows系统、mac系统的charles安装教程。windows、mac通用。先讲windows。

2024-03-20 14:59:40 375

原创 charles使用教程 ---- 抓取https请求 && 修改请求

Charles是在 Mac 下常用的网络封包截取工具,在做 移动开发时,我们为了调试与服务器端的网络通讯协议,常常需要截取网络封包来分析。Charles 通过将自己设置成系统的网络访问代理服务器,使得所有的网络访问请求都通过它来完成,从而实现了网络封包的截取和分析。除了在做移动开发中调试端口外,Charles 也可以用于分析第三方应用的通讯协议。配合 Charles 的 SSL 功能,Charles 还可以分析 Https 协议。Charles 是收费软件,可以免费试用 30 天。

2024-03-20 09:06:02 1061

原创 微信小程序 ---- 慕尚花坊 结算支付

将订单编号发送给后端后, [后端向微信服务器获取预付单信息,后端会将微信服务器返回的预付单信息进行加密,然后将加密以后的预付单信息返回给前端]唤醒支付弹窗,用户开输入支付密码或者进行指纹等操作,微信服务器会进行验证,如果验证成功,就会发起支付。:前端调用接口,向后端传递需要购买的商品信息、收货人信息,[后端生成平台订单,返回订单编号]当选择送达日期的时候,需要选择收货的时间,我们希望获取到的收货的时间格式是:年月日。进入结算支付页面后,需要获取收货地址信息,在获取到收货地址以后,需要进行判断,

2024-03-19 10:36:46 2054

原创 微信小程序 --- 简易双向绑定

双向绑定同样可以使用在自定义组件上。})这个自定义组件将自身的myValue属性双向绑定到了组件内输入框的value属性上。当输入框的值变更时,自定义组件的myValue属性会同时变更,这样,页面的也会同时变更,页面 WXML 中所有绑定了pageValue的位置也会被一同更新。自定义组件还可以自己触发双向绑定更新,做法就是:使用 setData 设置自身的属性。},methods: {// 更新 myValue})})当组件使用setData更新myValue时,页面的。

2024-03-01 16:56:54 679

原创 微信小程序 Component 构造器

定义段类型是否必填描述最低版本type是属性的类型Array否属性的类型(可以指定多个)2.6.5value否属性的初始值observerFunction否属性值变化时的回调函数属性值的改变情况可以使用 observer 来监听。目前,在新版本基础库中不推荐使用这个字段,而是使用 Component 构造器的observers字段代替,它更加强大且性能更好。定义段中的type字段为必填项,虽然2.17.2及以上的基础库增加了对未填写的兼容(未填写时兼容为填写null。

2024-03-01 15:47:54 1275

原创 微信小程序 ---- 慕尚花坊 购物车

点击加入购物车和立即购买的时候,展示购物弹框,在弹框中需要用户选择购买数量和祝福语点击加入购物车和立即购买,触发的是同一个弹框。因此点击弹框中的确定按钮时,我们需要区分当前是加入购物车操作还是立即购买操作。这时候定义一个状态。

2024-03-01 14:17:06 1220 1

原创 微信小程序 ---- 慕尚花坊 商品管理

在用户网速很慢的情况下,如果用户在距离底部来回的进行多次滑动,可能会发送一些无意义的请求、造成请求浪费的情况,因此需要给上拉加载添加节流功能。在这一节,我们需要相关的优化:判断数据是否已经加载完,如果加载已经加载完毕,需要给用户进行提示。下拉刷新是小程序中常见的一种刷新方式,当用户下拉页面时,页面会自动刷新,以便用户获取最新的内容。通过接口文档得知,我们需要以上的参数,我们先将参数提前声明,然后在发起请求获取商品列表的数据。函数获取商品列表的数据,在获取到数据以后,使用后端返回的数据对页面进行渲染。

2024-03-01 10:20:11 1257

原创 微信小程序 ---- 慕尚花坊 收货地址

点击新建地址按钮,需要跳转到新增地址页面因为新增和编辑收货地址页面是同一个页面,我们需要在这个页面处理新增和编辑功能,为了做区分处理。我们在后续做进行编辑的时候传递id属性,值为 收货地址的id值。获取用户信息接收文档在这一节,我们先来收集添加收货地址的请求参数参数名称参数说明是否必须收货人nametrue手机号phonetrue省true省 编码true市cityNametrue市 编码cityCodetrue区true区 编码true详细地址。

2024-02-29 15:22:29 1421

原创 微信小程序 ---- 慕尚花坊 用户管理

什么是 TokenToken是服务器生成的一串字符串,用作客户端发起请求的一个身份令牌。当第一次登录成功后,服务器生成一个Token便将此Token返回给客户端,客户端在接收到Token以后,会使用某种方式将Token保存到本地。以后客户端发起请求,只需要在请求头上带上这个Token,服务器通过验证Token来确认用户的身份,而无需再次带上用户名和密码。**Token的具体流程**客户端向服务器发起登录请求,服务端验证用户名与密码验证成功后,服务端会签发一个Token,并将Token发送到客户端。

2024-02-29 10:36:55 1103

原创 微信小程序 --- mobx-miniprogram && miniprogram-computed

propertiesgetApp()pubsub-js在中小型项目中,使用这些数据通信方式已经能够满足我们项目的需求。但是随着项目的业务逻辑越来越复杂,组件和页面间通信就会变的非常复杂。例如:有些状态需要在多个页面间进行同步使用,一个地方发生变更,所有使用的地方都需要发生改变,这时候如果使用前面的数据通信方案进行传递数据,给管理和维护将存在很大的问题。为了方便进行页面、组件之间数据的传递,小程序官方提供了一个扩展工具库:是针对微信小程序开发的一个简单、高效、轻量级状态管理库,它基于Mobx。

2024-02-28 15:46:23 1606

原创 微信小程序 --- 自定义组件

组件介绍小程序目前已经支持组件化开发,可以将页面中的功能模块抽取成自定义组件,以便在不同的页面中重复使用;也可以将复杂的页面拆分成多个低耦合的模块,有助于代码维护。公共组件:将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用页面组件:将复杂的页面拆分成多个低耦合的模块,有助于代码维护如果是公共组件,建议将其放在小程序的目录下的components文件夹中如果是页面组件,建议将其放在小程序对应页面目录下,当然你也可以放到页面的components文件夹中。

2024-02-27 08:20:14 1865

原创 微信小程序 -- 小程序开发能力与拓展

小程序默认的导航栏与 APP 一样都位于顶部固定位置。但是默认导航栏可能会影响小程序整体风格,且无法满足特定的设计需求,这时候,就需要进行自定义导航栏。在 app.json 或者 page.json 中,配置 navigationStyle 属性为 custom,即可 自定义导航栏在设置以后,就会移除默认的导航栏,只保留右上角胶囊按钮

2024-02-26 10:13:14 1224

原创 微信小程序 --- 小程序基础知识

什么是微信小程序微信小程序是一种运行在微信内部的 轻量级 应用程序。在使用小程序时 不需要下载安装,用户 扫一扫 或 搜一下 即可打开应用。它也体现了 “用完即走” 的理念,用户不用关心安装太多应用的问题。它实现了应用“触手可及”的梦想,应用无处不在,随时可用,但又 无须安装卸载。特点小程序的四大特性:无须安装、用完即走、无须卸载、触手可及无须安装:体积小,用户感知不到下载的过程触手可及:用户 扫一扫 或 搜一下 即可打开应用,通过下拉能访问使用的小程序用完即走,无须卸载。

2024-02-26 09:49:26 963

原创 微信小程序 --- 分包加载

什么是分包加载❓小程序的代码通常是由许多页面、组件以及资源等组成,随着小程序功能的增加,代码量也会逐渐增加,体积过大就会导致用户打开速度变慢,影响用户的使用体验。分包加载是一种小程序优化技术。将小程序不同功能的代码,分别打包成不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载,在构建小程序分包项目时,构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包。每个分包可以包含多个页面、组件、样式和逻辑等。当小程序需要使用某个分包时,才会加载该分包中的代码。

2024-02-26 09:26:57 1632

原创 微信小程序 --- 常用样式和组件

在开 Web 网站的时候:页面的结构由HTML进行编写,例如:经常会用到divpspanimga等标签页面的样式由CSS进行编写,例如:经常会采用.class#idelement等选择器但在小程序中不能使用HTML标签,也就没有DOM和BOM,同时仅仅支持部分CSS选择器不过不用担心,小程序中提供了同样的角色:其中WXML充当的就是类似HTML的角色,只不过在WXML中没有divpspanimga等标签,在WXML中需要使用 小程序提供的viewtextimagenavigator。

2024-02-26 09:17:27 1062

原创 微信小程序 --- 事件处理

在小程序中,可以通过事件传参的方式,将数据传递给事件处理函数。常见的事件包括点击事件、输入事件等。在组件节点中可以通过data-的方式传递一些自定义数据,传递的数据可以通过事件对象的方式进行获取📌注意事项​ 使用data-方法传递参数的时候,多个单词由连字符连接​ 连字符写法会转换成驼峰写法,而大写字符会自动转成小写字符​ 例如:​,最终会呈现为​,最终会呈现为在 wxml 文件中,使用data-*属性将数据传递给事件处理函数。

2024-02-26 09:00:31 1278

原创 微信小程序 --- 模板语法

小程序的数据绑定机制只能监听到 setData 方法中修改的数据,无法监听到直接删除属性的操作,所以在删除对象属性时,需要先将对象复制一份再进行操作,然后再调用 setData 方法更新数据。当数据改变触发渲染层重新渲染的时候,会校正带有 key 的组件,框架会确保他们被重新排序,而不是重新创建,以确保使组件保持自身的状态,并且。中声明对象类型的数据,小程序中通过调用 setData 方法可以修改页面的数据,包括对象类型的数据。在数组类型的数据时,可以使用 ES6 的展开运算符先复制数组,然后进行合并。

2024-02-26 08:53:07 1123

原创 微信小程序 --- 微信原生 API

小程序中也能够像网页一样支持本地数据缓存,本地数据缓存是小程序存储在当前设备上硬盘上的数据,本地数据缓存有非常多的用途,我们可以利用本地数据缓存来存储用户在小程序上产生的操作,在用户关闭小程序重新打开时可以恢复之前的状态。其包含以下 8个主要的 API。但一般我们在开发阶段时,处于开发阶段的服务器接口可能还没部署到对应的域名下,经常会通过另一个域名来进行开发调试,考虑到这一点,为了方便开发者进行开发调试,开发者工具、小程序的开发版和小程序的体验版在某些情况下允许。

2024-02-23 16:49:23 972

原创 微信小程序 ---- 生命周期

应用生命周期是指应用程序进程从创建到消亡的整个过程小程序的生命周期指的是 小程序从启动到销毁的整个过程在打开一个小程序应用的时候都需要经历一系列的初始化步骤,比如页面是否加载完成、页面是否初次渲染完成等等。在此过程中,小程序也会运行被称为生命周期钩子的函数,这些函数由小程序框架本身提供,被称为生命周期函数,生命周期函数会按照顺序依次自动触发调用。帮助程序员在特定的时机执行特定的操作,辅助程序员完成一些比较复杂的逻辑。让开发者有机会在特定阶段运行自己的代码。

2024-02-23 16:30:26 1719 2

原创 微信小程序 --- wx.request网络请求封装

为了方便统一处理请求参数以及服务器响应结果,为WxRequest添加拦截器功能,拦截器包括请求拦截器和响应拦截器请求拦截器本质上是在请求之前调用的函数,用来对请求参数进行新增和修改响应拦截器本质上是在响应之后调用的函数,用来对响应数据做点什么注意:不管成功响应还是失败响应,都会执行响应拦截器// 请求拦截器// 在发送请求之前做些什么// 响应拦截器// 对响应数据做点什么通过使用方式,我们可以得出结论:可以在WxRequest类内部定义实例属性,属性中需要包含request以及。

2024-02-22 10:46:55 3726 7

原创 微信小程序 --- 通用模块封装(showToast,showModal ,本地存储)

在小程序中,经常需要将一些数据存储到本地,方便多个页面的读取使用,例如:将用户的登录状态、用户的个人信息存储到本地。如果直接使用这些 API,会比较麻烦,通常情况下,我们需要对本地存储的方法进行封装。同时,我们在后续还会进行网络通用模块的封装,如果直接进行封装难度比较大,在进行项目开发的时候,我们经常的会频繁的使用到一些 API,进行通过模块的封装,也是为后续 [网络请求封装] 做铺垫。,会导致代码很冗余,为了减少了代码冗余,我们需要将这些。可以看到封装后方法,极大简化 API 的调用,

2024-02-21 21:46:33 1428

原创 微信小程序 -- npm 支持

在实际的开发中,随着项目的功能越来越多、项目越来越复杂,文件目录也变的很繁琐,为了方便进行项目的开发,开发人员通常会对目录结构进行调整优化,例如:将小程序源码放到 miniprogram 目录下。但是在调整目录以后,我们按照上一小节Vant Weapp的构建流程进行构建,发现没有构建成功,并且弹出构建失败的弹框[错误提示翻译意思是] :没有找到可以构建的 npm 包请确认需要参与构建的 npm 都在目录内配置的和进行构建默认构建npm自定义构建npm默认构建 npm。

2024-02-21 20:57:36 1449

原创 微信小程序配置文件

JSON是一种轻量级的数据格式,常用于前后端数据的交互,但是在小程序中,JSON扮演的静态配置的角色,用于配置当前页面或组件的属性和行为,每个页面或组件也都可以拥有一个对应的 json 文件。app.json➡ 小程序全局配置文件,用于配置小程序的一些全局属性和页面路由。页面.json➡ 小程序页面配置文件,用于配置当前页面的窗口样式、页面标题等➡ 小程序项目的配置文件,用于保存项目的一些配置信息和开发者的个人设置➡ 配置小程序及其页面是否允许被微信索引,提高小程序在搜索引擎搜索到的概率。

2024-02-21 20:25:38 1149

原创 微信小程序 ---- 慕尚花坊 项目初始化

慕尚花坊] 是一款 同城鲜花订购 的小程序,专业提供各地鲜花速递、鲜花预定、网上订花、包月鲜花等服务。最快3小时送花上门,保证花材新鲜和鲜花质量,可先送花后付款,专业花艺师傅精美包扎,品质保证,至诚服务。随着项目的功能越来越多、项目越来越复杂,文件目录也变的很繁琐,为了方便进行项目的开发,开发人员通常会对目录结构进行调整优化,在慕尚花坊项目中,我们就需要将小程序源码放到 miniprogram 目录下。自定义构建首先在配置选项,指定小程序源码的目录然后配置的为true。

2024-02-21 18:42:14 1474 1

原创 scss导出颜色变量为空对象

【代码】scss导出颜色变量为空对象。

2024-02-21 18:25:41 318

原创 uniCloud ---- schema2code

DB Schema里有大量的信息,其实有了这些信息,前端将无需自己开发表单维护界面,uniCloud可以自动生成新增、修改、列表、详情的前端页面,以及admin端的列表、新增、修改、删除全套功能。为强化表单的自定义性,DB Schema还扩展了label、componentForEdit、componentForShow、group、order等属性,以控制表单项在界面上的渲染控件。不是简单的一键crud生成接口,它直接生成了可运行的页面。表单校验工作,在前端和后端都需要做。在过去,这造成重复投入。

2024-02-06 16:09:07 1142

原创 微信小程序 --- 腾讯地图线路规划

腾讯位置服务为微信小程序提供了基础的标点能力、线和圆的绘制接口等地图组件和位置展示、地图选点等地图API位置服务能力支持,使得开发者可以自由地实现自己的微信小程序产品。在此基础上,腾讯位置服务微信小程序JavaScript SDK是专为小程序开发者提供的LBS数据服务工具包,可以在小程序中调用腾讯位置服务的POI检索、关键词输入提示、地址解析、逆地址解析、行政区划和距离计算等数据服务,让您的小程序更强大!完整的地图能力。

2024-02-05 08:20:47 1075 1

原创 uniCloud -- uniIdRouter自动路由

内配置登录页路径、需要登录才能访问的页面等信息,uni-app框架的路由跳转,会自动在需要登录且客户端登录状态过期或未登录时跳转到登录页面。,开发者在监听onNeedLogin事件后,框架就不再自动跳转到登录页面,而是由开发者在onNeedLogin事件内自行处理。云对象抛出uni-id token过期或token无效错误码时,会触发客户端自动跳转配置的登录页面,以下代码为一个简单示例。目录下的页面时,如果客户端未登录或登录状态过期(也就是uni_id_token失效),那么会自动跳转到。

2024-02-03 11:54:23 1073

原创 unicloud-db组件

组件是一个数据库查询组件,它是对clientDB的js库的再封装。前端通过组件方式直接获取uniCloud的云端数据库中的数据,并绑定在界面上进行渲染。在传统开发中,开发者需要在前端定义data、通过request联网获取接口数据、然后赋值给data。同时后端还需要写接口来查库和反馈数据。有了组件,上述工作只需要1行代码!写组件,设组件的属性,在属性中指定要查什么表、哪些字段、以及查询条件,就OK了!HBuilderX中敲下udb。

2024-01-28 17:14:32 931

原创 uniCloud ---- JQL语法 &连表查询

可以通过编程对前端传的数据进行二次处理,也可以在执行数据库操作前执行一些前置操作回信息执行数据库操作,获取json结果执行数据库触发器after阶段可选模块。(数据库触发器)(可如果是新增和修改记录,则从DBSchema配置获取数据字段的合法性,如是否必填、是选)否符合某个正则规则,以确认对数据字段内容的修改是否合法通过处理扩执行数据库触发器before阶段展库返可选模块。schema保存后,即使用JQL查询。对于联表查询,副表的数据嵌入到了主表的关联字段下面,此时在filed里通过{}来定义副表字段。

2024-01-28 16:51:00 1533

原创 uniapp - editor 富文本的使用

标签增加属性 data-local,delta 格式内容中图片 attributes 属性增加 data-local 字段,该值为传入的临时文件地址。富文本组件内部引入了一些基本的样式使得内容可以正确的展示,开发时可以进行覆盖。需要注意的是,在其它组件或环境中使用富文本组件导出的html时,需要额外引入。从技术本质来讲,这个组件仍然运行在视图层webview中,利用的也是浏览器的。第二参数是方法的回调函数,参数是指定的相关节点信息。(初始时,选择器仅选取页面范围的节点,不会选取任何自定义组件中的节点)。

2024-01-27 18:53:32 2015

原创 uniapp导入uView组件库

uView依赖SCSS,您必须要安装此插件,否则无法正常运行。的位置引入,注意给style标签加入lang="scss"属性。中的步骤对uView进行了下载安装,如果没有,请先下载安装。中,引入并使用uView的JS库,注意这两行要放在。的形式进行安装,此安装方式可以方便您后续在。在进行配置之前,请确保您已经根据。对uView进行一键升级。Hbuilder X方式。此配置需要在项目根目录的。此安装方式必须要按照。中的说明配置了才可用。开发的用户,您可以在。

2024-01-26 23:28:53 1307

原创 uniCloud发行部署H5进行网页托管

生成文件,生成文件这个和我们平时用uniapp 生成H5的时候是一样的,我们可以选择hash 或者history 模式,默认的这是显示的根目录,如果我们在根目录下建立了H5目录,那么我们在发布H5的时候,是需要在manifest.json H5配置 "运行的基础路径中 "加上 /art/可以配置我们自己的域名,或者也可以用这里面给了一个默认的域名,我们自己配置与,域名上传凭证等等也可以。进入uniCloud web空间管理页面,前端网页托管-我们在指定的服务器中配置文件 以及配置域名。

2024-01-26 17:58:47 551

微信小程序请求拦截器 ,响应拦截器

微信小程序请求拦截器 ,响应拦截器,结合微信小程序二次封装request 一起使用

2024-02-27

微信小程序 - wx.request网络请求封装

微信小程序 --- wx.request网络请求封装

2024-02-22

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除