js笔记
文章平均质量分 87
itpeilibo
不怕孤独,努力沉淀;
于淡泊中,平和自在。
展开
-
【JavaScript】js中 typeof 与 instanceof 区别
可以看到,上述两种方法都有弊端,并不能满足所有场景的需求。的基本用法,下面就实现一个全局通用的数据类型判断方法。操作符返回一个字符串,表示未经计算的操作数的类型。也就是顺着原型链去找,直到找到相同的原型对象,返回。如果我们想要判断一个变量是否存在,可以使用。表示对象或原始值的表达式,其类型将被返回。从上面例子,前6个都是基础数据类型。之后返回的是有问题的结果,不能作为判断。如果需要通用检测数据类型,可以采用。同时,可以发现引用类型数据,用。会被识别出来之外,其余的都输出。,调用该方法,统一返回格式。原创 2022-10-04 07:02:53 · 932 阅读 · 1 评论 -
js常见的数组方法
传入三个参数,分别是开始位置,要删除元素的数量,要插入的任意多个元素,返回删除元素的数组,对原数组产生影响。首先会创建一个当前数组的副本,然后再把它的参数添加到副本末尾,最后返回这个新构建的数组,不会影响原始数组。传入三个参数,分别是开始位置、0(要删除的元素数量)、插入的元素,返回空数组。传入两个参数,分别是开始位置,删除元素的数量,返回包含删除元素的数组。方法接收任意数量的参数,并将它们添加到数组末尾,返回数组的最新长度。对数组每一项都运行传入的函数,返回由每次函数调用的结果构成的数组。原创 2022-09-04 21:50:06 · 124 阅读 · 0 评论 -
精选面试题
Model 层: 数据模型层通过Ajax、fetch等 API 完成客户端和服务端业务模型的同步。View 层: 视图层作为视图模板存在,其实 View 就是⼀个动态模板。ViewModel 层: 视图模型层负责暴露数据给 View 层,并对 View 层中的数据绑定声明、 指令声明、 事件绑定声明, 进行实际的业务逻辑实现。数据变化了, 视图自动更新=> ViewModel 底层会做好监听 Object.defineProperty,当数据变化时,View 层会自动更新。......原创 2022-08-27 10:31:12 · 332 阅读 · 0 评论 -
面试题总结
如果不是一个函数返回一个新的对象,组件如果多次使用,实际公用的是同一个数据但是如果是通过函数 返回一个新的对象,这样的话,每个组件的使用数据是独立的// 订阅事件// 发布}观察者模式即一个对象被多个对象所依赖,当被依赖的对象发生更新时,会自动通知所有依赖的对象。............原创 2022-08-26 12:50:37 · 443 阅读 · 0 评论 -
前端 js 异步流程
js 是单线程的,也就代表 js 只能一件事情一件事情执行,那如果一件事情执行时间太久,后面要执行的就需要等待,需要等前面的事情执行完成,后面的才会执行。所以为了解决这个问题,js 委托宿主环境(浏览器)帮忙执行耗时的任务,执行完成后,在通知 js 去执行回调函数,而宿主环境帮我们执行的这些耗时任务也就是异步任务js 本身是无法发起异步的,但是 es5 之后提出了 Promise 可以进行异步操作。原创 2022-08-23 23:33:31 · 220 阅读 · 0 评论 -
闭包的原理跟作用
一个函数和对其周围状态()的引用捆绑在一起(或者说函数被引用包围),这样的组合就是()。大白话也就是说,闭包让你可以在一个内层函数中访问到其外层函数的作用域。原创 2022-08-22 08:14:12 · 172 阅读 · 0 评论 -
【JavaScript】js中常用的es5 数组方法
和之前for循环作用基本一样,只不过比for更灵活方便一些参数:回调函数,该回调函数有三个参数。原创 2022-08-22 08:07:04 · 348 阅读 · 0 评论 -
【JavaScript】js中继承的n种方式
子类能够使用父类的属性和方法。原创 2022-08-18 08:56:25 · 182 阅读 · 0 评论 -
前端javascript构造函数和原型(超详细讲解)
每一个实例对象又有一个__proto__属性,指向的构造函数的原型对象,构造函数的原型对象也是一个对象,也有__proto__属性,这样一层一层往上找就形成了原型链。任何对象都有原型对象,也就是prototype属性,任何原型对象也是一个对象,该对象就有__proto__属性,这样一层一层往上找,就形成了一条链,我们称此为原型链;构造函数是一个特殊的函数,用来初始化对象,为对象成员变量赋初始值,需要和new一起使用 使用场景:我们可以把对象公有属性方法抽离出来,封装到函数里面。...原创 2022-08-09 20:13:37 · 903 阅读 · 0 评论 -
前端 javascript 基础常见面试题
通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。提高了程序逻辑的局部性。增强了程序的可靠性,减少了名字冲突。全局作用域局部作用域(函数作用域)......原创 2022-08-07 22:58:55 · 242 阅读 · 1 评论 -
css基础面试题
它决定了元素如何对其内容进行定位,以及与其它元素的关系和相互作用,当涉及到可视化布局时,提供了一个环境,HTML在这个环境中按照一定的规则进行布局。是一个完全独立的空间(布局环境),让空间里的子元素不会影响到外面的布局。伪元素是行内元素正常浏览器清除浮动方法。名为“块级格式化上下文”。2.Margin边距重叠。这里简单列举几个触发。...原创 2022-07-23 23:49:45 · 136 阅读 · 0 评论 -
WebAPIs-第05天笔记
元素偏移量 offset 系列、offset 概述、offset 与 style 区别 、案例:获取鼠标在盒子内的坐标、 案例:模态框拖拽案例:仿京东放大镜🔥、 元素可视区 client 系列🔥、淘宝 flexible.js 源码分析🔥、元素滚动 scroll 系列🔥、scroll 概述🔥、 页面被卷去的头部🔥、案例:仿淘宝固定右侧侧边栏🔥、页面被卷去的头部兼容性解决方案🔥、mouseenter 和mouseover的区别🔥、动画函数封装🔥动画实现原理 动画函数给不同元素记录不同定时器原创 2022-04-19 19:31:52 · 224 阅读 · 0 评论 -
WebAPIs-第04天笔记
常用的键盘事件、键盘事件、键盘事件对象、模拟京东按键输入内容、模拟京东快递单号查询、BOM、什么是BOM、BOM的构成、顶级对象window、window对象的常见事件、页面(窗口)加载事件、调整窗口大小事件、定时器(两种)、setTimeout()、开启定时器、停止定时器、setInterval() 、开启定时器、案例:倒计时、停止定时器、this指向问题、URL、location 对象的属性、获取URL参数、navigator对象、history对象、 JS执行机制、同步任务和异步任务、JS执行机制(事原创 2022-04-16 20:49:14 · 219 阅读 · 0 评论 -
WebAPIs-第03天笔记
节点操作、删除节点、 案例:删除留言、复制节点、案例:动态生成表格、 创建元素的三种方式、innerTHML和createElement效率对比、DOM的核心总结、 创建、增加、删、改、查、属性操作、事件操作、事件高级、注册事件(2种方式)、、事件监听、 事件监听兼容性解决方案、删除事件(解绑事件)、删除事件兼容性解决方案、 DOM事件流、事件冒泡、事件捕获、事件对象、事件对象的使用、事件对象的属性和方法、e.target 和 this 的区别、 阻止默认行为、 阻止事件冒泡、事件委托、事件委托的原理原创 2022-04-15 20:11:04 · 211 阅读 · 0 评论 -
WebAPIs-第02天笔记
排他操作、 排他思想(算法)、案例:百度换肤 、案例:表格隔行变色 、## 案例:全选、自定义属性操作、获取属性值、设置属性值、移出属性、案例:tab栏、H5自定义属性、节点操作、节点概述、节点层级、父级节点、 子节点、所有子节点、子元素节点、第1个子节点、最后1个子节点、第1个子元素节点、最后1个子元素节点、 案例:新浪下拉菜单 、兄弟节点、上一个兄弟节点、下一个兄弟节点、下一个兄弟元素节点(有兼容性问题)、上一个兄弟元素节点(有兼容性问题)、创建节点、添加节点、案例:简单版发布留言 、原创 2022-04-13 19:09:13 · 258 阅读 · 0 评论 -
WebAPIs-第01天笔记
Web APIs 和 Js基础的关联性、JS 基础阶段以及 Web APIs 阶段 、API的概念、 什么是DOM、DOM树、 获取元素、 根据ID获取、 根据标签名获取某类元素、H5新增获取元素方式、获取特殊元素、事件基础、事件概述、事件三要素、执行事件的步骤、 分析事件三要素、常见的鼠标事件、操作元素、### 改变元素内容(获取或设置)、innerText和innerHTML的区别、元素的常用属性操作、表单元素的属性操作、获取属性的值、样式属性操作、 显示隐藏文本内容通过操作className属性原创 2022-04-13 13:18:28 · 359 阅读 · 2 评论 -
【JavaScript】js基础第06天笔记
内置对象、查找文档、Math对象、 日期对象、数组对象、字符串对象、基本包装类型、字符串操作方法、replace()方法、split()方法、简单数据类型和复杂数据类型、堆栈、简单类型传参、 复杂数据类型传参、原创 2022-04-09 23:51:25 · 212 阅读 · 0 评论 -
【JavaScript】js基础第05天笔记
1 - 作用域 1.1 作用域概述 1.2 全局作用域 1.3 局部作用域 1.4 JS没有块级作用域 2 - 变量的作用域 2.1 全局变量 2.2 局部变量 3 - 作用域链 4 - 预解析 4.2 变量预解析 4.3 函数预解析 4.4 函数表达式声明函数问题 5 - 对象 5.1 对象概述 5.1.1 什么是对象?5.1.2 为什么需要对象?5.2 创建对象的三种方式 5.2.1 利用字面量创建对象 5.2.2 对象的使用利用 new Object 创建对象 利用构造函数创建对象遍历对象原创 2022-04-08 20:34:58 · 167 阅读 · 0 评论 -
【JavaScript】js基础第04天笔记
JavaScript基础笔记地址🔥JavaScript基础第一天https://blog.csdn.net/weixin_46862327/article/details/123923418🔥JavaScript基础第二天https://blog.csdn.net/weixin_46862327/article/details/123924961🔥JavaScript基础第三天https://blog.csdn.net/weixin_46862327/article/d...原创 2022-04-06 19:07:51 · 1146 阅读 · 0 评论 -
【JavaScript】js基础第03天笔记
JavaScript基础笔记地址🔥JavaScript基础第一天https://blog.csdn.net/weixin_46862327/article/details/123923418🔥JavaScript基础第二天https://blog.csdn.net/weixin_46862327/article/details/123924961JavaScript基础第03天笔记0-目标能够说出循环的目的能够说出 for 循环的执行过程能够使用断点调试来观察代...原创 2022-04-03 23:26:00 · 179 阅读 · 0 评论 -
【JavaScript】js基础第02天笔记
JavaScript基础笔记地址🔥JavaScript基础第一天https://blog.csdn.net/weixin_46862327/article/details/123923418JavaScript基础第02天0-目标能够使用常用运算符能够说出前置递增和后置递增的区别能够说出运算符的优先级能够使用 if 分支语句能够使用 switch 分支语句能够使用三元表达式1 - 运算符(操作符)1.1 运算符的分类运算符(operator)也被称为操作符...原创 2022-04-02 17:23:57 · 242 阅读 · 0 评论 -
【JavaScript】js基础第01天笔记
编程语言和标记语言区别、计算机组成、数据存储、数据存储单位、程序运行、初始JavaScript、 JavaScript 是什么、JavaScript的作用、 HTML/CSS/JS 的关系、浏览器执行 JS 简介、JS 的组成、DOM文档对象模型、BOM浏览器对象模型、JS 有3种书写位置、注释、输入输出语句、变量的概念、变量的使用、变量语法扩展、变量命名规范、数据类型、数字型范围、字符串型 String、字符串引号嵌套、字符串长度、字符串拼接、理解什么是交互、Undefined和 Null、获取变量数据类原创 2022-04-02 16:59:08 · 409 阅读 · 0 评论