自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(195)
  • 收藏
  • 关注

原创 vue项目keep-alive返回记住滚动条位置

需求:点击首页列表进入二级页面,返回的时候保持在原位置。1:App.vue<template> <div id="app"> <!--页面返回不刷新--> <!-- // 缓存组件跳转的页面 --> <keep-alive> <router-view...

2019-12-21 16:35:08 1871 1

转载 jq单独的窗口且同级iframe之间获取元素和变量方法

的元素就可以用:类似的,取其它窗口的方法大同小异。1、子窗口获取父窗口的元素方法、变量方法。

2024-09-14 15:44:57 45

原创 jq 可编辑的div回车换行 在光标处插入换行

【代码】jq 可编辑的div回车换行 在光标处插入换行。

2024-09-12 09:34:29 162

原创 Android studio 打包apk 配置LivePusher直播功能

Android studio 打包apk 配置LivePusher直播功能

2024-09-03 10:23:43 264

原创 js设置弹出式独立窗口页面,和 window 的方法

【代码】js设置弹出式独立窗口页面,和 window 的方法。

2024-08-20 09:57:53 374

转载 input[type=number]下禁止输入e、+、-

输入框有自带的上下箭头,即input[type=number]实际上为步距输入框也就是计数器…会有自带的样式,顺带下面附上解决方案…输入框input[type=number]能输入的e = 2.71828…

2024-08-17 14:26:00 85

原创 jquery div触发粘贴事件

jquery div触发粘贴事件

2024-08-14 09:43:08 162

转载 js保持文本格式(换行符等)复制到粘贴板

【代码】js保持文本格式(换行符等)复制到粘贴板。

2024-07-20 11:37:33 99

转载 js 数组通过时间排序

【代码】js 数组通过时间排序。

2024-06-25 09:09:51 741

转载 js判断浏览器窗口(选项卡)的关闭与刷新

从上面的分析中,发现关闭与刷新都会走onbeforeunload与onunload,如果我们认为用这两个方法无法区分关闭与刷新事件,那就大错特错了,正因为关闭与刷新事件都会走onbeforeunload与onunload,所以我们利用了一个关键点就能区分出这两种,那就是:时间差。业务要求:仅关闭窗口的时候清掉存在cookie的token,刷新的时候不触发。这个方法是监听浏览器右上角的关闭事件的,我想要的是选项卡的关闭与刷新事件,下面我们先来分析一下关闭窗口相关的几个方法。

2024-05-13 11:26:36 123

原创 viewer.js使用(动态图片没及时刷新问题、过滤部分图片)

【代码】viewer.js使用(动态图片没及时刷新问题、过滤部分图片)

2024-03-12 14:19:15 532

原创 图片Base64转换为文件流file

【代码】图片Base64转换为文件流file。

2024-03-10 16:42:51 1314

原创 jq / vue 图片直传阿里云

【代码】jq / vue 图片直传阿里云。

2024-02-27 14:24:08 640

转载 JS/jquery获取iframe内部元素和ifame中获取外部元素精华

【代码】JS/jquery获取iframe内部元素和ifame中获取外部元素精华。

2024-02-26 16:36:39 430

转载 用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 214

转载 div,contenteditable编辑器之ctrl+enter换行,enter发送

【代码】div,contenteditable编辑器之ctrl+enter换行,enter发送。

2024-02-26 13:44:40 206

转载 js数组置顶元素(将某一项移到首位)

【代码】js数组置顶元素(将某一项移到首位)

2024-02-26 13:37:34 523

转载 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 5091

转载 js判断一组数字是否连续,得到一个临时数组[[3,4],[13,14,15],[17],[20],[22]];

【代码】js判断一组数字是否连续,得到一个临时数组[[3,4],[13,14,15],[17],[20],[22]];

2023-09-24 14:22:37 208

原创 限制input只能输入正整数

【代码】限制input只能输入正整数。

2023-09-12 17:20:03 460

转载 uni-app 压缩图片(app&H5)

【代码】uni-app 压缩图片(app&H5)

2023-08-14 13:50:04 621

转载 uni-app 兼容安卓使用 uni.chooseImage,打印结果没有tempFiles,取不到文件名称

