JavaScript进阶
文章平均质量分 70
海海呐
这个作者很懒,什么都没留下…
展开
-
Vue3响应式原理分析(reactive,ref,computed底层实现)
本文主要介绍Vue3响应式原理的实现,最后会以demo的形式一步步带你实现 reactive ref computed底层实现步骤。原创 2022-05-25 11:35:52 · 3701 阅读 · 4 评论 -
Vue响应式原理详细讲解
面试官:请你简单的说说什么是Vue的响应式。小明:mvvm就是视图模型模型视图,只有数据改变视图就会同时更新。面试官:说的很好,回去等通知吧。小明:....原创 2022-05-23 15:35:53 · 729 阅读 · 0 评论 -
JavaScript 进阶第十一章(正则表达式)(完结)
了解正则表达式的作用 掌握正则表达式的使用 创建正则表达式 正则表达式组成 边界符 字符类 正则测试 正则表达式概述1.什么是正则表达式正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式。在JavaScript中,正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式(规则)的文本,例如验证表单:用户名表单只能输入英文字母、数字或者下划线, 昵称输入框中可以输入中文(匹..原创 2021-09-04 20:27:51 · 369 阅读 · 0 评论 -
JavaScript 进阶第十章(递归)
概念一种函数,自己调用自己,就是递归语法特点 嵌套的层级是未知 或者 是很多层的 递归中比出现 if 结构 需求根据数据,生成类似页面结构 数据[ { "name": "广东", "children": [ { "name": "广州", "children": [ { "name": "白云" }, {...原创 2021-09-03 21:16:50 · 156 阅读 · 0 评论 -
JavaScript 进阶第九章(原型链继承)
面向对象的特性 封装 和 继承 子类strudent 继承了父类 Person的属性 // 父类 function Person(name, height) { this.name = name; this.height = height; } Person.prototype.say = function () { console.log(this.name); console.log(this.height);原创 2021-09-02 21:39:16 · 429 阅读 · 2 评论 -
JavaScript 进阶第八章(闭包)
概念在计算机科学中,闭包(英语:Closure),又称词法闭包(Lexical Closure)或函数闭包(function closures),只要出现引用了外部变量的函数,那么这个现象就叫做闭包作用 让数据变得更加的安全 优化代码 函数内返回了另外一个函数 代码演示不使用闭包<body> <button>自增</button> <h1></h1> <script> .原创 2021-09-01 21:29:24 · 434 阅读 · 2 评论 -
JavaScript 进阶第七章(es6中的class )
es6的class 的出现 基本上可以替代了es5的构造函数和原型,使之代码结构上更加简洁。关键字 class 属性 方法 继承 extends 构造函数 constructor 方法重写 override:子类方法覆盖父类,super.父类方法() 父类的构造函数 super :子类有构造方法且使用this前,必须使用super() 代码展示 class Person { // 构造方法 const.原创 2021-08-31 21:05:37 · 510 阅读 · 2 评论 -
JavaScript 进阶第六章(this与函数的调用模式 )
根据函数内部this的指向不同,可以将函数的调用模式分成4种 函数调用模式 方法调用模式 构造函数调用模式 上下文调用模式(借用方法模式) 函数调用模式如果一个函数不是一个对象的属性时,就是被当做一个函数来进行调用的。此时this指向了windowfunction fn(){ console.log(this); // 指向window}fn();方法调用模式当一个函数被保存为对象的一个属性时,我们称之为一个方法。当一个方法被调用时...原创 2021-08-30 21:43:26 · 615 阅读 · 1 评论 -
JavaScript 进阶第五章(原型)
1.原型 prototype原型上存放函数 解决了同一个 say 浪费 内存的问题 解决了污染全局变量的问题 function createStudent(name, age) { this.name = name; this.age = age; } // 将刚才的全局函数say 直接挂载到 构造函数的原型上 即可 // prototype 是个对象 每一个构造函数都会内置有的. 我们称之为原型 createStud.原创 2021-08-29 20:17:47 · 699 阅读 · 3 评论 -
JavaScript 进阶第四章(定义函数的三种方式 )
目录 函数声明 函数表达式 构造函数Function 函数声明fn(); // 函数声明可以先调用,在声明function fn(参数..){ console.log("这是函数声明") return 返回值}函数表达式const fn = function() { console.log("这是函数表达式"); }fn(); // 函数表达式必须先声明,再调用构造函数Function函数也可以看成对象va...原创 2021-08-28 20:00:01 · 402 阅读 · 0 评论 -
JavaScript 进阶第三章(数组排序-冒泡算法)
算法algorithm,是一种解决问题的方法 算法的目标:使用最少的内存,最短的时间,解决最多的问题 冒泡算法: 重复地走访过要排序的元素列,依次比较两个相邻的元素 顺序正确:代表位置正确,不需要交换 顺序错误:交换两个元素,让顺序正确 <script> /* 冒泡算法(顺序:从小到大) 1.从第一个元素开始,比较下一个元素 * 如果前面一个大于后面的元素:交换 * 如果前面一个小于或..原创 2021-08-27 20:51:39 · 248 阅读 · 0 评论 -
JavaScript 进阶第二章(循环结构 )
while循环结构1.语法:while(条件 true/false){ 循环体/需要重复执行的代码; } 执行步骤: 1.判断条件是否成立 1.1 如果成立,执行循环体代码,然后重复步骤1 1.2 如果不成立,结束循环,执行大括号后面的代码 3.注意点 (1)小括号中的语句,无论结果是什么都会转换成布尔类型来判断是否成立 (2)避免写一个死循环 代码演示:...原创 2021-08-26 21:11:59 · 390 阅读 · 2 评论 -
JavaScript 进阶第一章(分支结构)
switch-case分支结构1.语法switch(表达式){ // 不是布尔类型:是一个确定的变量 case 值1: // 值1,值2...都是字面量 表达式的结果 === 值1,需要执行的代码 break; case 值2: 表达式的结果 === 值2,需要执行的代码 break; case 值3: 表达式的结果 === 值3,需要执行的代码 break; ...原创 2021-08-25 21:33:23 · 570 阅读 · 1 评论