- 博客(208)
- 收藏
- 关注
RSS订阅
原创 vue项目keep-alive返回记住滚动条位置
需求：点击首页列表进入二级页面，返回的时候保持在原位置。1:App.vue<template> <div id="app"> <!--页面返回不刷新--> <!-- // 缓存组件跳转的页面 --> <keep-alive> <router-view...
2019-12-21 16:35:08
2016
1
原创 vue2选项式和vue3组合式的区别
总的来说，Vue 3的组合式API提供了更强大和灵活的方式来组织和管理组件的逻辑，是现代Vue.js开发中的推荐方式。在Vue.js中，有两种主要的编写组件的方式：选项式API（Options API）和组合式API（Composition API）。这两种方式各有特点，适用于不同的开发场景和需求。组合式API是Vue 3中引入的一种新的API，它允许你将组件的逻辑拆分成更小的、可复用的函数。选项式API是Vue.js早期版本中主要使用的API，它通过一系列的选项来定义组件的行为，例如。
2025-11-27 10:48:30
394
原创 UniApp Vue3 开发鸿蒙（HarmonyOS）App 全流程指南
1、打开 DevEco Studio →「文件/File」→「项目结构/Project Structure」→「Modules」→ 选择项目 →「Signing Configs」。打开 HBuilderX → 顶部菜单栏「工具」→「插件安装」→ 搜索「HarmonyOS」→ 安装「UniApp 鸿蒙平台编译插件」和「DevEco Studio 集成插件」。配置鸿蒙离线SDK，下载并配置uni-app提供的鸿蒙离线SDK，以便在多个uni-app项目中编译到鸿蒙系统，同时避免冲突。
2025-11-26 17:20:56
853
原创 uniapp（安卓手机）使用内置Webview打开外部链接，外部页面有个返回按钮返回到uniapp
uniapp项目的页面：/pages/component/webview/webview.vue。
2025-07-30 13:47:49
226
原创 Module build failed: Error: ENOENT: no such file or directory, scandir ‘D:\project\Identi\node_modul
这个运行报错通常表示 Node Sass 在尝试读取或访问 node-sass 模块的 vendor 目录时未找到该目录。这可能是由于一些原因导致的问题，比如文件缺失或权限问题。
2025-07-25 10:38:38
336
原创 vue3项目使用【i18n-jsautotranslate】全网站一键翻译西班牙语、葡萄牙等（也适用vue2）
2、Vue I18n 本身并不提供自动翻译功能，需要结合第三方翻译API（如Google Cloud Translation API、Microsoft Translator API、DeepL API等）来实现自动翻译。3、SEO 优化：虽然 translate.js 对 SEO 友好，但在中译英时，DOM 节点内容仍为中文，需结合 i18n 使用以优化 SEO。2、DOM 刷新问题：当 DOM 内容刷新时，translate.js 不会自动翻译，需手动调用 translate.execute()。
2025-07-23 10:13:18
1173
原创 vue2使用v-viewer实现自动预览
发现v-viewer.static虽然不会一直初始化插件了，但是遇到新增/删除图片后 DOM 不刷新的问题，是因为静态绑定 (static) 只会在组件初始化时创建一次 Viewer 实例。要解决这个问题，需要手动管理 Viewer 的生命周期。有很多无用代码，仅做备份以便查找。我用的是1.7.4的版本。
2025-07-22 17:16:00
373
原创 vue2使用v-viewer图片预览：打开页面自动预览，禁止关闭预览，解决在微信浏览器的页面点击事件老是触发预览初始化的问题
本文介绍了如何在Vue项目中集成v-viewer图片预览组件。首先通过npm安装v-viewer和viewerjs依赖，然后在main.js中全局注册并配置可选参数（如层级、工具栏显示等）。代码示例展示了一个移动端图片预览页面，包含导航栏和底部抽屉菜单功能。重点解决了微信浏览器中点击事件触发预览初始化的问题，通过配置backdrop: 'static'禁止点击阴影关闭预览。组件提供了图片切换、获取当前索引等功能，并自定义了移动端样式的预览窗口和底部抽屉。
2025-07-21 17:55:36
544
原创 element-MessageBox 弹框组件 调整按钮位置（确认在左，取消在右）、删除场景回车调取消事件，默认调确认事件
组件默认焦点在确定按钮，尝试改变焦点到取消按钮，结果均无效！只能通过下列方法进行‘拦截’了。
2025-06-11 15:15:59
353
原创 使用Node.js分片上传大文件到阿里云OSS
以上分片上传完整示例调用的方法multipartUpload中封装了初始化分片上传、上传分片以及完成分片上传三个API接口。如果您希望分步骤实现分片上传，请依次调用.initMultipartUpload、.uploadPart以及.completeMultipartUpload方法。视频还在审核，后续补充。视频还在审核，后续补充。
2025-06-05 11:43:52
1273
转载 npm run build报错primordials is not defined
删除文件gulp.ps1文件：C:\Users\D\AppData\Roaming\npm\gulp.ps1。或用管理员身份打开：Windows Powershell;修改的原因是：gulp 4.0的语法跟以往版本不同。修改前的gulpfile.js。修改后的gulpfile.js。到目前为止 编译打包成功！如果gulp -v显示报错。win10遇到的一些问题。策略选择：选择Y 或者A。
2025-03-28 13:47:13
220
原创 禁止F12调试网页，【Devtools-Detector】检测是否打开了【开发者工具】
1、Devtools-Detector 是一个轻量级的JavaScript库，用于检测浏览器的开发者工具（DevTools）是否已打开。当你希望在前端应用中阻止或监控用户进行调试操作时，这个库非常实用。它支持多种浏览器，包括IE9及以上的版本，并提供了简单的API供开发者调用。2、使用npm安装Devtools-Detector。
2025-03-25 10:46:37
584
转载 jq单独的窗口且同级iframe之间获取元素和变量方法
的元素就可以用：类似的，取其它窗口的方法大同小异。1、子窗口获取父窗口的元素方法、变量方法。
2024-09-14 15:44:57
239
原创 Android studio 打包apk 配置LivePusher直播功能
Android studio 打包apk 配置LivePusher直播功能
2024-09-03 10:23:43
411
转载 input[type=number]下禁止输入e、+、-
输入框有自带的上下箭头，即input[type=number]实际上为步距输入框也就是计数器…会有自带的样式，顺带下面附上解决方案…输入框input[type=number]能输入的e = 2.71828…
2024-08-17 14:26:00
357
转载 js判断浏览器窗口（选项卡）的关闭与刷新
从上面的分析中，发现关闭与刷新都会走onbeforeunload与onunload，如果我们认为用这两个方法无法区分关闭与刷新事件，那就大错特错了，正因为关闭与刷新事件都会走onbeforeunload与onunload，所以我们利用了一个关键点就能区分出这两种，那就是：时间差。业务要求：仅关闭窗口的时候清掉存在cookie的token，刷新的时候不触发。这个方法是监听浏览器右上角的关闭事件的，我想要的是选项卡的关闭与刷新事件，下面我们先来分析一下关闭窗口相关的几个方法。
2024-05-13 11:26:36
315
转载 JS/jquery获取iframe内部元素和ifame中获取外部元素精华
【代码】JS/jquery获取iframe内部元素和ifame中获取外部元素精华。
2024-02-26 16:36:39
945
转载 用JS进行Base64编码、解码
if IE] 表示所有IE浏览器，由于IE10+浏览器已经放弃了著名的IE条件注释的支持，Chrome等浏览器本身就不支持这个IE私有语法，因此，很天然的，上面一段script引入只在IE9-浏览器下有效。也就是原生支持atob和btoa方法的浏览器认为就是一段无需关心的HTML注释，不支持atob和btoa的IE9及其以下浏览器则会加载我们的base64-polyfill.js，使浏览器也支持 window.btoa 和 window.atob 这个语法。方法名就是 atob 和 btoa；
2024-02-26 16:34:06
360
转载 div,contenteditable编辑器之ctrl+enter换行，enter发送
【代码】div,contenteditable编辑器之ctrl+enter换行，enter发送。
2024-02-26 13:44:40
359
转载 flex布局：垂直、水平方向-自动填充满剩余空间
常见的flex布局中，可设置flex:1,相当于设置父盒子display:flex,即伸缩布局，flex为1，是子盒子占了一份，自动放大填满剩余的空间。2.flex:0 0 auto,等同于flex:none,子元素的长度决定它的长度，当整体空间不足时，它也不会缩小，有剩余空间也不放大。假设页面高度为100%，第一部分的高度为200rpx,那么剩余的部分填充满剩余空间。1.flex:1,也就是flex-grow:1,也就是上面说的自动放大填充满剩余空间，若有其他子盒子设置flex，则平分。
2024-02-22 17:28:15
10289
转载 js判断一组数字是否连续,得到一个临时数组[[3,4],[13,14,15],[17],[20],[22]]；
【代码】js判断一组数字是否连续,得到一个临时数组[[3,4],[13,14,15],[17],[20],[22]];
2023-09-24 14:22:37
272
转载 uni-app 兼容安卓使用 uni.chooseImage，打印结果没有tempFiles，取不到文件名称
在这里插入图片描述](https://img-blog.csdnimg.cn/dedb265509794ec1af4f0b1e66233842.png。
2023-08-12 15:31:55
1074
转载 Uniapp——App离线本地存储方案
有人问三方清理工具清理垃圾会不会造成某些数据丢失，这个可能性是存在的，但概率并不高，取决于清理软件会不会分析你的存储数据里哪些是可以清除的垃圾数据。除了OS的清理工具外，一般没有root权限的清理工具是拿不到除了plus.io外的你的app的存储数据的。uni-app的Storage在不同端的实现不同，uni.storage在app侧，映射为plus.storage；1、图片下载不通过img的src，而是plus.dowload下载的，先下载图片，存好路径后，然后img的src动态指定文件路径。
2023-06-17 11:06:00
3142
转载 uni-app 中模拟器真机运行app
执行命令后打开hbuilder点击运行到手机或者模拟器->运行到Andriod App基座就可以看到模拟器设备了，看到别人每次打开hbuilderX都能看到设备，我的看不到设备，但是可以运行并打开模拟器。第三步：找到HbuilderX的安装目录，查找adb.exe文件，复制serve.exe所在文件目录的路径，配置到环境变量的Path中。直接点击安装就行了，要注意的一点就是如果你c盘小一定要切换路径，我的足够了就直接默认了。第四步:安装好模拟器后就在HbuilderX中进行配置，如下图。
2023-06-16 13:56:20
829
3
转载 动态引入JS和css文件，并增加版本号
在我们进行前端过程中，js文件引入后如果进行了修改那么历史网页就会对原来的js文件进行缓存，为了解决手工清除缓存的工作，计划引入动态加载js文件，并在加载过程中增加版本号的概念；这样就解决了js缓存的问题，如果版本相同则采用缓存否则加载最新的文件，同步也解决了性能的问题；//同步引入js和css问题，要求js文件和css文件名称和所在地址必须相同。
2023-06-13 10:00:45
1419
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人