在这里插入图片描述](https://img-blog.csdnimg.cn/dedb265509794ec1af4f0b1e66233842.png。

2023-08-12 15:31:55 750

转载 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 2735

转载 app端部分机型关于使用flex的兼容适配

父元素设为display:flex;没有问题,但子元素flex:1这种标注在safari中不能用!

2023-06-17 09:30:14 232

转载 uni-app 中模拟器真机运行app

执行命令后打开hbuilder点击运行到手机或者模拟器->运行到Andriod App基座就可以看到模拟器设备了,看到别人每次打开hbuilderX都能看到设备,我的看不到设备,但是可以运行并打开模拟器。第三步:找到HbuilderX的安装目录,查找adb.exe文件,复制serve.exe所在文件目录的路径,配置到环境变量的Path中。直接点击安装就行了,要注意的一点就是如果你c盘小一定要切换路径,我的足够了就直接默认了。第四步:安装好模拟器后就在HbuilderX中进行配置,如下图。

2023-06-16 13:56:20 714 3

转载 动态引入JS和css文件,并增加版本号

在我们进行前端过程中,js文件引入后如果进行了修改那么历史网页就会对原来的js文件进行缓存,为了解决手工清除缓存的工作,计划引入动态加载js文件,并在加载过程中增加版本号的概念;这样就解决了js缓存的问题,如果版本相同则采用缓存否则加载最新的文件,同步也解决了性能的问题;//同步引入js和css问题,要求js文件和css文件名称和所在地址必须相同。

2023-06-13 10:00:45 1168

转载 给引入页面的js和css资源加上版本号,防止浏览器缓存资源

【代码】给引入页面的js和css资源加上版本号,防止浏览器缓存资源。

2023-06-13 09:57:47 793

转载 使用uniapp实现全局悬浮按钮(可拖动)

使用uniapp官方组件 movable-area和movable-view。组件生成后可mian.js全局挂载,后续不需要每个页面都进行引入。全局挂载后可在需要使用的页面使用。

2023-04-04 09:53:47 3183 1

转载 遮罩层出现后不能滚动 添加事件@touchmove.prevent 移动端中的坑和 vue中事件修饰符详解(stop, prevent, self, once, capture, passive)

是将事件设置为只执行一次,如 .click.prevent.once 代表只阻止事件的默认行为一次,当第二次触发的时候事件本身的行为会执行。-.self 只响应当前元素自身触发的事件,不会响应经过冒泡触发的事件,并不会阻止冒泡继续向外部触发。:是阻止冒泡行为,不让当前元素的事件继续往外触发,如阻止点击div内部事件,触发div事件。:是只有是自己触发的自己才会执行,如果接受到内部的冒泡事件传递信号触发,会忽略掉这个信号。:是改变js默认的事件机制,默认是冒泡,capture功能是将冒泡改为倾听模式。

2023-03-08 13:53:50 1129

原创 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 4380 1

转载 Uniapp input输入框实现自动选中

Uniapp 实现 input 输入框聚焦的时候使用 selectionStart 和 selectionEnd 方式实现不生效,可以使用 renderjs 的方式进行实现,注意:renderjs是一个运行在视图层的js。它比WXS更加强大。它只支持app-vue和web。

2023-02-24 09:43:15 2191 2

转载 js数组对象,按相同属性分组

【代码】js数组对象,按相同属性分组。

2023-02-18 11:09:22 608

转载 史上最全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 682

转载 uniapp 下拉刷新和页面滚动冲突问题

uniapp 下拉刷新和页面滚动冲突问题 ,在页面滚动区域加。

2023-02-16 14:48:35 1943 3

转载 vue/uniapp 动态禁止页面滚动(h5)

弹框时,底部会跟随滑动,用户体验不佳。原理简单,就是常用的css 来控制。

2023-02-16 14:48:29 1752

转载 一些常见的移动端适配方案

假如设置了根元素 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 508

转载 文件下载的正确打开方式

这里主要的逻辑是当我们的请求成功后,我们会拿到响应体的response,这个response就是我们要下载的内容,然后我们把它转换成blob对象,然后通过URL.createObjectURL来创建一个url,然后通过a标签的download属性来实现文件下载。它的作用是指定下载的文件名,如果不指定,那么下载的文件名就会根据请求内容的Content-Disposition来确定,如果没有Content-Disposition,那么就会使用请求的URL的最后一部分作为文件名。的,对比于a标签,这种方式。

2023-02-01 14:36:04 244

转载 jquery刷新iframe页面的方法(推荐第二种)

jq强制刷新iframe页面

2022-10-29 15:03:46 6277

原创 jq动态设置、获取自定义属性data-elem失效问题

jq动态设置、获取自定义属性data-elem失效问题

2022-10-29 14:57:40 793

原创 浏览器九大缓存

浏览器九大缓存

2022-10-26 09:53:13 1332

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除