- 博客(186)
- 收藏
- 关注
RSS订阅
原创 vue项目keep-alive返回记住滚动条位置
需求：点击首页列表进入二级页面，返回的时候保持在原位置。1:App.vue<template> <div id="app"> <!--页面返回不刷新--> <!-- // 缓存组件跳转的页面 --> <keep-alive> <router-view...
2019-12-21 16:35:08
1801
1
转载 JS/jquery获取iframe内部元素和ifame中获取外部元素精华
【代码】JS/jquery获取iframe内部元素和ifame中获取外部元素精华。
2024-02-26 16:36:39
157
转载 用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
33
转载 div,contenteditable编辑器之ctrl+enter换行，enter发送
【代码】div,contenteditable编辑器之ctrl+enter换行，enter发送。
2024-02-26 13:44:40
87
转载 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
835
转载 js判断一组数字是否连续,得到一个临时数组[[3,4],[13,14,15],[17],[20],[22]]；
【代码】js判断一组数字是否连续,得到一个临时数组[[3,4],[13,14,15],[17],[20],[22]];
2023-09-24 14:22:37
161
转载 uni-app 兼容安卓使用 uni.chooseImage，打印结果没有tempFiles，取不到文件名称
在这里插入图片描述](https://img-blog.csdnimg.cn/dedb265509794ec1af4f0b1e66233842.png。
2023-08-12 15:31:55
513
转载 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
2343
转载 uni-app 中模拟器真机运行app
执行命令后打开hbuilder点击运行到手机或者模拟器->运行到Andriod App基座就可以看到模拟器设备了，看到别人每次打开hbuilderX都能看到设备，我的看不到设备，但是可以运行并打开模拟器。第三步：找到HbuilderX的安装目录，查找adb.exe文件，复制serve.exe所在文件目录的路径，配置到环境变量的Path中。直接点击安装就行了，要注意的一点就是如果你c盘小一定要切换路径，我的足够了就直接默认了。第四步:安装好模拟器后就在HbuilderX中进行配置，如下图。
2023-06-16 13:56:20
597
3
转载 动态引入JS和css文件，并增加版本号
在我们进行前端过程中，js文件引入后如果进行了修改那么历史网页就会对原来的js文件进行缓存，为了解决手工清除缓存的工作，计划引入动态加载js文件，并在加载过程中增加版本号的概念；这样就解决了js缓存的问题，如果版本相同则采用缓存否则加载最新的文件，同步也解决了性能的问题；//同步引入js和css问题，要求js文件和css文件名称和所在地址必须相同。
2023-06-13 10:00:45
992
转载 使用uniapp实现全局悬浮按钮(可拖动)
使用uniapp官方组件 movable-area和movable-view。组件生成后可mian.js全局挂载，后续不需要每个页面都进行引入。全局挂载后可在需要使用的页面使用。
2023-04-04 09:53:47
2800
1
转载 遮罩层出现后不能滚动 添加事件@touchmove.prevent 移动端中的坑和 vue中事件修饰符详解(stop, prevent, self, once, capture, passive)
是将事件设置为只执行一次,如 .click.prevent.once 代表只阻止事件的默认行为一次,当第二次触发的时候事件本身的行为会执行。-.self 只响应当前元素自身触发的事件，不会响应经过冒泡触发的事件，并不会阻止冒泡继续向外部触发。：是阻止冒泡行为,不让当前元素的事件继续往外触发,如阻止点击div内部事件,触发div事件。：是只有是自己触发的自己才会执行,如果接受到内部的冒泡事件传递信号触发,会忽略掉这个信号。：是改变js默认的事件机制,默认是冒泡,capture功能是将冒泡改为倾听模式。
2023-03-08 13:53:50
844
原创 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
3867
1
转载 Uniapp input输入框实现自动选中
Uniapp 实现 input 输入框聚焦的时候使用 selectionStart 和 selectionEnd 方式实现不生效，可以使用 renderjs 的方式进行实现，注意：renderjs是一个运行在视图层的js。它比WXS更加强大。它只支持app-vue和web。
2023-02-24 09:43:15
1613
1
转载 史上最全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
600
转载 一些常见的移动端适配方案
假如设置了根元素 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
462
转载 文件下载的正确打开方式
这里主要的逻辑是当我们的请求成功后，我们会拿到响应体的response，这个response就是我们要下载的内容，然后我们把它转换成blob对象，然后通过URL.createObjectURL来创建一个url，然后通过a标签的download属性来实现文件下载。它的作用是指定下载的文件名，如果不指定，那么下载的文件名就会根据请求内容的Content-Disposition来确定，如果没有Content-Disposition，那么就会使用请求的URL的最后一部分作为文件名。的，对比于a标签，这种方式。
2023-02-01 14:36:04
214
转载 jquery ajax在跨域访问post请求的时候，ie9以下无效（包括ie9）
设置浏览器安全属性，启用【通过域访问数据源】选项，如图：2.调用ajax方法时，关闭缓存，设置crossDomain为相反的值。原文链接：https://bugs.jquery.com/ticket/12097<!DOCTYPE html><html> <head> <title>jQuery CORS in IE7 - IE10</title> <script src="http://c.
2022-04-25 18:00:44
262
原创 jquery获取已选择和未选择的checkBox项以及清空所选项
1.获取选中的值 var check_value =[]; $('input[name="menuname"]:checked').each(function(){ check_value.push($(this).val()); // console.log($(this).val()); // console.log($(this).data('ptype')); }); console.log("已选中值为：", check_value
2022-04-21 18:15:06
1876
转载 a标签中href的几种用法
a标签的一种写法，所以就来整理下a标签中href的几种用法。一、JS伪协议的几种调用方法（参考总结的）1、 a href="javascript:js_method();"这是常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript语句。2、a href="javascri
2022-03-25 11:38:05
11391
1
转载 jQuery操作编辑页面，span与input标签之间的随时转换
1、input，select，textarea转spanvar switchToSpan=function () { // console.log($(this).attr("id")); var cId=$(this).attr("id");//获取当前点击input的id //console.log($("#"+cId).prop('nodeName').toLowerCase()); var thisTag=$("#"+cId).prop('nodeName').toL
2022-03-21 14:52:52
776
转载 easyui中 tab页面中点击按钮，添加一个新的同级tab
<a href="javascript:void(0)" onclick="addpage()" class="easyui-linkbutton" data-options="iconCls:'icon-add'">新增</a>function addpage(){ var jq = top.jQuery; //#tabsId 指的是 父级页面 tab 的 id 务必修改 if (jq("#tabsId").tabs('exists', '新增')){
2022-03-02 14:10:51
335
原创 js汉字转成拼音
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>汉字
2022-02-08 17:30:40
319
原创 【JavaScipt小技巧（更新ing）】
1. 展开运算符展开运算符太有用了，不提也罢。它允许对数组或字符串等迭代符进行扩展。这对于添加新的值是非常有用的。let arr = [1, 2, 3, 4, 5, 6]let newArr = [...arr, 7, 8]// newArr -> [1, 2, 3, 4, 5, 6, 7, 8]let obj = [{name: "tom", like: "sing"}, {name: "jack", like: "dance"}]let newObj = [...obj, {name
2022-02-08 11:15:01
269
原创 canvas获取浏览器指纹-唯一的设备标识
function bin2hex(str) { var result = ""; for (i = 0; i < str.length; i++) { result += int16_to_hex(str.charCodeAt(i)); } return result;}function int16_to_hex(i) { var result = i.toString(16); var j = 0; while (j +
2022-01-20 14:13:26
692
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人