- 博客(50)
- 收藏
- 关注
RSS订阅
原创 网页H5链接嵌入在uniapp 中 再从H5 跳转到app 中
最近 要做一个uniapp 开发的app 功能，但是因为是用uniapp 进行app 开发 没有图片验证的方法，所以 就让做一个嵌套的功能，把登录模块专门放在网页H5 中，然后登录之后，将token 传递到APP 上， 这样一个操作。真得有用，看别的文章 ，我都不知道他们写的啥 ，所以 我想整理出来 ，有需要的就可以直接复制。如果 有需要的可以直接复制 用 ，我开始以为 要从H5 跳转到APP ，根本跳不过来， 所以 要从uniapp 中去跳转，1. 创建一个登录页面。
2024-05-06 16:39:37
728
原创 VUE H5 实时获取地理位置 不需要weixin-js-sdk 这个
同时在控制台打印出当前的经度和纬度。如果获取位置信息失败，则会在第二个回调函数中通过。方法来获取当前设备的位置信息。如果获取成功，会在回调函数中通过。弹出错误提示框，告知用户无法获取位置信息及具体的错误信息。获取到经度和纬度，并将其分别赋值给。
2025-04-01 13:24:01
194
原创 H5 中生成二维码
vue-qr是一个基于 Vue.js 的二维码生成组件，可以方便地在 Vue 项目中集成二维码生成功能。它通常用于生成包含文本、链接或其他数据的二维码，并且支持自定义样式和配置。在 Vue 组件中引入并使用vue-qr2. 常用的高级配置2.
2025-02-15 15:44:59
468
原创 web H5网页中嵌入优量汇的插屏广告
如果你的商品 没有上架应用市场 就选择测试 上架成功之后可以选择正式 媒体审核成功之后 就可以下一步。我们在进入某些App 软件的时候 经常会看到一些插屏广告 , 因为看着些广告可以赚取费用。这样就可以了 只针对于 H5网页版 安卓手机可以展示出来 ios正常展示不出来。我们在代码里面 要引进去 我们首先在index.html 进行引入。其余的就是在页面上了 你想让他在那个页面展示 就可以在那个页面写。他是创建好之后 可以获取到代码 我们用就可以。这样的我们可以在页面上固定位置。
2024-11-15 10:54:29
909
原创 input 标签拥有了一种新的类型 ：datetime-local 可以同时输入时间和日期
type=datetime-local : 输入日期和时间。type=date : 输入日期。type=time: 输入时间。
2024-10-11 14:35:54
450
1
原创 uniApp中小程序中版本更新
我们在做每一个项目中 都会版本迭代的去更新 不可能每一次修改都要让用户去从新下载或者安装 我们需要在项目启动页做 一个版本更新提示。在项目的App.vue中 就可以直接复制。
2024-10-10 15:31:39
545
原创 学习 CSS 新的属性 conic-gradient 实现环形进度条
我们在工作中用到环形进度条的时候，一般都是使用组件库提供的，那么你有没有想过这是怎么实现的呢？
2024-10-04 12:59:34
566
1
原创 Vue H5（手写）实现下拉刷新
当我们在做移动端的时候 ，经常会遇到订单列表或者首页，经常会遇到下拉刷新 ，但是我经常用到 Vant 组件库中的下拉刷新 ，但是Vant 中的下拉刷新 会有一些问题 就是刷新的时候，在将页面象上滑动 ，就会出现卡顿的状态 ，这样就会导致用户体验非常不好 ，偶然看到一个博主写的一篇文章 还挺好用的 我就拿来试一试 真的还可以。2. 我们在 main.js 中 进行全局的注册和引入 这样就不会在 每个页面中 都要引入了。3. 我们创建一个 Scroll.vue 文件夹。这样就可以实现下拉刷新了。
2024-10-03 09:52:24
813
1
原创 vue3+vite项目自动转换 px 为 rem
本文介绍通过配置后，在开发中可以直接使用设计图的尺寸开发，项目为我们自动编译，转换成。在前端开发中，会遇到需要适配不同屏幕分辨率的情况，因此考虑编译时自动将项目中的。5.然后再到vite.conig.js中去配置postCssPxToRem。我们在 config 文件中 创建 rem.js 文件。1. 首先我们要设置跟节点 font-size。3. 自动转换 px 为 rem。2. 在main.js 中引入。
2024-09-06 14:26:03
1408
2
原创 vant 组件中事件选择器的一些小用法
我们在写页面的时候 经常会遇到事件的选择器 象我做H5 的时候，我经常用的组件库 就是vant 组件库。就是 下面的日期变化时 上面框里面的日期也要跟着改变 然后点击的时候 选择一个区间的范围。获取当前所在的月份的月初和当天的日期。
2024-08-22 17:19:45
408
原创 H5 中自己封装分页
我们经常用到的分页 都是用的组件库的样式 列如 Vant 组件库中的 van-pagination。就是一个页面展示10个数据，然后进行展示。可以拿来直接复用 换一下数据 就可以。大部分 都是这样的分页。但是我们今天要做的分页。
2024-08-22 15:47:42
514
原创 解决网页修改单个页面的H5 标题修改
原先 我一直以为 单个页面的标题 是不能修改的 ，一直以为在index.html 里面加 ，页面不能加，看来是我错了 只需要加一段话就可以修改了。
2024-08-10 13:40:18
263
原创 H5 网页与原生安卓开发和ios 进行数据交互传递
最近写了一H5 网页 要嵌入到安卓和ios 中，首先我们要判断用户是苹果手机 还是安卓手机 ，如果是苹果手机要传递什么参数 ，如果是安卓要传递什么参数。
2024-07-31 08:42:45
516
原创 安全区域js
1. 通常 我们在写底部 tabar 栏的时候 ，就会经常遇到这个样的问题 ，因为在苹果手机下面 会有一个黑色的 线条 ，但是 为了解决这个问题 我们需要在底部加个方法。
2024-07-29 15:34:59
496
原创 在网页H5中打开微信小程序的功能
因为用uniapp 开发了一个安卓的app, 因为苹果的打包太麻烦 一直审核不过 ，所以就打算让苹果用户点击 H5 浏览器的时候，可以直接打开小程序的功能。在设置中 明文scheme拉起此小程序 然后我们点击配置 我配置的是首页。这样就可以了 ，这个方法 可以让你少走弯路 ，网上太多文章容易花眼了。然后 我们就可以在 H5 网页中 进行一个链接跳转 就可以唤起小程序了。配置好之后，我们按照他的链接方式写我们的链接。1. 首先我们去这个网址上。我们按照他的上面步骤来实现。配置完成之后 就是一个已配置。
2024-07-25 10:40:43
5197
5
原创 用 js 来判断是苹果手机还是安卓手机还是其他手机
最近 开发了一个新的功能 就是让用户分别看到不同手机的类型展示不一样的内容 这样我们就来判断一下。
2024-07-25 10:17:41
692
原创 vue3小程序 中封装组件 但是想在页面中直接获取使用的话可以 通过这样的方式
我们经常会封装许多模那种 loading 或者toast 这种内容，如果在页面上大量写的话 也会感觉代码很乱 所以我们可以简单封装一个 vue2 版本 或者 vue3 版本。在页面中我们可以直接 this. shortToast('内容')在vue2中 我们将这个文件导入main.js 文件 中。在页面中 引用的时候 我们就是通过这样的方法。1. 创建一个 toast.js 文件。
2024-07-16 16:03:47
510
原创 uniapp微信小程序授权登录实现
我们小封装一个获取code 的方法 在页面中可以直接调用 封装在 js 中。我们在做小程序的时候用的最多的方式登录 就是原生的授权登录的功能。这个方法 也不是很难 首先我们要获取我们在小程序中的code值。把登录的要封装在一个单独的文件中，这样修改的时候，也方便修改。
2024-07-12 15:34:38
727
原创 vant 组件上拉加载
当我们在做订单页面 或者数据过多的时候，我们都要用到上拉加载的功能。因为我对上拉加载这个地方每次都写不好，然后今天突然上拉加载不好使 ，我就在网上找这个方法，找了很多都不行，我就试着改 没想到可以了 这样以后直接复制直接使用模板就可以了。
2024-07-03 13:45:59
634
原创 在 uniapp 中即使不用原生的 tabBar 也可以在页面上退出整个程序
因为在pages.json 中写原生的 tabBar 可以自动退出页面，如果要是封装一个底部栏 在页面上滑动就不会有这个问题。索引要在每个页面中加入一行这样的代码就可以实现这个功能。在main.js 中加入一行这样的代码。
2024-06-29 09:18:19
393
原创 封装一个不同小标题对应不同的文字颜色
我们在做列表渲染的时候 经常会根据额后端给的数据字典来判断属于什么 如果说文字都是一个颜色 我们可以不用判断，但是想么麻烦的 不能在页面每个都要判断 这样就太麻烦了 ，所以要封装一个类型。封装一个 style.js 文件。
2024-06-22 14:42:01
155
原创 H5 Audio 音频播放
这个就是我要做的功能，点击标题的时候，弹框展开 不播放，点击播放的时候，图片转动 这样的一个效果 然后那个播放的按钮会切换。好像现在很少有用 Audio ，因为现在好多都是小程序播放 ，所依我想用这个组件来写一个。
2024-06-22 14:22:49
230
原创 网页 H5 搭配 leaflet 图 展示地图 可以用图片覆盖地图
然后 要在index.html 引入外部资源 建议可以转化成自己的资源 因为外部的链接 会导致图片渲染很慢，感觉不是很好 ，还会限制图片的大小 ，图片建议不要很大 这样很容易出不来。因为公司想做一个 图片可以覆盖在地图上的方式，最开始的时候使用了 uniapp 中的map 组件，虽然也能覆盖， 但是功能不是很完善 ，很齐全， 然后就开始找各种的方法找到了这个。也是做好了之后，在嵌入在app 中。首先 我们要在安装包。
2024-06-22 13:56:52
460
原创 H5 引用高德地图 ，自定义颜色变化
然后点击自定义地图去编辑 选择样式，选择适合的样式，然后我们在发布就可以使用了 ，发布之后 会有个 amap:// 就是我们要引入在代码之中的。我们平时引入地图的时候，就是默认的颜色 ，但是如果自定义颜色 ，可以根绝类型来选择自己的颜色。申请完key 之后 我们可以找到 自定义地图。我们要去安装高德npm包。我们首先在高德开发者平台(这个就是通过 高德改的。
2024-06-22 13:35:26
976
1
原创 APP 换起支付宝支付功能
orderInfo 这个地方传递不是对象 ，而是参数的拼接 用&进行拼接 后端就可以拼接好 ，还要注意this 指向的问题，2. 然后我们可以根据后端的配置来进行操作 ，记住有几个小问题 ，要不然很容易出错。1. 最近在app 里面要用支付宝支付这样一个操作。
2024-06-22 13:16:01
630
2
原创 在uniapp 中 uni-popup 内容过多的时候 滚动不了的问题
我在用这个组件的时候，发现，限制一定的高度，如果内容太多，就会滚定不了，卡在哪里，如果不给高度，内容就会撑开满屏的状态，然后找了很多方法，也算找到了。
2024-05-18 14:22:38
1655
原创 封装一个原生快手小程序和抖音小程序 请求封装
快手原生就是 ks.request,抖音就死tt.request,老规矩可以直接使用，换一下接口地址就可以。
2024-05-14 15:35:23
420
1
原创 遇到页面卡顿的时候 数据加载不出来 或者进入另一个页面 给一个动画效果
在做网页的情况下 最头疼的时候就是页面优化的问题，如从A 页面跳转到B 页面的时候 ，B页面的数据还没有加载出来，这个时候用户的体验感 是非常不好的，所以我们要进行优化我们的代码。这样进入页面的时候 就会有一个加载的效果 ，这样就会丝滑 ，加载完数据也就显示出来了。1.首先创建一个加载动画的页面 loading.vue。2. 在创建一个引入loading 的界面。
2024-05-11 14:49:31
155
1
原创 登录鉴权方案
就是当token 失效的情况下，让他会跳入登录页，当没有登陆的时候，你点击任何一个页面的链接，都要跳转到的登陆页，当你登录了之后 ，不能再进入登录页。我们在一个项目中可能会有登录的功能，虽热登录鉴权不是什么特别的难点 ，但是我觉得，肯定会有用的上的。
2024-05-11 14:20:05
204
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人