- 博客(36)
- 收藏
- 关注
RSS订阅原创 app嵌入的h5页面跳转小程序实现方法
app嵌入的H5页面可以通过URL Scheme跳转小程序。URL Scheme是一种通过特定格式的URL来启动应用程序或打开应用程序内特定页面的方法
2024-12-11 14:40:19
1830
原创 微信小程序封装全局加载动画loading
封装全局加载动画的核心思路就是在每个页面加载数据时弹出加载动画，在数据加载完成后关闭动画。由于需要在所有页面中使用，我们需要将加载动画封装成一个全局组件，供所有页面调用。确保调用 selectComponent 的时机是在组件渲染完成之后，可以在 onReady 或 onLoad 生命周期方法中使用。在components新建Loading组件，用来展示动画，并在组件中实现开启和结束动画的方法。注意：在onLaunch调用无效。比如：index.html。
2024-06-18 14:13:27
1838
原创 移动端开发中常见的事件类型
对于使用框架（如ReactNative、Flutter等）开发的移动应用，还有更多的生命周期事件，如组件的挂载、更新、卸载等。在开发过程中，根据应用的需求和用户交互场景，选择合适的事件进行监听和处理是非常重要的。keydown、keypress、keyup：分别对应键盘按键按下、按键被按下并释放、按键释放的事件。touchcancel：当系统停止跟踪触摸时触发，通常发生在触摸被中断时，如来电或弹出通知。play、pause、ended：分别对应媒体（如音频、视频）的播放、暂停、结束事件。
2024-04-01 14:39:57
657
原创 如何在微信小程序中使用less开发
到这里还差最后一步，因为Easy-less，默认输出的css，但是小程序中要使用.wxss的文件，所以设置一下输出的文件后缀即可。第二步：点击微信开发者工具的扩展按钮，再点击扩展下的三个小点，选择从已解包的扩展文件夹安装。第一步：直接先在 vscode 安装 easy-less 插件。第三步：选择这个less文件夹。第四步：设置输出.wxss。
2024-03-14 18:01:45
1564
原创 微信小程序页面在苹果手机上滑动，整个页面会拖动的问题解决办法
在微信小程序app.json的window中，添加”disableScroll”:true，但是要注意，如果你是要在app.json中添加disableScroll，会导致所有页面无法上下滑动，这就是个大bug了，解决也很简单，你想在那个页面禁止页面滑动，就在哪个页面的json下，添加disableScroll就可以了，单独设置就行。*catchtouchmove相当于preventDefault，阻止默认行为即阻止滚动事件。*然后给长页面设置高度，再添加overflow: auto;
2024-03-14 10:23:09
6802
2
原创 【不得不看的Form表单详解】
什么是表单提交？简单的说，就是将表单中的数据发送给服务器。详细的说，就是将form标签之间，用户填写的数据封装到消息体或url地址后，然后请求服务器。
2023-04-11 09:50:42
609
原创 wow实现页面滚动到指定区域时就显示动画的效果
WOW.js 是一个非常轻量级的动画效果插件，使用它可以组合多种炫酷的效果。使用WOW.js可以实现我们在网站上常看到的，页面滚动到指定区域时就显示动画的效果。
2023-04-04 11:44:37
566
原创 【防抖和节流理解】
防抖和节流是常见的优化 JavaScript 性能的技术，它们通常用于处理频繁触发的事件，例如鼠标滚动、窗口调整、搜索输入等。防抖（Debounce）和节流（Throttle）都是通过限制事件触发的频率来优化性能的，但它们的实现方式不同。
2023-04-01 06:00:00
192
原创 【Layui弹窗iframe父子页面之间数据传递】
可以在iframe的src属性中通过URL参数的形式将数据传递给子页面，子页面可以通过location.search获取URL参数。可以在父页面中通过postMessage方法向子页面发送消息，子页面中通过监听message事件获取消息。可以在父页面中通过localStorage设置数据，子页面中通过监听storage事件获取数据。可以在父页面中通过window对象设置数据，子页面中通过window对象获取数据。
2023-03-31 09:39:18
2645
原创 小程序保存图片到相册，申请相机权限
打开小程序设置页（wx.openSetting）接口调整官方开发者可以通过 wx.openSetting 接口来打开小程序设置界面并返回用户的设置结果。在原来的 wx.openSetting 接口中，我们允许开发者直接调用此接口，但目前我们发现有不少开发者滥用此接口，使用户在无任何操作时，不断地强行跳转至设置页，导致用户无法正常使用甚至无法退出小程序。为保证用户获得更顺畅的小程序使用体验，避免此类滥用情况，我们对该接口进行了调整。调整后“打开小程序设置页”将支持以下两种实现方式
2022-12-08 09:49:48
1580
原创 前端展示 PDF 预览的几种方法
一、js实现pdf预览HTML 内联框架元素 iframe 表示嵌套的 browsing context。它能够将另一个 HTML 页面嵌入到当前页面中。2. embed 标签HTML embed 元素将外部内容嵌入文档中的指定位置。此内容由外部应用程序或其他交互式内容源（如浏览器插件）提供3. object 标签HTML object 元素（或者称作 HTML 嵌入对象元素）表示引入一个外部资源，这个资源可能是一张图片，一个嵌入的浏览上下文，亦或是一个插件所使用的资源。4. 使用 PDF.js
2022-12-06 14:03:37
9920
原创 js如何实现页面截图生成并分享功能，如何向后端传递
html2canvas 的作用就是允许让我们直接在用户浏览器上拍摄网页或其部分的“截图”。它的屏幕截图是基于 DOM 的，因此可能不会 100% 精确到真实的表示，因为它不会生成实际的屏幕截图，而是基于页面上可用的信息构建屏幕截图。所以一个比较常见的应用场景就是我们可以使用它在 H5 端生成分享图。......
2022-08-05 16:02:01
1834
2
原创 js 如何实现点击一键复制文本
一键复制功能，通过 select() 方法，选中输入框的文本，然后调用 copy 命令，将文本复制到剪切板css部分:隐藏输入框html部分js部分
2022-06-23 13:58:19
2553
原创 小程序中打开外部链接页面的方法
需使用小程序开放能力的web-view<web-view src="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=Mzg4NTY5OTkwNA==#wechat_redirect"></web-view>注意:关联的公众号可以直接打开,但其他的链接需要配置业务域名打开公众号文章的注意事项:使用组件前，需前往小程序后台，在“设置”->“关注公众号”中设置要展示的公众号。注：设置的公众号需与
2022-05-26 21:53:05
6350
1
原创 接口返回的富文本数据怎么在小程序渲染
小程序渲染富文本返回的数据时使用的方法与修改里面的样式1. 富文本返回的数据无法直接在小程序上面渲染出来,这时候就用到rich-text标签了使用方法:在nodes里直接放入接口返回的数据<view class="content"> <rich-text class="center" nodes="{{bannerinfo.wx_content}}"></rich-text></view>2. rich-text渲染后怎么修改里面标签的样式,比
2022-05-20 11:02:57
1360
原创 几种获取时间戳与获取自定义时间戳的实现方法
几种获取时间戳与获取自定义时间戳的实现方法取得从 1970/01/01 午夜到 2021/01/01 的毫秒数1. Date.parse()// 返回自定义时间戳Date.parse("2021/01/01") //返回当前时间的事件戳Date.parse(new Date())//结果为16094304000002. Date.getTime()var dateNow = new Date()var nowTime = dateNow.getTime()console.log(
2022-01-29 10:51:24
2851
原创 时间戳转化成年月日时分秒格式的几种方法
几种时间戳转换年月日格式的代码1. 时分秒格式：timefrom(时间戳, 是否中文)显示： 11小时14分钟04秒 11:14:04function timefrom(value, ind) { let result = parseInt(value) let h = Math.floor(result / 3600) < 10 ? '0' + Math.floor(result / 3600) : Math.floor(result / 3600)
2022-01-26 16:15:36
9423
原创 textarea如何实现高度自适应（不出现滚动条）
textarea如何实现高度自适应（不出现滚动条）1.js实现<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>文本框根据输入内容自适应高度</title> <style type="text/css"> h2 {
2022-01-24 14:59:19
1894
原创 layui后台框架点击子页面按钮时添加顶部tap栏
layui后台点击子页面标签添加tap栏1.封装的子页面代码 function addtap(ele){ layui.use(['jquery', 'element', 'layer'], function() { var $ = layui.jquery, element = layui.element, layer = layui.layer; // $('.layui-tab-content').height($(w
2022-01-24 14:54:44
967
原创 如何从零开始搭建一个好看的博客
如何从零开始搭建一个好看的博客一. 注册GitHub账号并创建仓库–GitHub官网1. 注册和登录2. 然后创建仓库** 需仓库名需和用户名一致，格式为：名字.github.io**二.nodejs下载安装及配置环境1. 下载安装nodejs:下载地址安装图示 安装完之后打开终端 window+R，输入命令：“node -v” 查看版本号，出现版本号，说明你的电脑上已经有nodejs，安装成功！安装好默认有npm。验证npm 输入npm -v 出现版本号表示安装成功2
2021-04-26 11:05:50
427
翻译 关于sublime下载汉化配置及Package Control安装失败的问题`
关于sublime下载汉化配置及Package Control安装失败的问题`软件下载网址：sublime官网一， 下载配置在官网下载完成后，在菜单栏点开tool，然后选择command palete，并打开它打开之后会跳出一个文本框输入：package control，然后选择install packet control。稍等一会应该会出现弹窗，告诉你已经成功安装完插件中心再次输入package control，打开package control：installpackage。输入chin
2020-11-16 21:11:38
1734
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人