- 博客(37)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 uni.navigateBack 默认返回失败之后会自动刷新页面问题
该代码片段实现了一个处理关闭按钮点击的逻辑：当存在可返回页面时调用uni.navigateBack返回上一页；若没有历史页面则执行浏览器后退操作。通过getCurrentPages()获取页面栈长度判断，避免uni.navigateBack在返回失败时自动刷新页面。适用于Web端的页面导航控制。
2025-09-08 16:29:34
98
原创 uni-app app端安卓和ios如何申请麦克风权限，唤起提醒弹框
本文封装了一个跨平台的权限管理模块，支持iOS和Android系统。主要功能包括：1）判断推送、定位、麦克风、相机、相册等8种权限状态；2）Android权限动态申请与查询；3）跳转系统权限设置界面；4）检查设备定位服务是否开启。代码通过原生API调用实现权限检测，iOS使用AVFoundation、CoreLocation等框架，Android采用PackageManager机制。特别处理了权限被拒时的用户引导，包括临时拒绝和永久拒绝的不同场景。模块采用统一接口judgeIosPermission()简化
2025-08-11 18:56:25
4526
2
原创 uni-app修改scroll-view的默认滚动条样式
摘要：这段代码实现了一个可滚动视图(.todo-content)的自定义样式，主要针对H5平台隐藏默认滚动条并替换为更美观的样式。通过CSS伪元素::-webkit-scrollbar设置4px宽的透明轨道，使用半透明黑色滑块(0.2不透明度)，悬停时加深至0.3不透明度，并添加了0.2秒的过渡动画。代码使用条件编译(#ifdef H5)确保样式仅应用于H5环境，保持其他平台的原生滚动条样式。
2025-08-01 11:38:46
135
原创 uni-app 配置华为离线推送流程
摘要：本文详细介绍了为华为设备配置离线推送服务的完整流程。首先需注册华为开发者账号，在AppGalleryConnect创建应用；其次通过JDK工具生成签名证书并配置到应用中；然后在DCloud后台设置厂商推送信息；接着在华为后台激活推送服务并申请消息分类权益；最后调整推送代码兼容华为离线推送。文章提供了从账号注册、证书生成到推送功能配置的一站式指导，并附有相关文档参考链接。（149字）
2025-07-17 12:07:59
700
原创 uni-app uni-push 2.0推送图标不展示问题
本文总结了uni-app配置推送图标时无法在真机展示的两个常见问题：1) 图标必须使用.png格式；2) 需要将图标文件存放在正确路径。虽然uni-app官网提供了配置示例，但未明确说明具体存放位置，导致开发者容易踩坑。建议严格遵循.png格式要求，并仔细核对图标存放路径以确保推送功能正常显示。
2025-07-09 15:37:50
246
原创 uni-app ios离线推送，推送后点击推送的链接进入程序后再次回到桌面，无法消除app的角标问题
摘要：本文介绍了使用HTML5+ API清理应用角标的方法，适用于iOS和Android平台。通过调用plus.runtime.setBadgeNumber(0)清除角标数字，以及plus.push.clear()清空所有推送消息。代码置于APP-PLUS条件编译中，建议在app的onShow生命周期调用。异常处理机制可捕获并输出错误信息，确保功能稳定性。该方法简洁高效，是处理移动应用通知角标的实用解决方案。
2025-07-09 15:30:31
280
原创 uni-app使用App Uploader ios 环境 云打包流程
iOS应用打包部署指南摘要：本文介绍了iOS应用打包部署的关键步骤和注意事项。主要内容包括：1）打包所需材料：BundleID、证书私钥密码、信任文件和私钥证书；2）使用HBuilder云打包获取ipa文件并通过爱思助手安装；3）推荐使用AppUploader工具（有7天试用期）生成证书和描述文件；4）特别提醒：开发推送功能或上架AppStore需688元/年的开发者账号；5）常见问题：证书类型必须选择AppStoreandAdHoc，避免开发类型证书。文章还提供了工具下载地址和开发者中心链接。
2025-06-17 15:56:45
379
原创 uni-app页面发布测试环境出现连接服务器超时，点击屏幕重试解决方案
摘要：针对用户访问网站时因缓存路由映射导致页面加载失败的问题，提出了两种解决方案。重点介绍了通过代码捕捉错误的方式：1) 在App.vue中通过onError捕获错误并调用版本检测；2) versionChecker.js实现版本比对逻辑，当检测到版本不一致时强制刷新页面；3) version.js管理应用版本号，每次发布需更新版本号。该方法在出现服务器连接超时时，通过全局错误处理自动触发刷新机制，确保用户获取最新版本。方案避免了缓存导致的404问题，同时实现了版本更新提示功能。
2025-06-09 09:45:16
1155
原创 vue3 +uni-app模仿豆包固定导航入口，可拖拽，兼容PC端和移动端
摘要： 该代码实现了一个跨平台的悬浮客服组件，支持PC端和移动端适配。主要功能包括：1) 智能判断设备类型，PC端使用div标签并支持鼠标拖拽，移动端使用view标签支持触摸拖拽；2) 拖拽功能包含边界检测，防止组件移出视口；3) 自动保存组件位置到本地存储，并在页面切换时保持位置；4) 点击跳转AI聊天页面的交互逻辑。组件采用uniapp框架开发，通过事件总线实现跨页面位置同步，并针对不同平台做了差异化处理。
2025-06-04 17:30:18
265
原创 uni-app+vue3 H5 +app 实现打字机效果 任务生成等
【代码】uni-app+vue3 H5 +app 实现打字机效果 任务生成等。
2025-04-24 16:33:08
235
原创 程序员兼职接单平台
开源众包–专业的软件众包平台，350万+ 优质开发者为您提供网站、APP、微信/小程序、企业应用等软件开发服务，有效降低企业 IT 软件开发成本、解决技术资源不足等问题。猿急送为您提供兼职程序员，兼职工程师信息，猿急送是一个高级技术共享平台，是优质的程序员兼职网站，这里汇聚 BAT 等知名互联网公司的技术开发、产品、设计大牛。猪八戒网企业外包服务，中国领先的灵活用工平台，其中服务品类涵盖LOGO设计、UI设计、营销推广、网站建设、装修设计、工业设计、文案策划、知识产权的服务。
2024-02-21 15:45:47
531
原创 vue3 vite 项目中 使用pinia 动态更新持久化存储persist
1、我的目的，我需要在pinia 中调用了actions 的方法后动态的去更新userState持久化存储。2、调用pinia中的$patch方法。
2024-01-30 11:50:39
1021
原创 2023年度总结
项目经验与成果：回顾一年中参与的项目，总结其中遇到的问题，以及自己在其中发挥的作用和贡献。技术学习与提升：回顾一年中所学习和掌握的技术，并寻找提高的空间。团队协作与交流：回顾与团队成员的沟通和协作，查找自己在其中的优缺点，同时也可以思考如何更好地与团队成员合作，提高自己的沟通和领导能力。个人成长与规划：回顾自己在过去一年中的成长和进步，思考自己的职业规划和发展方向，以及如何提高自己的综合素质和认知能力。工具和资源：回顾自己在过去一年中所使用的工具和资源，看是否需要升级或替换，以提高自己的效率和工作质量。
2024-01-23 17:33:27
432
原创 vue2 实现一个动态电池组件
1.遇到一个H5的展示电量百分比的需求。4.根据需求封装一个动态电池组件。2.其中充电中时动态展示充电中。3.离线时候展示电量百分比。
2023-08-03 11:57:06
1500
原创 vue2 及 nuxt 项目中 pc 端分辨率兼容适配问题
之前的分辨率兼容我们总是想着px转换为rem,我觉得这个方案只适应与手机端。2.vue2pc端项目中---同上改下配置就可以了，具体步骤百度--记录。3.兼容各种浏览器ie除外谷歌、360、欧鹏、火狐等。2.此方案是将项目中写的px单位转换为vw和vh。那么pc如何适配以记录在下面。1.nuxt pc端项目中。
2023-04-25 11:55:53
729
原创 前端开发的一些插件汇总
插件parallel.js: 前后端通用的一个并行库zepto: 用于现代浏览器的兼容 jQuery 的库totoro: 稳定的跨浏览器测试工具TheaterJS: 一个用于模拟人输入状态的 JS 库stellar.js: 前端用于实现异步滚动效果的库，现已不再维护skrollr: 另一款实现一步滚动的开源库，使用人数众多，可实现各种狂拽酷炫掉渣天的前端效果，看真相Framework7: 前端框架，是开发人员可以基于 web 技术构建 IOS7 程序regulex: 用于生成 正则表达式 的可视化流程图
2022-04-07 21:50:53
8866
原创 【前端企微开发流程】-企业微信-创建应用-开发-调试-发布
创建应用概述在企业微信中，企业应用分为基础应用、第三方应用及自建应用基础应用：企业微信本身自带的应用 第三方应用：由第三方服务商提供的办公应用套件，管理员可根据企业办公需要选择安装 自建应用：根据需求进行定制化，是目前所采用的方式创建应用进入企业微信管理后台，【应用管理】>【自建】>【+ 创建应用】完成应用logo/应用名称/应用介绍/可见范围等基本设置，点击“创建应用”按钮，完成应用创建配置应用1. 企业微信应用配置创建应用后，就直接进入该应用的配置页
2022-02-11 15:02:19
5122
3
原创 1.VUE 开发中遇到的一些问题
// 监听--对象属性值-可以是父子穿值===immediate这样使用watch时有一个特点，就是当值第一次绑定的时候，不会执行监听函数，只有值发生改变才会执行。如果我们需要在最初绑定值的时候也执行函数，则就需要用到immediate属性。比如当父组件向子组件动态传值时，子组件props首次获取到父组件传来的默认值时，也需要执行函数，此时就需要将immediate设为true rowtablePolicyDetails: { handler(newVal, old) { .
2021-12-07 22:48:45
741
原创 vue总结--axios 封装几种请求
.--axios--在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御cSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护，直接推荐我们使用axios库。如果还对axios不了解的，可以移步axios文档。- http://www.axios-js.com/1.安装 npm install axios.
2021-10-15 15:41:18
569
2
原创 前端开发学习路线
1.Vuex的如何使用1.先创建一个store文件夹/里面创建一个index.js2.在 index.js 导入Vue和Vuex导完Vuex记得Vue.use(Vuex)一下3.导入一个新的Vuex实例export default new Vuex.Store({})4.index.js代码如下直接c+v 1-state:写我们的数据类似于vue中的data 2-mutations写方法类似于vue中的methods 3-actions写异步操作方法定时器等。。 4-..
2021-10-08 16:49:36
124
原创 数组的一些方法
1. 数组头部插入数据 数据头部插入数据，你是否还在用JS提供的unshift()方法 let arr = [1,2,3] arr.unshift('我是头部插入的数据') console.log(arr) // => ['我是头部插入的数据', 1, 2, 3] 现在21世纪了，得用新的思路去解决问题，考虑到性能的问题，现在我们可以采用以下的办法实现数组插入数据 let arr = [1,2,3] let newArr = ['haha'].concat(arr) .
2021-10-08 14:45:20
4045
1
原创 工作中遇到的一些问题
1.使用el-table 插槽的时候出现了插槽失效问题,slot-scope="scope"我是用的v-show结果每次template组件渲染不会重新编译<el-table-column prop="totalSo" :label="$t('semsVue.Homepagec.SO')"> <template slot-scope="scope" v-if="(scope.row.totalSo > 0)"> <div>{{scope
2021-09-28 21:44:00
612
原创 js-如何修改对象或者数组中的属性。正则表达式
假设，我们从后端取回来的Json对象数据中，有某些属性名不是我们想要的，就需要给它们重新命名。// array为数组，old_name为修改前属性名，new_name为修改后属性名JSON.parse(JSON.stringify(array).replace(/old_name/g, 'new_name')) 1.JSON.stringify() 把json对象 转成 json字符串2.使用正则的 replace() 方法替换属性名3.JSON.parse() 再把json字符串 转成 js.
2021-09-28 21:32:05
1329
原创 vue实现路由传参-复杂数据类型传参--query
query--点击传递参数父页面传递子页面---userCoustomer(item){this.$router.push({path:"/customerdetai",query:{customerCode:item.customerCode}});},子页面通过@route.query接收弊端：传递的参数会显示在url路径上...
2021-09-15 21:54:33
1010
1
原创 vue 项目移动端 ios 安卓 pc端适配 实现一个底部tab栏
1.安装插件可适配移动端- npm i lib-flexible -- save-dev2.在main.js中引入 lib-flexibl 1.安装px2rem loadernpm install px2rem-loader --save-dev2.配置px2rem-loader 在build文件中找到util.js，将px2rem-loader添加到cssLoaders中，如： 3.同时，在generateLoaders方法中添加px2r...
2021-09-15 21:13:52
1830
原创 前端须知-缓存机制-浏览器的执行过程
1.从输入网址按回车到页面显示内容的具体过程？答：DNS解析 什么是DNS解析？这个权衡就是一个网址到IP地址的转换，详细原理就去百度，意思就是翻译的意思DNS优化了解了DNS的过程，可以为我们带来哪些？上文中请求到google的IP地址时，经历了8个步骤，这个过程中存在多个请求(同时存在UDP和TCP请求，为什么有两种请求方式，请自行查找)如果每次都经过这么多步骤，是否太耗时间？如何减少该过程的步骤呢？那就是DNS缓存。DNS缓存DNS存在着多级缓...
2021-08-06 10:47:08
215
原创 如何兼容webpack老项目？及sass和less配置-cnpm配置
1.npm rebuild node-sass 找不到sass文件报错就安装sass-node 2.npm i [email protected] --ignore-scripts 兼容老版本项目的webpack3.npm install [email protected] --ignore-scripts4.npm uninstall imagemin-webpack-plugin 卸载webpack5.yarn...
2021-08-03 15:10:11
592
原创 git 回滚-冲突-合并-工作流-
工作区：即自己当前分支所修改的代码，git add xx 之前的！不包括 git add xx 和 git commit xxx 之后的。暂存区：已经 git add xxx 进去，且未 git commit xxx 的。本地分支：已经git commit -m xxx 提交到本地分支的。一般简单的流程： 1: git pull 先把代码从远程pull下来以防止你的同事更新了代码，你又上传了代码，造成冲突！ 2: git add . 添加当前目录下的所有文件到暂存区： .
2021-07-16 00:42:31
1507
原创 如何在Visual Studio Code和HBuilder编写微信小程序
1.首先在小程序开发工具中把项目搭建好。2.使用Visual Studio Code。3.安装vscode weapp api，这是小程序的语法结构api插件。4.接着安装vscode wxml这个插件，主要是针对wxml文件的。5.接着继续搜索安装vscode-wechat这个插件。6.安装一下Easy WXLESS，是针对wxss文件。6.安装好插件以后，我们直接在vscode里面编辑小程序项目，保存即可同步到小程序开发工具中。...
2021-06-29 22:04:43
3352
原创 原型链的继承
今天面试被问到原型原型链说是说出来了，但是不知道其原理，很难受，问我工作中哪些地方用到了原型链？原型链实现继承 1，私有属性继承 通过子类构造函数调用父类构造函数用call来改变this指向。 //子类 function studet(num,name){ peerson.call(this.name) this.name=num // 让子类构造函数调用父类并且用call改变父类this指向指向子类实例 } /
2021-04-24 09:31:36
259
如何实现原生滚动条呢？面试题求大佬实现
2021-04-24
TA创建的收藏夹 TA关注的收藏夹
TA关注的人