正文

微信小程序之工具js封装与使用(代码片段)

jiqing9006  jiqing9006  2022-12-18  693

关键词：

工具库的创建与使用

创建一个common文件夹
在common文件夹中创建一个utils文件夹
在utils文件夹中创建util.js

// 工具
function tool() 
    console.log('i am a tool function.');


  
module.exports = 
    tool: tool

在具体的页面js中调用
首先要引入工具文件

const util = require('../../common/utils/util');

然后在具体的位置使用即可。

onLoad: function (options) 
    util.tool();
    ...

i am a tool function.

这有点像，php中的common.php，里面有很多通用的函数库。其实，不论是前端，还是后端。一些思想都是相通的。

微信小程序之封装常用的api接口请求以及工具类方法(代码片段)

工具类封装：//utils.js//显示消息提示框exportfunctionToast(title,type,time,isshow)wx.showToast(title:title,icon:type,duration:time,mask:isshow)//显示loading提示框。需主动调用wx.hideLoading才能关闭提示框exportfunctionLoading(t 查看详情

微信小程序之封装常用的api接口请求以及工具类方法(代码片段)

微信小程序request请求库封装(代码片段)

微信小程序官方的请求库不支持Promise风格，而前端业务比较方便的是使用promise，所以一般业务开发需要封装下请求工具，通过简单的封装，可以有以下功能：统一配置错误码配置提示消息展示时间断网提示api... 查看详情

微信小程序之登录(代码片段)

微信小程序登录基本流程就是1、wx.login获取js_code根据app_id,secret，js_code数据wx.request获取用户的openid和session_key 请求地址：https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE 查看详情

微信小程序request请求库封装(代码片段)

微信小程序云开发之云数据操作(代码片段)

本文主要讲述“微信小程序云开发”中的云数据库的用法第一节：小程序云开发之数据库文章目录前言一、小程序云开发数据库与传统SQL数据库有什么区别？二、云数据库开发的使用1.全局APP.js配置2.数据库的创建3.数据... 查看详情

回归|js实用代码片段的封装与总结（持续更新中...）

...新博客不是代表不学了，期间我已经用vue做了两个项目，微信小程序做了一个项目，只是毕竟找到工作了，想偷偷懒，你懂的。　　过年期间一直在关注js片段代码，虽然这个时代前端框架横行，大量上层工具层出不穷，比如http... 查看详情

微信小程序的那些坑(代码片段)

早闻微信小程序是个坑，结果名不虚传，细数一下我开发小程序遇过到坑。 1.UI组件过度封装。微信小程序的组件是模仿react.js或vue.js的web组件设计的，并且封装了weui.css样式。PS：实现自定义多选或多选。（看微信小程序开... 查看详情

性能工具之jmeter微信小程序websocket脚本入门(代码片段)

文章目录前言准备demoJMeter压测总结前言今天试着写了写小程序聊天页面中的信息底层是怎么实现的，而WebSocket协议，客户端和服务端都可以主动的推送消息，只要建立链接就能推送消息。准备demo前置条件，需要... 查看详情

性能工具之jmeter微信小程序websocket脚本入门(代码片段)

微信小程序之网络请求简单封装

在微信小程序中实现网络请求相对于Android来说感觉简单很多，我们只需要使用其提供的API就可以解决网络请求问题。-普通HTTPS请求(wx.request)-上传文件(wx.uploadFile)-下载文件(wx.downloadFile)-WebSocket通信(wx.connectSocket)为了数据安全&... 查看详情

性能工具之jmeter微信小程序websocket脚本入门(代码片段)

微信小程序全局变量的定义与使用(代码片段)

全局变量的定义在你初次打开app.js文件时，很容易混淆。在onLaunch函数里是有个globalData对象，但请注意，你的全局变量不是写在这里，而是另外在函数外定义一个globalData。例如下图：globalData一定要定义在与函... 查看详情

微信小程序下拉刷新上拉加载(代码片段)

微信小程序官方没有给出具体的下拉刷新和上拉加载组件，我们可以基于小程序原生组件scroll-view的扩展与封装,实现简单的上拉加载、下拉刷新组件。1.封装组件//components/customPullDown/index.jsComponent( options: multipleSlots:true , prope... 查看详情

[小工具]微信小程序代码压缩器(代码片段)

...有需要的可以直接拿走：https://github.com/nbagonet/w...当你的微信小程序编译包大小超过1024kb时，不要急着砍模块，我觉得它还能再挽救一下。做了些什么压缩js/json/wxml/wxss文件；优化jpg/gif/png/svg文件；没了。目录说明./src为开发目录... 查看详情

微信小程序之简答题(代码片段)

...含哪些？它们分别在什么时候触发？※2简单介绍微信小程序、原生APP和WebApp之间的区别。※3简述小程序有哪些优点？※4、简述什么是微信小程序※5、微信小程序开发过程中页面渲染的方式有哪些？简单举例说明... 查看详情

小程序微信小程序自定义导航栏及其封装(代码片段)

💭💭✨：微信小程序自定义导航栏 💟：东非不开森的主页 💜:因为很多东西来不及去做去看可是时间很快总是赶不上，所以要去成长呀💜💜 🌸:如有错误或不足之处，希望可以... 查看详情