- 博客(69)
- 收藏
- 关注
原创 封装本地存储 API
在小程序中,经常需要将一些数据存储到本地,方便多个页面的读取使用,例如:将用户的登录状态、用户的个人信息存储到本地。小程序提供了同步、异步两类 API 来实现本地存储操作。在该文件中,封装对本地数据进行 存储、获取、删除、清除的方法。
2024-08-21 18:42:09
221
原创 模态对话框封装
返回用户执行的操作(确定和取消,都通过 resolve 返回)调用该方法时,传递对象作为参数,对象的参数同。注意异步操作加上async,await。方法进行封装, 封装后的新方法叫。方法,方法内部用来处理封装的逻辑。在需要显示模态对话框的时候调用。不传递参数,使用默认参数。传递参数,覆盖默认的参数。模块化的方式导入使用。
2024-08-21 17:48:37
199
原创 消息提示模块封装
wx.toast({ title: '数据加载失败....', mask: true })toast({ title: '数据加载失败....', mask: true })如果没有传递任何参数,设置一个空对象。调用该方法时,传递对象作为参数。在需要显示弹出框的时候调用。传入部分参数,覆盖默认的参数。参数,并给参数设置默认值。不传递参数,使用默认参值。模块化的方式导入使用。模块化的方式导入使用。
2024-08-21 17:20:25
268
原创 自定义构建 npm + 集成Sass
随着项目的功能越来越多、项目越来越复杂,文件目录也变的很繁琐,为了方便进行项目的开发,开发人员通常会对目录结构进行调整优化,在项目中,,开启自定义 node_modules 和 miniprogram_npm 位置的构建 npm 方式。packageJsonPath 表示 node_modules 源对应的 package.json。miniprogramNpmDistDir 表示 node_modules 的构建结果目标位置。,即可开启工具内置的 sass 编译插件。选项,指定小程序源码的目录然后配置。
2024-08-21 16:48:44
215
原创 自定义导航栏
一样都位于顶部固定位置。但是默认导航栏可能会影响小程序整体风格,且无法满足特定的设计需求,这时。在设置以后,就会移除默认的导航栏,只保留右上角胶囊按钮。候,就需要进行自定义导航栏。可以看到默认导航已经移除。小程序默认的导航栏与。,即可 自定义导航栏。
2024-08-21 15:24:26
238
原创 组件通信-事件总线
随着项目功能的增加,业务逻辑也会变的很复杂,一个页面可能是由多个组件进行构成,并且这些组件之间需要进行数据的传递。订阅模式的一种实现,是一种集中式事件处理机制,允许不同的组件之间进行彼此通信,常用于两个非父子关系组件和。首先使用npm install pubsub-js安装js包。如果使用之前学习的组件传值方式进行数据的传递,就会比较麻烦。我们可以借助第三方的 发布订阅。包,来实现事件总线的功。
2024-08-21 15:15:59
306
原创 页面间通信-小程序
打开一个新页面,这两个页面间将建立一条数据通道。配置项接收被打开页面发射的事件。查看控制台可以看到数据已经携带。点击跳转查看控制台数据都传了。对象,进行监听、发射事件。被打开的页面可以通过。
2024-08-21 14:40:23
155
原创 框架接口-getApp()
方法中添加全局共享的数据、方法,从而实现页面、组件的数据传值。点击cart页面,查看控制台,可以看到数据已经传过来了。获取实例之后,不要私自调用生命周期函数。方法获取到小程序全局唯一的。接着profile.js。在小程序中,可以通过。
2024-08-21 14:08:34
355
原创 客服功能-小程序
在微信公众后台,绑定后的客服账号,可以登陆 网页端客服 或 移动端小程序 客服接收、发送客服消息。小程序为开发者提供了客服能力,同时为客服人员提供移动端、网页端客服工作台便于及时处理消息。点击网页端客服便可以继续模拟测试了(要验证后才能进行。,当用户点击后就会进入客服会话。
2024-08-21 13:50:27
126
原创 手机号验证组件
手机验证组件,用于帮助开发者向用户发起手机号申请,必须经过用户同意后,才能获得由平台验证后的手机号,进而为用户提供相应服务。目前该接口针对非个人开发者,且完成了认证的小程序开放(不包含海外主体):平台会对号码进行验证,但不保证是实时验证。两种验证组件需要付费使用,每个小程序账号将有。平台均会对用户选择的手机号进行实时验证。
2024-08-21 13:34:00
487
原创 转发功能-小程序
2. 通过给 button 组件设置属性 open-type=“share“ ,可以在用户点击按钮后触发 Page.onShareAppMessage 事件监听函数。1. 页面 js 文件 必须声明 onShareAppMessage 事件监听函数,并自定义转发内容。只有定义了此事件处理函数,右上角菜单才会显示“转发”按钮。通过按钮转发target里面是有内容的,通过右上角的三个点的转发target是undefined。转发功能,主要帮助用户更流畅地与好友分享内容和服务。
2024-08-21 10:49:59
255
原创 获取微信昵称
2. 需要将 input 组件 type 的值设置为 nickname,当用户输入框输入时, 键盘上方会展示微信昵称 3. 给 form 绑定 submit 事件,在事件处理函数中通过事件对象获取用户昵称。1. 通过 form 组件中包裹住 input 以及 form-type 为 submit 的 button 组件。点击获取昵称可以将昵称传到后端。点击输入框弹出微信昵称。
2024-08-21 10:37:23
232
原创 分包预下载
分包预下载是指访问小程序某个页面时,预先下载其他分包中的代码和资源,当用户需要访问分包中的页面时,已经预先下载的代码和资源,因此可以直接使用,从而提高用户的使用体验。network:是指在指定网络下预下载,可选值为:all(不限网络),WiFi(仅WiFi下预下载)小程序分包预下载需要在app.json中通过preloadRule字段设置预下载规则。packages:进入页面后预下载分包的root或name,__APP__表示主包。
2024-08-19 23:52:43
201
原创 分包加载-独立分包的配置
开发者可以将功能相对独立的页面配置到独立分包中,因为独立分包不依赖与主包就可以运行,可以很大程度上提升分包页面的启动速度。给subPackages定义的分包结构添加到independent字段,即可声明对应的分包为独立分包。从独立分包中页面进入小程序时,不需要下载主包,当用户进入普通分包或主包内页面时,主包才会被下载。独立分包:是指能够独立于主包和其他分包运行的包。创建markModule。
2024-08-19 21:55:46
163
原创 配置分包加载以及打包、引用原则
小程序如果需要进行分包加载,需要在aoo.json中,通过subPackages或者subpackages定义分包结构。例:配置商品模块分包,分包包含:商品列表、商品详情两个页面。然后goodModule下多出pages文件夹。首先在app.json中进行配置。然后建立modules包结构。可到详情查看分包情况。
2024-08-19 21:45:24
472
原创 npm支持-vant组件库的使用
vant Weapp是有赞前端团队开发的小程序UI组件库,基于微信小程序的自定义组件开发,可以用来快速搭建小程序项目。以引入图片为例子在app.json中引入图像并且点击图像触发事件通过round属性可以设置图片变圆,注意当图片宽高不相等且fit为contain或scale-down时,将无法填充一个完整的圆形。控制台:显示图片的加载效果,加载图标,用于表示加载中的过渡状态。Image组件提供了默认的加载中提示,支持通过loading插槽自定义内容。Image。
2024-08-19 19:59:18
437
原创 组件复用机制behaviors
如果需要使用behaviors复用代码,需要使用Behavior()方法,每个behavior可以包含一组属性、数据、生命周期函数和方法。组件应用它时,它的属性、数据和方法会被合并到组件中,生命周期函数也会在对应时机被调用。小程序的behaviors方法是一种代码复用的方式,可以将一些通用的逻辑和方法提取出来,然后再多个组件中复用,从而减少代码冗余,提高代码的可维护性。
2024-08-16 22:13:49
337
原创 使用Component构造页面
4、组件的属性properties也可以接受页面的参数,在onLoad钩子函数中可以通过this.data进行获取。小程序的页面也可以视为自定义组件,因此也可以使用Component方法进行创建,从而实现复杂的页面逻辑开发。3、页面中Page方法有一些钩子函数、事件监听方法,这些钩子函数和监听函数方法要放在methods中。1、要求.json文件中必须包含usingCoponent字段。2、里面的配置项需要和Component中的配置项保持一致。Component方法用于创建自定义组件。
2024-08-16 21:33:10
218
原创 组件生命周期-微信小程序
组件所在页面生命周期有4个:show、hide、resize、routeDone、需要在pageLifetimes字段内进行声明。组件的生命周期函数有5个:created、attached、ready、moved、detached。主要用于组件内部监听父组件的展示、隐藏状态、从而方便组件内部执行一些业务逻辑的处理。组件生命周期:指的是组件自身的一些钩子函数,这些函数在特定时间节点时被自动触发。组件还有一些特殊的生命周期,这类生命周期和组件没有很强 的关联。
2024-08-16 20:27:32
218
原创 setData修改对象类型数据
为了简便使用ES6提供的展开运算符。使用object.assign()2.修改 单个/多个属性。先添加一个属性test。
2024-08-12 21:58:58
388
原创 setData()修改数据-小程序
小程序中修改数据不推荐使用赋值的方式进行修改,通过赋值的方式修改数据无法改变页面的数据。而是要通过调用setData()方法进行修改,setData()方法接受对象作为参数,key是需要修改的数据,value是最新的值。通过setData进行更新,可实现数据和页面的同时更新。可以修改数据但是页面显示的数据并没有改变。通过赋值的方式修改数据。
2024-08-12 21:06:38
583
原创 wxml语法-声明数据绑定
在将数据声明好以后,在wxml使用Mustache语法(双大括号{{}})将变量包起来,从而将数据绑定。若是写了表达式或者语句会显示以下错误,使用了js语句页面不会显示所期望的内容。注意:在{{}}语法中只能写表达式不能写语句,也不能写调用js相关的方法。小程序也i满中使用的数据均需要在page()方法的对象中进行声明定义。在index.js中写数据。在index.wxml。
2024-08-12 20:29:02
366
原创 事件系统-小程序
在触发事件时将一些数据作为参数传递给事件处理函数的过程小程序中在组件上通过data-*的方式定义需要传递的数据,其中*就是自定义的属性,例如:<view data-id="100" bindtap="handler"/>, 然后通过事件对象继续宁获取自定义数据。查看控制台在view上绑定事件点击蓝色区域,不点击按钮,事件触发者和事件绑定者都是view点击按钮,不点击蓝色区域,//currentTarget事件绑定者:view//target事件触发者:按钮注意事项1。
2024-08-12 01:17:37
1125
原创 PHP表单
跨站请求伪造(CSDF)是一种常见的安全威胁,为了提高安全性可以在表单中添加CSRF令牌。对用户输入进行适当的清理或使用HTML特殊字符转换函数。表单经常与会话一起使用,以跟踪用户状态和保存临时数据。
2024-08-03 22:45:17
134
原创 PHP学习2
当你打开一个文件进行读取时,PHP会在内部使用一个文件指针来跟踪当前的读取位置。当文件指针到达文件末尾时,它会指向EOF,表示已经到达了文件的 结尾。在使用fread()、fgets()或类似的函数时,如果读取到文件末尾,这些函数通常会返回false或空字符串,这是也可以作为文件结束的信号。feof()只能检测文件指针是否到达了文件的实际结束。如果文件指针被移动到了文件的末尾之后,feof()将不会返回true.主要有两类数组:由数字索引的值组成的索引数组和由字符串索引(称为键)值组成的关联数组。
2024-08-03 16:59:54
288
原创 php学习1
在php中,变量是用来存储数据的容器。变量名以$开头,后面紧跟变量名。声明:在php中,当给变量赋值时,变量会自动声明,注意变量名时区分大小写的php有一些特殊的预定义变量,如:$_GET,$_POST,$_REQUEST,$_SERVER.$_FILES等。它们包含了表达数据,服务器信息、文件上传信息等。//通过GET请求传递的变量//服务器信息。
2024-08-03 16:12:03
285
原创 Serializable和transient关键字
实现Serializable接口后,一般要自己加上serialVersionUID,表明是这个类的序列号和反序列化的唯一标记;一般开发工具可以自动生成。在序列化的时候,会将这个UID存储到文件中;反序列的时候,会用文件中的UID和类中的UID进行比较,如果是不一样的,那么反序列话会失败。
2024-08-03 12:56:17
250
原创 Android 持久化技术
1) 创建一个,对应的布局文件。2) 具备两个TextView和两个EditText控件,分别用于显示和输入用户名和密码。3) 添加注册和登陆两个按钮(Button4) 添加记住我功能:插入一个CheckBox控件,当用户勾选该勾选框,当点击登陆按钮时,判断该勾选框,如果勾选,则把用户名和密码保存起来,要求采用文本存储方式保存下来。5) 点击注册,可以根据用户名和密码对应的EditText,将用户名和密码保存起来,要求采用。
2024-08-03 12:24:11
1102
空空如也
关于#微信小程序#的问题:小程序的静态资源和云函数为什么在主包
2024-09-23
微信小程序接口路径都正确但是还是报404
2024-08-30
TA创建的收藏夹 TA关注的收藏夹
TA关注的人