小程序
thankseveryday
这个作者很懒,什么都没留下…
展开
-
如何在微信小程序中实现文本换行?
description: “如何在微信小程序中\n实现文本换行?” <text class="text-white" space="ensp" decode="{{true}}">{{description}}</text>原创 2022-02-15 15:42:16 · 2063 阅读 · 0 评论 -
新一代 node.js web 开发框架 Koa 零基础入门学习笔记
目录Koa搭建服务器node 初始化 package.json安装 Koa 模块创建应用入口文件 app.js最简实现上下文Request 别名Response 别名启动服务器服务器自动重新部署Node.js 开发辅助工具 nodemon中间件洋葱模型Koa 中间件的实现重点Koa 路由配置Koa新一代 node.js web 开发框架。搭建服务器node 初始化 package.jsonnpm init -y参数:-y 全部使用默认选项设置,不再一步一步确认。{ "name": "Ry原创 2021-05-13 20:03:12 · 279 阅读 · 10 评论 -
配置 Koa 静态资源支持断点续传 Accept-Ranges 和 Content-Range
Koa 入门请访问:新一代 node.js web 开发框架 Koa 零基础入门学习笔记需求情景有一些内容作为静态资源,被其它程序访问,比如微信小程序。比较特殊的资源就是音频和视频,用户端通常不会一次全部下载完成后播放,都是边看边加载,这时我们就需要配置静态资源支持断点续传。微信小程序对不支持断点续传的音频文件,使用时有两个问题:不能顺利获取音频长度:InnerAudioContext.duration使用 InnerAudioContext.seek 跳转会失效Koa 服务器配置断点原创 2021-09-02 22:23:22 · 786 阅读 · 0 评论 -
微信小程序开发:动态预加载 swiper-item 中的图片(延迟加载)
在使用 swiper 时,有些场景需要一次载入的图片太多,消耗资源的同时也会影响用户体验。自己的解决方法是这样的:创建图片【地址数组】根据需要展示图片的总数创建一个空的数组,即用来页面绑定的【页面数组】初始化【页面数组】,为第 1、2 项赋值当向右滑动时,接着为【页面数组】的第 3 项赋值直到全部展示完毕如果用户提前离开,就能避免未展示项图片的加载。代码如下:<view class="s-page"> <swiper class="s-swiper"原创 2021-07-07 14:42:49 · 2464 阅读 · 1 评论 -
解决小程序搜索框输入时的闪动问题
解决思路:由于在用户不断输入的同时,会不断的触发搜索事件。所以设置一个定时器,延缓搜索的执行,等待用户停止输入的时候再进行查询。let timer = null// 搜索框searchContentChange: function (e) { let keyWords = e.detail.value ? e.detail.value : null let that = this // 清除,定时器 if (timer) { clearTimeout(t原创 2021-07-05 14:07:33 · 718 阅读 · 0 评论 -
微信小程序云开发:云函数实现简单的路由
内容比较简单,直接上代码。使用很方便,免得安装依赖。// 云函数入口文件const cloud = require('wx-server-sdk')cloud.init()// 云函数入口函数exports.main = async (event, context) => { const wxContext = cloud.getWXContext() // 定义简单的路由 if (event.action && routeHelper[even原创 2021-03-06 13:23:11 · 509 阅读 · 0 评论 -
微信小程序使用自定义字体
1. 准备好自己要用的字体2. 转换字体文件转换网站:https://transfonter.org/如图:先上传字体,勾选(仅这两项),最后转换3. 下载并复制css解压下载的文件,并打开stylesheet.css文件复制到小程序项目的 app.wxss三步,很简单!...原创 2020-12-31 10:11:40 · 960 阅读 · 0 评论