前端
fk129
这个作者很懒,什么都没留下…
展开
-
前端文件下载(解决a标签多次下载只成功一次)
在测试过程中发现自由第一次点击下载成功,后面在点击下载都失败。最后解决方式是获取blob文件流下载。原创 2023-08-24 11:29:14 · 619 阅读 · 0 评论 -
基于vue3实现无缝滚动 vue3-seamless-scroll
拷贝列表次数,默认拷贝一次,当父级高度大于列表渲染高度的两倍时可以通过该参数控制拷贝列表次数达到无缝滚动效果。singleHeight and singleWidth 是否开启 rem 度量。通过v-model控制动画滚动与停止,默认开始滚动。开启滚动的数据量,只有列表长度大于等于该值才会滚动。在开启鼠标悬停的情况下是否开启滚轮滚动,默认不开启。无缝滚动列表数据,组件内部使用列表长度。动画效果,可以传入贝塞尔曲线数值。动画循环次数,默认无限循环。控制滚动方向,可选值。原创 2023-07-17 14:45:23 · 760 阅读 · 0 评论 -
按首字母排序分组(类通讯录)
移动端开发过程中,有遇到按首字母分组排序的,仿通讯录效果。那实现过程中,我们需要安装插件。原创 2023-07-14 13:55:18 · 332 阅读 · 0 评论 -
vue 使用 v-if 控制组件显示,组件注册监听事件多次执行
在项目中遇到过这样的情况,组件里面注册了window监听事件,组件加载用v-if控制,第一遍加载操作是没有问题,但是在第二遍及之后的加载操作有点问题。window监听事件会触发多次经过检查后发现,当操作完成组件用v-if控制不显示,但是window监听事件还存在并没有被注销,所以导致后面加载的组件操作会显示触发多次监听事件。解决方法:在组件销毁的时候移除当前不需要的window监听事件添加事件监听:window.addEventListener(event, function, tr.原创 2021-04-26 17:08:38 · 1491 阅读 · 0 评论 -
拖动时禁止选中文字
js全局document.body.onselectstart = document.body.ondrag = function(){ return false;}css元素样式 -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;原创 2020-06-18 14:57:09 · 1166 阅读 · 0 评论 -
window.open()参数及浏览器兼容
window.open() 用于新开一个浏览器窗口、浏览器新开标签页、查找已命名的窗口语法window.open(URL,name,specs,replace)URL 页面路径name 窗口命名specs 参数参数说明浏览器兼容上表中为各个浏览器对 features 各参数选项的支持程度,其中需要特殊说明的如下:【标注1】:IE7 IE8 Firefox Chr...原创 2020-04-28 15:37:07 · 1226 阅读 · 0 评论 -
前端存储数据库----IndexedDB
前端需要本地存储的数据量大的情况,cookie、sessionStorage、localStorage受其存储内存大小的限制,不能满足需求的情况下;就需要用到前端数据库的存储方式( Web SQL、IndexedDB);这里我们了解下IndexedDB简述IndexedDB是一种底层API,用于客户端存储大量结构化数据(包括, 文件/ 二进制大型对象(blobs)。IndexedDB是一个事...原创 2020-04-10 14:35:42 · 779 阅读 · 1 评论 -
前端数据存储 cookie sessionStorage localStorage
Cookie是一种以文本形式存在于客户端的数据;由于cookie储存大小的限制即具有保质期,所以一般用于记录用户的登录信息;cookie的使用除了本地存储数据信息,还可以携带在请求头里传递给后台,用于客户端身份标识等使用JavaScript对cookie进行操作1.创建cookie// 创建的时候可以添加cookie的过期时间;如果不加则默认页面关闭删除cookiedocument.c...原创 2020-04-10 10:11:30 · 288 阅读 · 0 评论 -
获取视频流播放
项目中遇到的小视频回放的问题,客户需要查看视频设备某一段时间的视频获取视频是其他平台提供的接口,地址类似:http://10.231.20.42:8080/v4/clips/bweed—16-_340c5d5779a1/data播放视频使用的是video.js1、引入<link href="./videojs/video-js.css" rel="stylesheet" type="...原创 2020-03-26 10:07:53 · 1183 阅读 · 0 评论 -
获取本地上传图片、网络图片资源的base64编码
1、获取本地上传图片的base64编码var file = $_('upload_file').files[0];var reader = new FileReader();reader.readAsDataURL(file);reader.onload = function (e) { imgBase64 = e.target.result;};点击了解FileReader2、...原创 2020-03-25 15:52:59 · 371 阅读 · 0 评论 -
实现多标签页通信 sharedworker
https://www.jianshu.com/p/31facd4934d7原创 2020-03-20 10:11:18 · 184 阅读 · 0 评论 -
js下载get请求返回的文件流(请求头携带token)
需求是下载请求接口返回的文件流var xhh = new XMLHttpRequest();xhh.open("get", baseUrl+'/cert/download?name='+name ); xhh.setRequestHeader("Authorization", "Bearer "+token); xhh.setRequestHeader("Content-Type","ap...原创 2019-11-07 15:10:19 · 6874 阅读 · 3 评论 -
父元素设置垂直居中(display:table-cell;vertical-align:middle)会出现间隙
在一些情况下,我们需要对图片设置垂直水平居中的效果html<div class="img"> <img src="../../../static/images/renlainzhuapai.png" alt=""></div>css.result-list li .img{ width: 210px; height: 210px;...原创 2019-08-05 15:37:17 · 419 阅读 · 0 评论 -
前端 web页面国际化问题——jquery.i18n.properties
前端系列——jquery.i18n.properties前端国际化解决方案“填坑日记”原创出处:http://www.cnblogs.com/landeanfen/转载出处:https://blog.csdn.net/laoda88_/article/details/78983367...转载 2019-02-14 15:20:28 · 299 阅读 · 0 评论 -
上拉加载更多
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;我的优惠券&lt;/title&转载 2019-02-14 14:39:39 · 168 阅读 · 0 评论 -
滑动的时候报:Unable to preventDefault inside passive event listener due to target being treated as passive
做项目时,发现在选中日期选择器滑动时,会报这个错:Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080 at jquery.1.7.2.min.j...原创 2019-02-15 15:56:59 · 2636 阅读 · 1 评论 -
js 判断手机是安卓还是ios
$(function () { var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g var isIOS = !!u.match(/\(i[^;]+;( U...原创 2019-02-15 14:58:16 · 2432 阅读 · 0 评论 -
图片碎裂 加载默认图片
js// 图片没有正常加载function errorImg(obj) { $(obj).attr('src', '../../image/tx.png')}html<img src="../../image/tx.png" onerror="errorImg(this)" class="aui-img-round">原创 2018-11-08 16:00:25 · 2122 阅读 · 0 评论