JavaScript高级
文章平均质量分 88
小小白学计算机
这个作者很懒,什么都没留下…
展开
-
前端性能优化汇总
(4)对于动画来说:能用 CSS 解决的不用 JS(能够用 transform 处理的,不用传统的 css 样式,因为 transform 开启硬件加速,不会引发回流,再或者使用定位的元素也会好很多,因为定位的元素脱离文档流,不会对其它元素的位置造成影响),能用requestAnimationFrame 解决的不用定时器 (requestAnimationFrame 还有一个好处,当页面处于休眠无访问状态,动画会自己暂停,直到恢复访问才开始,而定时器是不论什么状态,只要页面不管,就一直处理)原创 2023-09-21 11:39:51 · 982 阅读 · 0 评论 -
客户端和服务端信息交互模型
客户端:可以向服务器发请求,并接收返回的内容进行处理 服务器端:能够接收客户端请求,并且把相关资源信息返回给客户端的。原创 2023-09-21 11:34:17 · 1550 阅读 · 0 评论 -
JavaScript高级之ECMASript 7、8 、9 、10 新特性
第3章 ECMASript 7 新特性3.1. Array.prototype.includesIncludes 方法用来检测数组中是否包含某个元素,返回布尔类型值3.2. 指数操作符在ES7中引入指数运算符「 **」,用来实现幂运算,功能与 Math.pow结果相同第4章 ECMASript 8 新特性4.1. async和 awaitasync和 await两种语法结合可以让异步代码像同步代码一样4.1.1. async函数async函数的返回值为 promise对象,promi原创 2021-09-04 22:33:36 · 471 阅读 · 2 评论 -
JavaScript高级之ECMAScript 6 新特性
2.1. let关键字let关键字用来声明变量,使用 let声明的变量有几个特点:不允许重复声明块儿级作用域不存在变量提升不影响作用域链应用场景:以后声明变量使用let就对了案例:点击切换颜色<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/c原创 2021-09-04 13:33:24 · 363 阅读 · 0 评论 -
JavaScript高级之正则表达式
1. 正则表达式概述1.1 什么是正则表达式正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式(规则)的文本,例如验证表单:用户名表单只能输入英文字母、数字或者下划线, 昵称输入框中可以输入中文(匹配)。此外,正则表达式还常用于过滤掉页面内容中的一些敏感词(替换),或从字符串中获取我们想要的特定部分(提取)等 。其他语言也会使用正则表达式,本阶段我们主要是利用 JavaSc原创 2021-09-02 20:41:48 · 232 阅读 · 0 评论 -
JavaScript高级之函数进阶
1. 函数的定义和调用1.1 函数的定义方式函数声明方式 function 关键字 (命名函数)函数表达式 (匿名函数)new Function()Function 里面参数都必须是字符串格式第三种方式执行效率低,也不方便书写,因此较少使用所有函数都是 Function 的实例(对象)函数也属于对象1.2 函数的调用方式普通函数对象的方法构造函数绑定事件函数定时器函数立即执行函数2. this2.1 函数内 this 的指向这些 this 的指向,原创 2021-09-02 14:05:21 · 286 阅读 · 0 评论 -
JavaScript高级之ES5 中的新增方法
3.1 ES5 新增方法概述ES5 中给我们新增了一些方法,可以很方便的操作数组或者字符串,这些方法主要包括:数组方法字符串方法对象方法3.2 数组方法迭代(遍历)方法:forEach()、map()、filter()、some()、every();1)array.forEach(function(currentValue, index, arr))currentValue:数组当前项的值index:数组当前项的索引arr:数组对象本身2)array.filter(func原创 2021-09-01 16:50:11 · 233 阅读 · 0 评论 -
JavaScript高级之继承
ES6之前并没有给我们提供 extends 继承。我们可以通过构造函数+原型对象模拟实现继承,被称为组合继承。2.1 call()调用这个函数, 并且修改函数运行时的 this 指向fun.call(thisArg, arg1, arg2, …)thisArg :当前调用函数 this 的指向对象arg1,arg2:传递的其他参数2.2 借用构造函数继承父类型属性核心原理: 通过 call() 把父类型的 this 指向子类型的 this ,这样就可以实现子类型继承父类型的属性。.原创 2021-09-01 14:14:51 · 166 阅读 · 1 评论 -
JavaScript高级之构造函数和原型
1.1 概述在典型的 OOP 的语言中(如 Java),都存在类的概念,类就是对象的模板,对象就是类的实例,但在 ES6之前, JS 中并没用引入类的概念。ES6, 全称 ECMAScript 6.0 ,2015.06 发版。但是目前浏览器的 JavaScript 是 ES5 版本,大多数高版本的浏览器也支持 ES6,不过只实现了 ES6 的部分特性和功能。在 ES6之前 ,对象不是基于类创建的,而是用一种称为构建函数的特殊函数来定义对象和它们的特征。创建对象可以通过以下三种方式:对象字面量n原创 2021-09-01 13:48:37 · 186 阅读 · 0 评论