前端开发
文章平均质量分 58
今晚吃火锅耶
without description
展开
-
js 浏览器下载显示进度
项目中下载相关的需求比较多,下载的时候需要更改文件名称。这里有两种方法,一种是通过blob转换,通过a标签下载;另一种是通过插件streamSaver和fetch进行下载。说下优缺点方案一a标签进行下载,如果不用更改文件名称,那就比较方便,并且不需要进行blob转换。但是如果是下载视频录像等,使用a标签就会先打开新的页面,在进行点击下载操作。操作流程比较长。如果使用a标签并且需要更改文件名称,就需要先进行blob转换操作,通过XMLHttpRequest进行转换,如果是视频类或者文件内容比.原创 2021-09-03 09:41:26 · 8087 阅读 · 23 评论 -
JS中的数组空位处理
// 先来看个练习题// Es5let array = [,1,,2,,3];array = array.map((i) => ++i) //结果为 [,2,,3,,4],从这里可以看出 map方法跳过了empty空位定义数组元素可以在元素列表的开头,中间或结尾处省略。每当元素列表中的逗号前面没有AssignmentExpression(即,逗号在另一个逗号的开头或之后),丢失的数组元素就会增加Array的长度并增加后续元素的引索。未定义省略的数组元素。如果一个元素被省略在数组的.转载 2021-06-18 10:13:20 · 904 阅读 · 0 评论 -
手写call、bind、apply(手写代码总结)
手写call、apply和bind手写防抖和节流手写call 、apply和 bind转载自博文callFunction.prototype.myCall = function( context ){ // 1. 判断有没有传入要绑定的对象,没有默认为window;如果是基本类型的话通过Object()方法进行转换 var context = Object(context) || window; // 2. 给context添加一个fn属性,值为this,也就是fn(转载 2021-06-15 17:17:16 · 462 阅读 · 0 评论 -
前端基础知识点整理
前端基础易混知识点articlesectionasidehgroupmarkheaderfooternavtimemenufigurefigcaptioncontextmenuCSS3新增特性原创 2021-06-07 15:17:56 · 190 阅读 · 2 评论 -
前端常见兼容问题总结
前端常见兼容问题总结火狐浏览器不支持css zoom属性火狐浏览器不支持innerText浏览器事件绑定及event对象使用火狐浏览器不支持css zoom属性需求是根据鼠标滚动放大缩小图片一般浏览器可以使用css的zoom属性对图片进行放大缩小。<img class="can-move-img" src="" onmousewheel="return bbimg(this)">function bbimg(o){ var zoom=parseInt(o.style原创 2021-06-03 16:49:35 · 380 阅读 · 0 评论 -
web端引导图introJs使用教程
官网地址 点我看先上图官方实例图片:项目成果图片:(糊掉了部分信息)一、引入<link rel="stylesheet" href="css/introjs.css"><script src="js/intro.js"></script>// or npm安装 Vue可用npm i vue-introjs intro.js --save // 在main.js 引入 import VueIntro from 'vue-introjs';.原创 2021-05-31 15:12:15 · 1971 阅读 · 7 评论 -
aliplayer阿里云播放器直播及录播前端代码
引入 aliplayer<link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css"/><script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/de/prismplayer/2.8.2/aliplayer-h5-min.js"></scrip原创 2021-05-28 10:12:58 · 1103 阅读 · 2 评论 -
js控制蓝牙笔翻页功能(键盘事件)
使用激光笔控制页面跳转需求:几个本地页面需要投屏并用激光笔控制页面跳转(类似ppt)。注意:激光笔上下翻页的按钮对应的是键盘的pageUp和pageDown,有些键盘会把pageUp和pageDown以及上下箭头按钮合并,因此可能会在使用keyCode的时候用成上下箭头的keyCode。具体实现:document.body.onkeydown = function(evt) { var e = evt || event; if(e.keyCode == 33) { // 33为键盘pageU原创 2021-05-20 09:49:12 · 1461 阅读 · 2 评论 -
rrweb记录用户操作(转为txt文档上传阿里云)前端代码
需求:保险购买页面新需求: 为了避免纠纷,需要记录用户操作。使用rrweb插件记录用户操作的events,并转为txt文档上传阿里云指定文件夹。目录rrweb简单介绍rrweb引入rrweb记录行为保存录制内容,转为txt文档并上传阿里云rrweb回放踩坑的地方 一、rrweb 简单介绍官方介绍:rrweb – record and replay the web,利用现代浏览器所提供的强大 API 录制并回放任意 web 界面中的用户操作。rrweb是前端js,可以将⻚⾯中的.原创 2021-05-19 11:30:41 · 1472 阅读 · 6 评论 -
element-ui 自带图标无法显示(已解决)
使用vue时 ,引用el-menu组件发现自带的el-icon-arrow-down无法显示。更换element-ui版本后依旧无法显示。最后发现没有样式。解决方法:在main.js中引入对应样式:这样就能显示出来啦,并不是因为版本问题或者是引入的路径不对。...原创 2021-03-19 16:46:05 · 11124 阅读 · 11 评论 -
PHP基础
定义PHP 全称 Hypertext Preprocessor 超文本预处理器PHP 文件可包含文本、HTML、JavaScript代码和 PHP 代码PHP 代码在服务器上执行,结果以纯 HTML 形式返回给浏览器PHP 文件的默认文件扩展名是 “.php”<?php // php代码片段?>php注释<?php// 这是单行注释# 这也是单行注释/*这是多行注释多行注释多行注释*/php变量变量以 $ 符号开始,后面跟着变量的名称变量名原创 2020-09-21 17:59:06 · 105 阅读 · 0 评论