![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
小新大人y
这个作者很懒,什么都没留下…
展开
-
http缓存
前端缓存前端缓存主要分为http缓存和浏览器缓存。其中HTTP缓存是在HTTP请求传输时用到的缓存,主要在服务器代码上设置;而浏览器缓存则主要由前端开发在前端js上进行设置。什么是http缓存?http缓存是客户端向浏览器发送请求时,先抵达浏览器缓存,如果浏览器缓存中有要请求的资源,直接从浏览器缓存中提取,否则就从服务器端提取。常见的http缓存只能缓存get请求的响应资源。http缓...原创 2020-03-12 13:08:54 · 185 阅读 · 0 评论 -
数组map和forEach循环的异同
相同点:只能遍历数组;都不会改变原数组;都是循环遍历数组中的每一项;forEach和map方法里每次执行匿名函数都支持三个参数,参数分别是当前值,当前索引,原数组;区别:map方法会返回一个新数组,数组中的元素为原始数组调用函数处理后的值。map方法不会对空数组进行检测,如果遍历的是空数组会返回一个空数组。forEach方法没有返回值;对于空数组时不会调用回调函数的;arr...原创 2020-03-05 11:49:12 · 615 阅读 · 0 评论 -
自定义事件dispatchEvent,initEvent,createEvent方法说明及使用
对于标准浏览器,其提供了可供元素触发自定义事件的方法:element.dispatchEvent().。不过,在使用该方法之前,我们还需要做其他两件事,即创建和初始化。1、createEvent()createEvent()方法返回新创建的Event对象,支持一个参数,表示事件类型,具体见下表:参数事件接口初始化方法HTMLEventsHTMLEventinitE...原创 2020-02-17 13:57:10 · 2028 阅读 · 0 评论 -
学习websocket
为什么要引入websocket?http协议只能由客户端向服务器端发送请求!服务器端无法向客户端主动发送信息。每个http响应对应一个http请求。这种单向请求的特点,对于会发生连续变化的状态,客户端想要得知就非常麻烦,只能依靠http长轮询或者http短轮询来不断地向服务器发送请求去获取状态。这样做很浪费带宽和时间。websocket的出现就解决了这个问题。websocket是提供全双工通...原创 2020-02-03 12:45:23 · 287 阅读 · 0 评论 -
js如何移除script标签
var scr=document.getElementsByTagName("script")[0]; scr.parentNode.removeChild(scr);原创 2019-12-18 17:13:33 · 7738 阅读 · 0 评论 -
Object.defineProperty()
Object.defineProperty方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回这个对象,vue.js就是通过它实现双向绑定的Object.defineProperty(obj,prop,descriptor)参数说明:obj:必需,目标对象prop:必需,需定义或修改的属性的名字descriptor:必需,目标属性所拥有的特性属性描述符所谓属性描述符...原创 2019-10-15 18:11:11 · 119 阅读 · 0 评论 -
setTimeout,setinterval和requestAnimationFrame
计时器按照时间反复执行;setTimeout一次性计时器 延迟多长时间去执行 ,相对应关闭计时器的方法是:clearTimeout()setinterval循环计时器 ,相对应关闭计时器的方法是: clearInterval()以上两个计时器时间可以设置,缺点:在网页缩小或者切换选项卡之后计时器继续执行如何将setTimeout改造为循环计时器showtime(); f...原创 2019-10-14 21:05:54 · 162 阅读 · 0 评论 -
js中的this指向问题
this:上下文会根据执行环境变化而发生指向的改变1.单独的this,指向的是window这个对象alert(this);//this->window2.全局函数中的thisfunction demo(){ alert(this);//this->window}在严格模式下,this指向undefinedfunction demo(){ 'use strict'...原创 2019-10-13 19:45:59 · 185 阅读 · 0 评论 -
设计模式
工厂模式最终返回一个对象 function work(name, sex) { //函数里面封装对象 返回对象 var obj = new Object(); //设置相关属性 obj.name = name; obj.sex = sex; obj.sleep = function () { ...原创 2019-06-27 22:01:09 · 70 阅读 · 0 评论 -
js继承
js里面的继承概念 :继承 子类继承父类做面向对象的开发以及框架库的封装 面向对象 有三大特征: 封装 继承 多态子类继承父类 **第一种方式** **原型链继承**其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。核心: 将父类的实例作为子类的原型其代码大致如下:// 定义一个动物类function Animal() {// 属性 ...原创 2019-06-27 21:40:31 · 101 阅读 · 0 评论 -
别踩白块(js)
<!DOCTYPE html><html><head lang="en"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=2.0,minimum-scale=1.0,user-scalable=no">...原创 2019-06-14 11:54:18 · 333 阅读 · 0 评论 -
笔记(数组的操作&数值的转换&js如何让获取元素并对元素进行操作&link标签的加载解析&border边框)
数组的操作join 数组转化为string(字符串)类型 ,join("")参数是什么就表示按照什么符号连接字符串。reverse 数组的翻转。slice 截断数组,参数 start(开始的索引) end(结束的索引,取消不取大),截取完成之后对数组没有影响。splice 参数 start(开始的索引) count(要截取的个数),截取完成之后对原数组有影响。push 数组的追加:...原创 2019-05-22 14:51:06 · 193 阅读 · 0 评论 -
事件绑定里面的执行参数&dom元素的事件及如何给dom元素添加事件
事件绑定里面的执行参数toLowerCase()将大写字母转化成小写字母;toUpperCase() 将小写字母转化为大写字母。js里面的this this–可以指代当前事件的执行对象 this—函数里面的this对象指代当前的window对象<!DOCTYPE html><html><head lang="en"> <meta c...原创 2019-05-22 15:59:20 · 341 阅读 · 0 评论 -
querySelectorAll和getElementsByClassName获取元素的区别
querySelectorAll和getElementsByClassName获取元素的区别querySelectorAll()方法是HTML5新增的方法,通过传入一个css选择符,返回所有匹配的元素而不仅仅是一个元素。这个方法返回的是一个NodeList的实例,getElementsByClassName() 方法返回文档中所有指定类名的元素集合,作为HTMLCollection对象。HT...原创 2019-06-13 10:37:22 · 1182 阅读 · 1 评论 -
正则表达式
正则表达式作用: 验证数据的格式正则如何验证match() 验证成功返回的是值 ; 验证失败 返回的是null —字符串用法test() 验证成功返回的是 true 验证失败返回的是 false —正则对象的用法正则表达式修饰符修饰符 可以在全局搜索中不区分大小写:修饰符描述i执行对大小写不敏感的匹配。g执行全局匹配(查找所有匹配而非在...原创 2019-06-13 11:39:14 · 101 阅读 · 0 评论 -
用for循环会报错 用for in不会报错?
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <script src="./js/库.js" type="text/javascript"></script> <title></title> ...原创 2019-06-13 12:30:06 · 748 阅读 · 0 评论 -
js里面的内置对象
内置对象对象是属性和方法的集合。js里面的内置对象有Array,Math,Date,String,setinterval,sertimeout。下面会一一介绍Math对象随机从0-1:random;Math.random();随机数范围在0-1之间。向下取整:floor;例如:Math.floor(0.2);输出是0;向上取整:ceil;例如:Math.ceil(0.2);...原创 2019-05-29 19:37:43 · 169 阅读 · 0 评论 -
break return和continue的区别
break此语句导致程序终止包含它的循环,并进行成需的下一阶段(整个循环后面的语句),即,不是跳到下一个循环周期而是退出循环;如果break语句包含在嵌套循环里,它只跳出最里面的循环。如下代码:for(var i=0;i<10;i++){ if(i==5){ break; } console.log(i);}可以看到程序输出了01234到...原创 2019-05-29 20:11:34 · 132 阅读 · 0 评论 -
js里面数据格式json和json的转化方式
js数据格式json: object和 Array,具体操作看下面代码:<script> var list=[{ name:"张三", age:18, sex:"man", love:"唱歌", addres:"陕西咸阳" }, { name...原创 2019-05-29 20:59:45 · 3256 阅读 · 0 评论 -
js(笔记)
js如何使用脚本使用< script > 元素嵌入JavaScript代码时 ,只须为< script >指定type属性如果要通过< script >元素来包含外部JavaScript文件,那么src属性就是必需的。这个属性的值是一个指向外部JavaScript文件的链接,例如: < script type=“text/javascript” src...原创 2019-05-15 23:28:06 · 134 阅读 · 0 评论