- 博客(197)
- 收藏
- 关注
RSS订阅
原创 vue项目keep-alive返回记住滚动条位置
需求：点击首页列表进入二级页面，返回的时候保持在原位置。1:App.vue<template> <div id="app"> <!--页面返回不刷新--> <!-- // 缓存组件跳转的页面 --> <keep-alive> <router-view...
2019-12-21 16:35:08
1915
1
转载 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
45
原创 禁止F12调试网页，【Devtools-Detector】检测是否打开了【开发者工具】
1、Devtools-Detector 是一个轻量级的JavaScript库，用于检测浏览器的开发者工具（DevTools）是否已打开。当你希望在前端应用中阻止或监控用户进行调试操作时，这个库非常实用。它支持多种浏览器，包括IE9及以上的版本，并提供了简单的API供开发者调用。2、使用npm安装Devtools-Detector。
2025-03-25 10:46:37
147
转载 jq单独的窗口且同级iframe之间获取元素和变量方法
的元素就可以用：类似的，取其它窗口的方法大同小异。1、子窗口获取父窗口的元素方法、变量方法。
2024-09-14 15:44:57
148
原创 Android studio 打包apk 配置LivePusher直播功能
Android studio 打包apk 配置LivePusher直播功能
2024-09-03 10:23:43
329
转载 input[type=number]下禁止输入e、+、-
输入框有自带的上下箭头，即input[type=number]实际上为步距输入框也就是计数器…会有自带的样式，顺带下面附上解决方案…输入框input[type=number]能输入的e = 2.71828…
2024-08-17 14:26:00
276
转载 js判断浏览器窗口（选项卡）的关闭与刷新
从上面的分析中，发现关闭与刷新都会走onbeforeunload与onunload，如果我们认为用这两个方法无法区分关闭与刷新事件，那就大错特错了，正因为关闭与刷新事件都会走onbeforeunload与onunload，所以我们利用了一个关键点就能区分出这两种，那就是：时间差。业务要求：仅关闭窗口的时候清掉存在cookie的token，刷新的时候不触发。这个方法是监听浏览器右上角的关闭事件的，我想要的是选项卡的关闭与刷新事件，下面我们先来分析一下关闭窗口相关的几个方法。
2024-05-13 11:26:36
237
转载 JS/jquery获取iframe内部元素和ifame中获取外部元素精华
【代码】JS/jquery获取iframe内部元素和ifame中获取外部元素精华。
2024-02-26 16:36:39
728
转载 用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
268
转载 div,contenteditable编辑器之ctrl+enter换行，enter发送
【代码】div,contenteditable编辑器之ctrl+enter换行，enter发送。
2024-02-26 13:44:40
275
转载 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
8355
转载 js判断一组数字是否连续,得到一个临时数组[[3,4],[13,14,15],[17],[20],[22]]；
【代码】js判断一组数字是否连续,得到一个临时数组[[3,4],[13,14,15],[17],[20],[22]];
2023-09-24 14:22:37
239
转载 uni-app 兼容安卓使用 uni.chooseImage，打印结果没有tempFiles，取不到文件名称
在这里插入图片描述](https://img-blog.csdnimg.cn/dedb265509794ec1af4f0b1e66233842.png。
2023-08-12 15:31:55
940
转载 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
2926
转载 uni-app 中模拟器真机运行app
执行命令后打开hbuilder点击运行到手机或者模拟器->运行到Andriod App基座就可以看到模拟器设备了，看到别人每次打开hbuilderX都能看到设备，我的看不到设备，但是可以运行并打开模拟器。第三步：找到HbuilderX的安装目录，查找adb.exe文件，复制serve.exe所在文件目录的路径，配置到环境变量的Path中。直接点击安装就行了，要注意的一点就是如果你c盘小一定要切换路径，我的足够了就直接默认了。第四步:安装好模拟器后就在HbuilderX中进行配置，如下图。
2023-06-16 13:56:20
767
3
转载 动态引入JS和css文件，并增加版本号
在我们进行前端过程中，js文件引入后如果进行了修改那么历史网页就会对原来的js文件进行缓存，为了解决手工清除缓存的工作，计划引入动态加载js文件，并在加载过程中增加版本号的概念；这样就解决了js缓存的问题，如果版本相同则采用缓存否则加载最新的文件，同步也解决了性能的问题；//同步引入js和css问题，要求js文件和css文件名称和所在地址必须相同。
2023-06-13 10:00:45
1280
转载 使用uniapp实现全局悬浮按钮(可拖动)
使用uniapp官方组件 movable-area和movable-view。组件生成后可mian.js全局挂载，后续不需要每个页面都进行引入。全局挂载后可在需要使用的页面使用。
2023-04-04 09:53:47
3504
转载 遮罩层出现后不能滚动 添加事件@touchmove.prevent 移动端中的坑和 vue中事件修饰符详解(stop, prevent, self, once, capture, passive)
是将事件设置为只执行一次,如 .click.prevent.once 代表只阻止事件的默认行为一次,当第二次触发的时候事件本身的行为会执行。-.self 只响应当前元素自身触发的事件，不会响应经过冒泡触发的事件，并不会阻止冒泡继续向外部触发。：是阻止冒泡行为,不让当前元素的事件继续往外触发,如阻止点击div内部事件,触发div事件。：是只有是自己触发的自己才会执行,如果接受到内部的冒泡事件传递信号触发,会忽略掉这个信号。：是改变js默认的事件机制,默认是冒泡,capture功能是将冒泡改为倾听模式。
2023-03-08 13:53:50
1215
原创 uniapp实现微信H5扫码
在uni-app官网上发现uni-app不支持H5扫码功能,但是下面的提示说明可以通过微信的JS-SDK实现扫码功能,下面这篇文章主要给大家介绍了关于uniapp实现微信H5扫码功能的完整步骤,需要的朋友可以参考下。借鉴：https://www.jb51.net/article/267540.htm。首先打开uniapp官网，发现uni-app不支持H5扫码。but，继续往下看：引用微信的SDK去实现扫码。1.下载js文件，直接引入到项目里。2.通过npm安装，按需引入。
2023-02-25 14:30:00
4857
3
转载 Uniapp input输入框实现自动选中
Uniapp 实现 input 输入框聚焦的时候使用 selectionStart 和 selectionEnd 方式实现不生效，可以使用 renderjs 的方式进行实现，注意：renderjs是一个运行在视图层的js。它比WXS更加强大。它只支持app-vue和web。
2023-02-24 09:43:15
2536
2
转载 史上最全flex兼容写法整理
justify-content-space-between 设置主轴元素均分且紧贴两边。align-content-between 与交叉轴两端对齐，轴线之间的间隔平均分布。justify-content-space-around 设置主轴元素均分。align-content-center 与交叉轴的中点对齐。align-content-start 与交叉轴的起点对齐。align-content-end 与交叉轴的终点对齐。align-items-center 设置侧轴居中对齐。
2023-02-16 16:43:46
748
转载 一些常见的移动端适配方案
假如设置了根元素 html 的 font-size 为 18px，那么 1rem 等于 18px，rem 的大小会随着根元素 html 的 font-size 的改变而改变。rem 方案就是利用了这一点，根据不同的屏幕尺寸，来设置不同的根元素 html 的 font-size 的大小，以此来达到适配不同屏幕尺寸的目的。当我们的设计稿宽度是 750px 时，1vw 就等于 7.5px。目前比较推荐的移动适配方案是 rem&vw，了解其中的适配原理对于前端而言是非常重要的，相关问题也经常出现在面试题中。
2023-02-01 14:40:58
532
转载 文件下载的正确打开方式
这里主要的逻辑是当我们的请求成功后，我们会拿到响应体的response，这个response就是我们要下载的内容，然后我们把它转换成blob对象，然后通过URL.createObjectURL来创建一个url，然后通过a标签的download属性来实现文件下载。它的作用是指定下载的文件名，如果不指定，那么下载的文件名就会根据请求内容的Content-Disposition来确定，如果没有Content-Disposition，那么就会使用请求的URL的最后一部分作为文件名。的，对比于a标签，这种方式。
2023-02-01 14:36:04
311
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人