JavaScript
文章平均质量分 72
mirror_Mx
这个作者很懒,什么都没留下…
展开
-
【每日一个手写JS】数据类型判断
前置知识:1. 数据类型:基本类型+引用类型 (一些基础知识...暂未更新完全)2. 数据类型的判断方式(一些基础知识...暂未更新完全)3. 一些JS方法toString() —— 转化为字符串 call() —— 改变this的指向,类似于(bind(), apply()) split() —— 使用指定分割字符串将一个string字符串转化为数组 slice() —— 截取字符串 substring()—— 截...转载 2021-11-17 10:51:00 · 267 阅读 · 0 评论 -
【JavaScript 基础】深浅拷贝与赋值 三者区别及深浅拷贝实现方式
三者关系类型和原数组是否指向同一个对象第一层数据为基本数据类型原数据中包含引用数据类型赋值是改变会使原数据一同改变改变会使原数据一同改变浅拷贝否改变不会使原数据一同改变改变会使原数据一同改变深拷贝否改变不会使原数据一同改变改变不会使原数据一同改变赋值当把一个对象赋值给一个新的变量的时,赋值的其实是该对象在栈中的地址,而不是在堆中的数据。赋值后的新对象和当前对象这两个对象指向的是同一个存储空间,两者对象是联动的,无论两者之间哪个对象发生改变,都会转载 2021-06-02 16:56:26 · 197 阅读 · 0 评论 -
关于import、export和export default
什么是export、import?export和import是ES6模块的两个功能;**export:**用于对外输出本模块(一个文件可以理解为一个模块)变量的接口。**import:**用于在一个模块中加载另一个含有export接口的模块。export与export default的区别?1、export与export default均可用于导出常量、函数、文件、模块等2、你可以在其...转载 2018-12-19 15:31:14 · 179 阅读 · 0 评论 -
【ES6】Class
一、构造函数在ES6之前,对象不是基于类创建的,而是用一种称为构建函数的特殊函数来定义对象和它们的特征。创建对象可以通过以下三种方式:对象字面量new Object()自定义构造函数概念:构造函数是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与new一起使用。我们可以把对象中一些公共的属性和方法抽取出来,然后封装到这个函数里面。使用时,注意以下两点:构造函数用于创建某一类对象,其首字母要大写构造函数要和new一起使用才有意义...转载 2020-09-30 11:50:56 · 134 阅读 · 0 评论 -
【ES6】Set和Map数据结构
1.Set1.1 基本用法ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。转载 2020-10-27 21:38:00 · 84 阅读 · 0 评论 -
【Javascript基础】异步
众所周知javascript是单线程的,它的设计之初是为浏览器设计的GUI编程语言,GUI编程的特性之一是保证UI线程一定不能阻塞,否则体验不佳,甚至界面卡死。所谓"单线程",就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。什么叫异步?所谓异步简单说就是一个任务分成两段,先执行一段,转而执行其他任务,等做好了准备转而执行第二段。同步: 一定要等任务执行完了,得到结果,才执行下一个任务。function taskSync = function(转载 2020-11-12 11:03:52 · 111 阅读 · 0 评论 -
【Javascript基础】构造函数的原型(F.prototype)
我们还记得,可以使用诸如 new F() 这样的构造函数来创建一个新对象。如果 F.prototype 是一个对象,那么 new 操作符会使用它为新对象设置 [[Prototype]]。请注意:JavaScript从开始就有了原型继承。这是JavaScript编程语言的核心特性之一。但是在过去,没有直接对其进行访问的方式。唯一可靠的方法就是构造函数的"prototype"属性。请注意,这里的 F.prototype 指的是 F 的一个名为 "prototype" 的常规属性。这听起来与“原型”转载 2020-10-19 20:53:14 · 344 阅读 · 0 评论 -
【Javascript基础】构造函数
1.1基础创建对象的三种方式:对象字面量 let obj = {...};对象构造函数 new Object()自定义构造函数以上三种方式都可以进行创建对象。但是我们经常需要创建许多类似的对象,例如多个用户或者菜单项,所以需要深入的学习一下构造函数。概念:构造函数是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与new一起使用。我们可以把对象中一些公共的属性和方法抽取出来,然后封装到这个函数里面。使用时,注意以下两点:构造函数用于创建某一类对象,其首字母要大写转载 2020-10-15 17:52:59 · 176 阅读 · 0 评论 -
【Javascript基础】原生的原型
“prototype” 属性在 JavaScript 自身的核心部分中被广泛地应用。所有的内置构造函数都用到了它。首先,我们将看看原生原型的详细信息,然后学习如何使用它为内建对象添加新功能。Object.prototype假如我们输出一个对象:let obj={};alert(obj); // "[object Object]"生成字符串"[object Object]"的代码在哪里?那就是一个内建的toString方法,但是它在哪里呢?obj里面是空的。表达式obj = {}和obj转载 2020-10-15 16:56:11 · 188 阅读 · 0 评论 -
【JavaScript基础】原型 继承
需要扩展一些东西的时候,可以通过原型继承在原来的基础上重新构建对象。转载 2020-10-12 20:49:36 · 126 阅读 · 0 评论 -
【JavaScript基础】作用域 作用域链 上下文 执行上下文
1.作用域 scope作用域概念是理解JavaScript的关键所在,不仅仅从性能角度,还包括从功能角度。作用域就是变量和函数的可访问范围,控制着变量和函数的可见性与生命周期,换句话说,作用域决定了代码区块中变量和其他资源的可见性。在JavaScript中变量的作用域有全局作用域和局部作用域。JavaScript采用词法作用域(lexical scoping),也就是静态作用域。1.1 静态作用域与动态作用域词法作用域:词法作用域是指在词法分析阶段就确定了,不会改变。变量的作用域是在定义时决定而转载 2020-11-24 15:04:39 · 248 阅读 · 0 评论 -
【Javascript 基础】数组方法及其应用
添加/删除push arr.push(element1, ..., elementN)作用:向 数组末尾 追加一项参数:添加的具体项,可以是一项,也可以是多项返回值:新数组的长度是否改变原数组:改变var ary=[‘a’,‘b’,‘c’];var res= ary .push (‘d’,‘e’)console.log(ary);//[‘a’,‘b’,‘c’,‘d’,‘e’];console.log(res);//5pop:作用:删除数组的最后一项参数:无返回值:删除原创 2020-12-14 09:35:48 · 261 阅读 · 0 评论 -
【Javascript 基础】数据类型及其基本使用
1.简单数据类型简单数据类型说明默认值Number数字型,包含 整型值和浮点型值,如21、0.210Boolean布尔值类型,如true、false,等价于1和0falseString字符串类型,如“张三” 注意咱们JS里面,字符串都带引号“”Undifinedvar a;声明了变量a但是没有给值,此时a=undefinedundefinedNullvar a = null;声明了变量a为空值null...原创 2020-11-24 09:12:24 · 267 阅读 · 0 评论 -
《JavaScript高级程序设计》读书笔记
面向对象的程序设计面向对象的语言都有一个标志,那就是它们都有类的概念,但ECMAScript中没有类的概念,ECMA-262中把对象定义为:“无序属性的集合,其属性可以包含基本值、对象或者函数”。每个对象都是基于引用类型创建的,引用类型可以是原生类型,也可以是开发者定义的类型。理解对象最简单的创建自定义对象的方法(创建一个object实例),然后再为它添加属性和方法。 var perso...转载 2019-01-02 15:08:30 · 203 阅读 · 0 评论 -
JavaScript 基础
自定义标题变量声明变量特殊情况命名规范练习小结数据类型变量的数据类型变量声明变量特殊情况特殊中的特殊情况:不声明不赋值 直接使用,当变量名是name时:命名规范练习小结数据类型变量的数据类型...原创 2020-03-28 22:41:28 · 470 阅读 · 0 评论 -
JavaScript实战之购物车案例
这个是通过网上视频案例学习,然后,自己想整理一下页面书写流程文档。show样式:HTML代码结构+CSS结构初始化css样式: * { margin: 0; padding: 0; } a { color: #666; text-decoration: none; } body { padding: 20px; }此页面主要...原创 2018-12-27 13:21:26 · 4582 阅读 · 1 评论 -
JavaScript之小案例
JS实现标签切换栏页面效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>标签切换栏</title> <link rel="stylesheet" type=&quo原创 2018-12-28 09:29:08 · 409 阅读 · 0 评论 -
LeetCode算法学习
1、两数之和给定一个整数数组 nums 和一个目标值 target,请你在该数组中找出和为目标值的那 两个 整数,并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是,你不能重复利用这个数组中同样的元素。示例:给定 nums = [2, 7, 11, 15], target = 9因为 nums[0] + nums[1] = 2 + 7 = 9所以返回 [0, 1]优解...原创 2018-12-28 10:13:50 · 154 阅读 · 0 评论 -
JavaScript之变量、作用域和内存问题
JavaScript变量松散的类型本质,决定了它只是在特定时间保存特定值的一个名字而已。基本类型和引用类型的值变量可能包含的两种不同数据类型的值:基本类型值: 简单的数据段;引用类型值: 多个值构成的对象;在将一个值赋给变量时,解析器必须确定这个值是基本数据值还是引用数据值。基本数据类型:Undefined、Null、Boolean、Number和String。这5种基本数据类型是按值访...转载 2018-12-24 13:33:26 · 139 阅读 · 0 评论 -
JavaScript基础知识
1、关于函数部分有用拓展引用类型>Function类型>作为值的函数小例子之使数组按指定属性排序//声明函数function createComparisonFunction(propertyName){ return function(object1,object2){ var value1 = object1[propertyName]; ...原创 2018-12-29 17:12:45 · 162 阅读 · 0 评论 -
JavaScript实战之购物车案例
这个是通过网上视频案例学习,然后,自己想整理一下页面书写流程文档。show样式:HTML代码结构+CSS结构初始化css样式: * { margin: 0; padding: 0; } a { color: #666; text-decoration: none; } body { padding: 20px; }此页面主要...原创 2018-12-25 20:29:24 · 1744 阅读 · 1 评论 -
JavaScript之函数基础知识
123转载 2018-12-20 16:34:17 · 393 阅读 · 0 评论