JS
关注
分享
扫一扫
猿徐
前端路漫漫
展开
-
2021-11-04 前端处理后端pdf文件流
！！必须增加请求头，不然，获取到数据会报不是blob类型的错误！！请求时，增加请求头// 工单预览export function getPdf(parameter) { return axios({ url: '/mb/download/pdf', method: 'post', data:parameter, responseType: "blob" })}页面解析getPdf(objList).then(res=>{ const原创 2021-11-04 09:59:42 · 934 阅读 · 0 评论 -
关于运用DxDataGrid中的时间改变的联动
项目用的前端组件库是DevExpress要求：生产日期改变，过期日期随之改变用到方法@option-changed在这之前用过value-changed方法，没有调用到回调方法，从官方文档中找到了这个方法在DxDateBox 中用就行<DxDataGrid ref="dataGrid" :remote-operations="false" :show-row-lines="true" :columns="productco原创 2021-08-10 14:01:22 · 425 阅读 · 0 评论 -
2021-8-2 前端开发中每天遇到的问题（3）---vue中的数组解构赋值，改变堆地址
const newArr = [...this.dataSource] newArr.forEach((item, index) => { // console.log(item) const obj = {} let producedAmount = '' let consumedAmount = '' let timestr = '' let flag = 0 o...原创 2021-08-02 14:49:06 · 491 阅读 · 0 评论 -
原创 JS第一节笔记（18）————JS web存储（缓存）
web存储存储类型主要分为：cookielocalStoragesessionStoragecookiecookie 默认浏览器关闭时消失，存在于web服务器中，存储大小为4kbdocument.cookie = ""//创建缓存原创 2020-09-23 16:29:48 · 125 阅读 · 0 评论 -
JS第一节笔记（17）————JS 拖放
拖放拖放元素必须在行内设置<p draggable = "true"> </p> //允许拖放p.ondragstart = function(event){ //开始拖拽事件 var e = event || window.event e.dataTransfer.setDate("msg",p.innerText) /*表示将需要拖拽的内容获取到储存起来，准备传递 第一个参数表示传递信息的名字 自定义 第二个参数时传递内容 */}box2.原创 2020-09-11 10:11:16 · 199 阅读 · 1 评论 -
JS第一节笔记（16）————JS window事件
window 浏览器窗口对象window.innerWidth //浏览器窗口内部宽度（包括滚动条）window.innerHeight //浏览器窗口内部高度（包括滚动条）在用window事件时我们会遇到兼容问题：兼容写法var WIDTH = window.innerWidth||document.documentElement.clientwidth||document.body.clientWidthHeight的写法和Width一样此写法兼容ie5 6 7 8wind原创 2020-09-10 11:01:44 · 175 阅读 · 0 评论 -
JS第一节笔记（15）————JS事件冒泡,事件捕获，添加事件句柄
事件冒泡当一个元素的事件被触发时，比如鼠标点击了一个按钮，同样的事情会在那个元素的所有祖元素上被触发，这个过程就叫做事件触发，这个事件是从原始元素一直冒泡到dom树的最上层（这是一个需要解决的问题）阻止事件方法：e.stopPropagation?e.stopPropagation():e.cancelBubble=true事件捕获从dom树的最上层到内层的捕获事件的触发过程捕获——>冒泡添加事件句柄addEventListenerbox.addEventListener("cl原创 2020-09-09 15:50:50 · 141 阅读 · 0 评论 -
JS第一节笔记（14）————JS 放大镜功能的实现
在一些淘宝界面里我们经常看到一些商品详情界面里会出现鼠标悬浮出现放大图的问题，在这里我们需要记住一个放大比列的计算公式：（大图的宽度-大图盒子宽度）/（盒子的宽度-阴影的宽度）注意点：在js中，如：background-color类似中间的—可以表达为 backgroundColor 驼峰写法<!DOCTYPE html><html><head> <meta charset='UTF-8'> <meta name='view.原创 2020-09-02 21:30:56 · 155 阅读 · 0 评论 -
JS第一节笔记（13）————JS event事件对象
event事件对象event 事件对象通过事件触发，调用函数内部的参数，即为事件对象p.onclick=function(event){ var e=event||window.event}event 是自定义的函数名，可定义为其他，推荐定义为event以上是event事件的兼容写法，兼容IE低版本p.onclick=function(event){ var e=event||window.event e.pageX //光标相对于网页的水平位置（ie浏览器没有） e.page原创 2020-09-01 20:46:19 · 188 阅读 · 0 评论 -
JS第一节笔记（12）————JS windows事件及动画公式
windows事件<div></div>var box=document.getElementsTagNames("div") console.log(box.offsetWidth) //元素自身的宽度（width border padding） console.log(box.offstHeight) //元素自身的高度（height border padding） console.log(box.offsetLeft) //元素自身的位置（距离左边） c原创 2020-09-01 20:14:24 · 140 阅读 · 0 评论 -
JS第一节笔记（11）————JS节点操作（轮播图 属性绑定以及Swiper ）
轮播图 <ul> <li></li> <li></li> <li></li> </ul> var lis=document.getElementsByTagsName("li") for(var i =0;i<lis.length;i++){ lis[i].onclick=function(){ console.log(this)//检查是否进入这个事件 thi原创 2020-08-31 17:29:19 · 212 阅读 · 0 评论 -
JS第一节笔记（10）————JS节点操作
节点操作节点的查找<div> <p class="one"> <span></span> </p> <p class="two"></p></div>var box=document.getElementByTagName("div")var one=document.getElementByClassName("one")var two=document.getElementByClas原创 2020-08-30 20:59:10 · 188 阅读 · 0 评论 -
JS第一节笔记（9）————定时器（小女孩切换实例）
定时器var time =setInterval(function(){ console.log(1111) },1000)这里是简单的创建了一个定时器，默认单位为ms，这里的1000，为1s表示1s输出打印一次1111清除定时器clearInterval(time)括号内为清除的定时器的名字这里给出自己做出的练习效果是，让下面的小女孩图片，左击，右击切换一个，自动按钮，自动播放Html部分 <div class="tu" style="position: relative原创 2020-08-18 14:27:10 · 262 阅读 · 0 评论 -
JS第一节笔记（8）————函数（函数类型，函数生命周期，变量作用域，调用类名，标签名）
匿名函数（1）自调用：(function(){ alert(111)})()函数的使用叫做调用，函数不调用不执行（2）通过事件绑定在一起来触发eg：box.onclik=function(){ }有名函数function fn(a,b){ console.log（a+b）}fn（0,20）有名函数命名为fn（）,a和b为形参，只参与占位.fn(0,20)实参，参与运算函数的生命周期函数的生命周期包括：创建 使用 销毁销毁; return 返回值，余下的代码原创 2020-08-18 13:40:57 · 212 阅读 · 0 评论 -
JS第一节笔记（7）————数组，数组的操作方法
定义数组创建数组var变量 =newArray 实例化数组var变量 = [ , , , ] 另外一种创建[ ] 中括号为数组标志使用数组例：var arr=[1,2,3,4,5 ]使用格式： 数组名[下标] 下标即为索引号，索引号从0开始arr.length 为数组中数的个数数组的操作方法...原创 2020-08-10 23:22:12 · 233 阅读 · 0 评论 -
JS第一节笔记（6）————判断/循环语句（if/else switch/case 三目运算符 for循环 while do while ）
判断语句if elseif(判断条件){}else if(判断条件){}else{ 当上述判断条件都不满足时执行}if,else if,else为判断语句，当有满足条件时，余下代码不执行switchvara= //声明变量aswitch(a){case a: //执行条件break； //结束判断casea：break;default: //结束语句}...原创 2020-08-07 14:11:51 · 339 阅读 · 0 评论 -
JS第一节笔记（5）————对象（创建对象，对象的使用方法，Date对象，算数对象）和事件
对象Object创建对象new object() //实例化对象var obj=new Object()(1)obj.name="jerry" obj.age="20"name为键，jerry为值，成为键值对自变量创建对象var obj2={name:"tom"，age:"20"}{ }是对象的标志对象的使用方法对象名.属性（1）Date对象（获取当前时间）vardate=newDate（） ...原创 2020-08-06 23:24:15 · 152 阅读 · 0 评论 -
JS第一节关于事件举例拓展——调用input的值放入数组并且用冒泡排序从小到大排列
在具体将之前我们要先明白什么是冒泡排序冒泡排序首先我们肯定有一个数组，里面存放着待排序的元素列表，我们如果需要把比较大的元素排在前面，把小的元素排在后面，那么需要从尾到头开始下面的比较操作：从尾部开始比较相邻的两个元素，如果尾部的元素比前面的大，就交换两个元素的位置。 往前对每个相邻的元素都做这样的比较、交换操作，这样到数组头部时，第 1 个元素会成为最大的元素。 重新从尾部开始第 1、2步的操作，除了在这之前头部已经排好的元素。 继续对越来越少的数据进行比较、交换操作，直到没有可比较的.原创 2020-08-06 22:26:24 · 562 阅读 · 0 评论 -
JS第一节笔记（4）————运算符号（+ - * / %)以及=，==，===，！=，！==，！的区别和作用，以及逻辑运算符
运算符号加号+参与都是数字则相加求和，如果其中有字符串则拼接如果boolean值参与运算，true为1，flase为0如果参与运算的数据有字符串，可以将数据类型进行隐式转换例：（1）var c = 1;c=c+1(还可以表示为c+=1)consolelog.log(c)此时输出为2（2）var d = 1d++ //此处++表示为自加过程，自加过程表示还没有增加，再次调用是才算增加console.log(d) //此时输出2如果（...原创 2020-08-06 22:03:22 · 458 阅读 · 0 评论 -
JS第一节关于事件举例拓展——————js如何调用input的值（案例：输入三个数字，取最大值，最小值，平均值）
js如何调用input的值（id做法）用.value函数调用input中的值例：html部分代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Docume...原创 2020-08-06 11:47:26 · 937 阅读 · 0 评论 -
JS第一节笔记（3）————数据类型
数据类型基本数据类型1.number数字类型2.string字符串类型（" "内的内容都是字符串）3.boolean布尔类型（输出结果为true或false）类型转换例：vara = "20"1.转化为数字此时，console.log(typeof a)输出a的数据类型为string类型a =Number（a）强制类型转换为数字类型如果变量a本身值不为数字例：var a="bcd"a =Number(a)此时变量a...原创 2020-08-06 08:30:07 · 144 阅读 · 0 评论 -
JS第一节笔记（2）————变量，命名规范，关键字和保留字（视频教程）
变量例：varage="18"var 用来声明变量的关键字age 变量名（自定）一个变量名只能储存一个变量= 不是等号，为赋值号18 变量变量名命名规范1.以字母 下标符号_ $开头2.长度不能超过255个字符3.名字中不能有空格，首字母不能是数字4.不能使用关键字和保留字关键字关键字是在JavaScript已经被规定为具有特殊功能的字。这些关键字可用于表示控制语句的开始或结束，或者用于执行特定操作...原创 2020-08-06 00:23:38 · 157 阅读 · 0 评论 -
JS 第一节笔记（1）————基本语法
内部链接在<head></head>,<body></body>,<html></html>之间任意两个标签之内添加都可以外部链接创建JS文件夹，在文件夹内创建.js文件，可在.js文件内之间编辑基本语法（可在后台F12页面Console中查看）console.log(" ") 打印/输出console.warn(" "） 警告打印console.error(" ") 错误打印...原创 2020-08-05 23:55:22 · 226 阅读 · 0 评论