14天速成小程序开发：第七章公告效果和utils封装

已于 2024-06-09 12:34:30 修改
阅读量186 收藏 1
点赞数 4
分类专栏： 14天速成小程序开发 文章标签： uni-app vue 学习 微信小程序 bug 笔记 前端
于 2024-06-09 09:40:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wyyanyufei/article/details/139552220
版权

文章目录

前言

本次学习内容以复制粘贴和修bug为主。

一、公告显示

1.样式结构

在这里插入图片描述

2.导入与引用公共样式

2.1 导入

在这里插入图片描述

2.2 引用

在这里插入图片描述

在这里插入图片描述

二、公共逻辑——登录界面的创建

1.创建目录

在这里插入图片描述

2.创建并导出class实例

在这里插入图片描述
在这里插入图片描述

3.引入全局对象

在这里插入图片描述
在这里插入图片描述

4.在应用中的onload周期调用

在这里插入图片描述
在这里插入图片描述

雁于飞
关注
专栏目录
utils.js:前端开发常用的js方法封装
05-08
前端开发常用的js方法封装 例如： // 输入身份证号码获取生日 export const getBirthday = idcard => idcard.substring(6, 10) + "-" + idcard.substring(10, 12) + "-" + idcard.substring(12, 14); // 输入身份证...
小程序【造轮子】utils工具类（常用方法的封装）
03-29
有意见和建议欢迎提在下面！ 封装的常用方法， 方法名 参数 介绍 judgeNull value 判断空值，包括{}和[]，空为true，否则为false judgeString value 判断是否为字符串类型，是为true，否则为false judgeNumber value...
【微信小程序】快捷util封装
梦和远方的博客
02-21 5641
微信小程序中经常会用到一些快捷的全局方法，比如日期格式化，时间转换等，所以提供以下简单的公共方法的封装。 日期格式化 //util.js 引入js文件即可调用 const util = require('../../../utils/util.js'); const formatTime = date => { const year = date.getFullYear() ...
【微信小程序开发】常用方法封装工具类utils.js
weixin_44431073的博客
03-02 875
微信小程序、工具类、节流、防抖、格式化
小程序封装util时间
aaa123aaasqw的博客
06-02 224
【代码】小程序封装util时间。
小程序request请求封装
qq_59599812的博客
10-27 821
进行二次封装请求，引入刚刚创建的request.js文件，下图每个方法都是一个接口请求。3.使用封装的接口。引入刚刚创建的comment.js,里面已经封装好了接口请求。wx.setStorageSync('token',返回的token),直接复制即可，需要改一下请求地址，有些配置自己可根据实际情况修改，文件封装request请求，此封装带上了。比如以下状态码的判断，根据你的具体返回。，需要你从后端获取后利用。以上为本人的项目目录。
utils.js工具包
九亿宅男的梦的博客
03-16 550
/** * 公用方法 */ //银行卡只显示后四位 export function cardNumber(value) { if (value && value.length > 8) { let reg = /^(\d{4})(\d*)(\d{4})$/; let str = value.replace(reg, (a, b, c, d) => { return c.replace(/\d/g, ...
小程序报错 WAService.js:3 Uncaught Error: module ＂src/utils/utils.js＂ is not defined
03-29
编译程序时候老是报module "src/utils/utils.js" is not defined的错，狂问度娘也没结果 后来静下来想才尝试弄正确： 我本来的页面地址是："src/main/welcome/welcome" 在这个页面的基础上要加载utils.js，所以按照...
简易封装小程序广告代码，轻松调用插屏广告和激励广告
07-14
封装了插屏广告代码和激励广告代码，可以直接通过id初始化广告并调用广告展示。 ### 引入广告模块 ```javascript import Utils from '../../adUtils.js'; ``` ### 初始化广告 #### 插屏广告 ```javascript ...
微信小程序wx:for的使用，动态传参
03-29
一般情况下，小程序的utils这个文件夹下，我们可以把本地的数据写进去，封装成.js文件，提供对外暴露的接口，然后读取本地数据，这些在上一篇博客中有详细介绍。我们最后说到写好的本地数据可以另一个页面读取：   ...
呕心沥血 封装20个微信小程序常用方法到utils.js
前端开发工程师博客
04-06 552
呕心沥血 封装20个微信小程序常用方法到utils.js。
小程序工具utils的config封装
weixin_42593599的博客
08-23 1738
//这里是承接上篇文章,为其暴露接口 class Config{ constructor(){ } } Config.tributeUrl = '';//这里写你要调用的后端接口url Config.xmdUrl = '';//同上 Config.onPay=true; //是否启用支付 export {Config};  ...
小程序utils的使用简介
热门推荐
CHC
08-24 3万+
我们通过开发者工具快速创建了一个 QuickStart 项目。你可以留意到这个项目里边生成了一个util/utils.js 可以将一些公共的代码抽离成为一个单独的 js (utils.js)文件，作为一个模块; 模块只有通过 module.exports 或者 exports 才能对外暴露接口。 所以当你在util.js里封装的方法想要在外部使用的话,必须通过 module.export...
uni-app在线预览pdf
家里有只小肥猫
09-28 671
uniApp在线查看pdf文件
828华为云征文｜华为云Flexus云服务器X实例搭建部署H5美妆护肤分销商城、前端uniapp
csdndddsd的博客
09-28 1337
基于ThinkPHP6.0正式版内核，前端是VUE、uniapp框架支持：H5 微信 小程序 可以h5打包APP端访问营销模块：拼团 砍价 秒杀 优惠券 积分支持短信验证注册+小票打印机运行环境：php7.2≥+mysql5.6（环境配置为调试时的配置）需开启fileinfo扩展+伪静态return 403;if (!s=$1 last;break;域名需配置ssl后才可以通过https访问至此，使用华为云Flexus云服务器X搭建的美妆护肤电商系统已经大功告成！！！
UNI-APP_iOS开发技巧之：跳转到TestFlight或者App Store
小歪博客
09-28 510
UNI-APP_iOS开发技巧之：跳转到TestFlight或者App Store
uniapp设置从右上角到左下角的三种渐变颜色
GoppViper的博客
09-29 705
这里linear-gradient(to bottom left, #f00, #0f0, #00f)表示创建一个从右上角到左下角（to bottom left）的线性渐变，颜色从红色（#f00）过渡到绿色（#0f0）再过渡到蓝色（#00f）。在这个例子中，红色（#f00）在渐变开始（0%）处占主导，绿色（#0f0）在30%的位置开始逐渐替代红色，蓝色（#00f）在100%处完全替代绿色成为主导颜色。希望本文对你有所帮助！如果你有任何问题或建议，欢迎在评论区留言。根据不同的需求调整颜色停止点（可选）
uniapp中在web端如何友好的展示app当前的版本等信息
最新发布
峰会路转的博客
09-30 443
一个小技巧，分享下在webapp中友好展示当前app信息的方法。
微信小程序实战：微天气预报开发教程
选择天气预报小程序作为开发对象，主要因为它具有较低的复杂度，便于理解和说明，并且契合微信小程序的生态特性，更适合轻量级应用。教程首先通过展示实际运行效果，让读者对最终功能有直观认识。 在开始前，需要在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值