JavaScript
文章平均质量分 70
Web前端技术
Silly夏
英特纳雄耐尔夏
展开
-
JavaScript 常用小方法
复制文本内容思路:使用textarea或input来创建虚拟元素区别:使用textarea复制文本时可以设置并保留\n换行符,粘贴后的文本具有换行的效果。使用input复制文本时不可以设置并保留\n换行符function copyText(val) { let text = val // let text = val + '\n' + val // 复制后的文本内容具有换行效果 const virticalInput = document.createElement("textarea")原创 2022-02-09 19:56:33 · 297 阅读 · 0 评论 -
JavaScript 五大主流浏览器内核及Js引擎介绍
主流浏览器区别1 五大主流浏览器IEFirefoxGoogleChromeSafariOpera厂商浏览器内核备注Js引擎兼容前缀GoogleChromewebkit > Blink2008年 chromium,Blink是2013年的分支V8-webkit-mozilla基金会FireFoxGecko开源、跨平台SpiderMonkey > TraceMonkey > JaegerMonkey-moz-微软I原创 2021-07-17 11:26:11 · 1846 阅读 · 0 评论 -
JavaScript cookies、sessionStorage、localStorage三种存储方式的区别与使用,包含基本使用方法。
cookie、sessionStorage与localStorage的区别与使用文章目录cookie、sessionStorage与localStorage的区别与使用1 三者区别1.1 cookie1.2 sessionStorage1.3 localStorage2 使用方法2.1 cookie的使用2.2 sessionStorage的使用2.3.1 存储数据2.3.2 读取数据2.3.3 修改数据2.3.4 删除数据2.3 localStorage的使用2.3.1 存储数据2.3.2 读取数据2.原创 2021-07-16 19:09:55 · 286 阅读 · 2 评论 -
JavaScript 伪数组转化为真数组,实测有效的几种方法。
伪数组转真数组文章目录伪数组转真数组1 Array.protype.slice.call(objArr)2 Array.from()3 扩展运算符4 用原型继承伪数组就是像数组的对象,其中包含有length属性。按照索引方式存储数据能调用数组的push,pop等方法//例如:obj={ "0":"SillyBoy", "1":20, length:2}伪数组:<div> <p>111</p>原创 2021-07-16 19:07:27 · 427 阅读 · 1 评论 -
JavaScript 数组去重的几种常见方法
数组去重方法文章目录数组去重方法方法一 双循环方法二 利用splice直接在原数组进行操作方法三 利用对象的属性不能相同的特点进行去重方法四 数组递归去重方法五 利用indexOf以及forEach遍历数组法方法六 利用ES6的set方法七 数组下标判断法方法一 双循环双层循环,外层循环元素,内层循环时比较值如果有相同的值则跳过,不相同则push进数组方法二 利用splice直接在原数组进行操作双层循环,外层循环元素,内层循环时比较值值相同时,则删去这个值注意点:删除元素之后,需要将数组的长原创 2021-07-16 19:04:54 · 210 阅读 · 0 评论 -
JavaScript Js作用域精解。什么是Js作用域,有什么用?
文章目录详解作用域与作用域链1 JS代码执行步骤2 JS预编译2.1 AO对象2.2 GO对象2.3 [[scope]]作用域2.4 scope chain作用域链3 函数执行时作用域及数据变化3.1 第一步:定义外层函数a3.2 第二步:执行函数a3.3 第三步:定义内层函数b3.4 第四步:执行函数b3.5 解析:函数执行前后的AO、GO变化闭包1 闭包定义2 闭包的主要作用3 闭包应用4 缺点4 缺点详解作用域与作用域链友情链接渡一教育首先,再要搞明白什么是作用域什么是作用域链之前,先要明白几原创 2021-07-03 18:01:09 · 195 阅读 · 2 评论 -
JavaScript 浅析try-catch-finally异常处理是什么意思
文章目录try-catch-finally语句1 作用2 执行流程3 常见的错误类型try-catch-finally语句1 作用用于语句发生错误时,捕获错误异常,并做出相应处理。try{ //无错正常执行;有错抛出错误,块作用域内后续代码不再执行}catch(e){ //捕获错误并作出相应处理 console.log(e.name + ':' + e.message);}finally{ //[可选] //无论出错与否,都会执行}2 执行流程原创 2021-07-03 17:57:19 · 167 阅读 · 0 评论 -
JavaScript 浅析HTTP三次握手是什么意思
HTTP三次握手在TCP/IP协议中,TCP协议提供可靠的连接服务,采用三次握手建立一个连接。需要客户端和服务器总共发送3个包。进行三次握手的主要作用就是为了确认双方的接收能力和发送能力是否正常、指定自己的初始化序列号为后面的可靠性传送做准备。实质上其实就是连接服务器指定端口,建立TCP连接,并同步连接双方的序列号和确认号,交换TCP窗口大小信息。1 三次握手刚开始客户端处于 Closed 的状态,服务端处于 Listen 状态。第一次握手:客户端给服务端发一个 SYN 报文,并指明客户端原创 2021-07-03 17:55:44 · 504 阅读 · 0 评论 -
JavaScript 函数详解、this指向、严格模式、闭包、递归与拷贝知识浅析
文章目录1 函数的定义1.1 函数的定义方式1.2 函数的调用方式2 this的指向2.1 call()方法2.2 apply()方法2.3 bind()方法2.4 call()、apply()、bind()总结3 严格模式3.1 严格模式定义3.2 开启严格模式3.3 严格模式中的变化4 高阶函数4.1 高阶函数定义5 闭包5.1 闭包定义5.2 闭包的主要作用5.3 闭包应用5.4 缺点6 递归6.1 递归定义6.2 递归的应用7 拷贝7.1 浅拷贝7.2 深拷贝7 拷贝7.1 浅拷贝7.2 深拷贝1原创 2021-07-03 17:51:52 · 153 阅读 · 0 评论 -
JavaScript 简单了解什么是对象和继承
对象的创建模式Object构造函数模式var obj = {};obj.name = 'Tom'obj.setName = function(name){this.name=name}对象字面量模式var obj = { name : 'Tom', setName : function(name){this.name = name}}构造函数模式function Person(name, age) { this.name = name; this.age = age;原创 2021-07-03 17:42:14 · 97 阅读 · 0 评论 -
JavaScript JavaScript学习笔记(基础)
文章目录一、结构样式交互二、Javascript引用方式三、变量命名规范四、变量命名五、数据输出六、数据类型基本数据类型引用数据类型(复杂数据类型)七、数据类型转换1.转换为字符串:2.转换为数字3.转换为变量4.转换为布尔值八、Data()方法九、运算符优先级及运算顺序十、主要获取查询dom元素的方法一、DOM提供的API方法 (古老方法不推荐)二、H5提供的新方法 (提倡)三、利用节点操作获取元素 (提倡)十一、三种创建元素的方式十二、注册事件传统方式注册事件事件侦听注册事件 addEventL原创 2021-07-03 17:40:04 · 93 阅读 · 2 评论 -
JavaScript js常用数组方法大全
文章目录数组1 声明数组1.1 常规方式1.2 简洁方式1.3 字面量的方式2 访问数组3 数组属性和方法3.1 属性3.2 方法数组数组对象的作用:使用单独的变量名来存储一系列的值。数组中可以包含对象元素、函数、数组等不同的变量类型,数量一般不限制。1 声明数组1.1 常规方式var arr = new Array();arr[0] = "SillyBoy"; arr[1] = "SillyGirl";1.2 简洁方式var arr = new Array("Silly原创 2021-07-03 17:37:46 · 94 阅读 · 0 评论 -
JavaScript 构造函数、原型、原型链
构造函数 构造函数是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,new来实例化对象。容易造成内存浪费。new在执行时会做四件事在内存中创建一个新的空对象让this指向这个对象执行构造函数里面的代码,会新对象添加属性和方法返回这个新对象(构造函数不需要return)实例成员是构造函数内部通过this添加的成员,只能通过实例化的对象来访问。静态成员是在构造函数本身上添加的成员,只能通过构造函数来访问。//构造函数function Book(name,price原创 2021-06-09 15:47:22 · 136 阅读 · 0 评论 -
JavaScript 深拷贝与浅拷贝 有什么区别?如何去实现?
什么是深拷贝、浅拷贝?有什么作用?怎么实现深拷贝、浅拷贝?原创 2021-06-08 21:25:15 · 153 阅读 · 2 评论 -
JavaScript 闭包是种什么现象?What、Why、How ?
闭包闭包是函数。闭包(closure)指有权访问另一个函数作用域中变量的函数。一个作用域可以访问另一个函数内部的局部变量。被访问变量所在函数就形成闭包。1 闭包定义当嵌套的内部函数引用了外部函数的变量时就产生了闭包。通过chrome工具得知: 闭包本质是内部函数中的一个对象, 这个对象中包含引用的变量属性。2 闭包的主要作用延伸了变量的作用范围(生命周期)。让函数外部能操作内部的局部变量。写一个闭包程序。function fn1() { var a = 2;原创 2021-05-31 13:11:05 · 119 阅读 · 0 评论 -
JavaScript 正则表达式
文章目录正则表达式1 定义2 使用2.1 创建正则表达式2.2 正则表达式测试3 正则表达式中的特殊字符3.1 正则表达式的组成3.2 边界符3.3 字符类3.4 量词符3.5 括号总结3.6 预定义类4 正则表达式中的替换4.1 replace替换4.2 正则表达式参数正则表达式1 定义正则表达式是用于匹配字符串中字符组合的模式。在JavaScript中,正则表达式也是对象。特点:灵活性、逻辑性和功能性强。快速简单地达到对字符串的复杂控制2 使用2.1 创建正则表达式通过调用Re原创 2021-07-17 09:03:04 · 153 阅读 · 1 评论 -
JSP+Servlet+MVC+B/S
JSP+Servlet+MVC符合高内聚,低耦合的设计JSP负责输入输出,JavaBean负责实现业务逻辑(功能),Servlet完成控制。技术简介:JSP:jsp在静态HTML页面嵌入Java代码,Java代码被动态执行后生成HTML。优点:Servlet能够很好地组织业务逻辑代码。缺点:在Java源文件中通过字符串拼接的方式生成动态HTML内容会导致代码维护困难、可读性差。用途:以前用于动态生成HTML页面;现在用途为当做控制器,起控制和调配大局的作用。Servlet:Jav原创 2021-05-10 08:08:36 · 367 阅读 · 0 评论