03 2022 档案

摘要:事件循环Event loop 主线程从"任务队列"中读取执行事件,这个过程是循环不断的,这个机制被称为事件循环。此机制具体如下:主 线程会不断从任务队列中按顺序取任务执行,每执行完一个任务都会检查microtask队列是否为空(执行完一个 任务的具体标志是函数执行栈为空),如果不为空则会一次性执行完 阅读全文
posted @ 2022-03-15 23:43 宁凯 阅读(62) 评论(0) 推荐(0)
摘要:Vue 中 $nextTick 作用与原理 作用:是为了可以获取更新后的DOM 。 由于Vue DOM更新是异步执行的,即修改数据时,视图不会立即更新,而是会监听数据变化,并缓存在同一事件循环中,等同一数据循环中的所有数据变化完成之后,再统一进行视图更新。为了确保得到更新后的DOM,所以设置了 Vu 阅读全文
posted @ 2022-03-15 23:37 宁凯 阅读(312) 评论(0) 推荐(0)
摘要:v-if v-show区别 v-show和v-if都是用来显示隐藏元素,v-if还有一个v-else配合使用,两者达到的效果都一样,但是v-if更消耗性能的,因为v-if在显示隐藏过程中有DOM的添加和删除,v-show就简单多了,只是操作css。 解析: v-show v-show不管条件是真还是 阅读全文
posted @ 2022-03-15 23:33 宁凯 阅读(92) 评论(0) 推荐(0)
摘要:promise和 async await 区别 概念Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大,简单地说,Promise好比容器,里面存放着一些未来才会执行完毕(异步)的事件的结果,而这些结果一旦生成是无法改变的 async await也是异步编程 阅读全文
posted @ 2022-03-15 23:26 宁凯 阅读(277) 评论(0) 推荐(0)
摘要:HashRouter 和 HistoryRouter的区别和原理 vue-router是Vue官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。vue-router默认 hash 模式,还有一种是history模式。 原理: hash路由:hash模式的工作原理是h 阅读全文
posted @ 2022-03-14 20:52 宁凯 阅读(1258) 评论(0) 推荐(0)
摘要:mvc和mvvm的区别 MVC: MVC是应用最广泛的软件架构之一,一般MVC分为:Model(模型),View(视图),Controller(控制器)。 这主要是基于分层的目的,让彼此的职责分开.View一般用过Controller来和Model进行联系。Controller是Model和View 阅读全文
posted @ 2022-03-14 20:50 宁凯 阅读(258) 评论(0) 推荐(0)
摘要:indexof 语法:str.indexOf(searchValue [, fromIndex]) 参数:searchValue:要被查找的字符串值。 如果没有提供确切地提供字符串,[searchValue 会被强制设置为"undefined"], 然后在当前字符串中查 找这个值。 举个例子:'un 阅读全文
posted @ 2022-03-12 22:00 宁凯 阅读(627) 评论(0) 推荐(0)
摘要:js静态类型检查 js是动态类型语言 静态类型语言 & 动态类型语言 静态类型语言:类型检查发生在编译阶段,因此除非修复错误,否则会一直编译失败 动态类型语言:只有在程序运行了一次的时候错误才会被发现,也就是在运行时,因此即使代码中包含了会 在运行时阻止脚本正常运行的错误类型,这段代码也可以通过编译 阅读全文
posted @ 2022-03-12 22:00 宁凯 阅读(224) 评论(0) 推荐(0)
摘要:for of 可以遍历哪些对象 for..of..: 它是es6新增的一个遍历方法,但只限于迭代器(iterator), 所以普通的对象用for..of遍历是会报错的。 可迭代的对象:包括Array, Map, Set, String, TypedArray, arguments对象等等 阅读全文
posted @ 2022-03-12 21:59 宁凯 阅读(335) 评论(0) 推荐(0)
摘要:map 和 forEach 的区别 相同点: 都是循环遍历数组中的每一项 每次执行匿名函数都支持三个参数,参数分别为item(当前每一项),index(索引值),arr(原数组) 匿名函数中的this都是指向window 只能遍历数组 不同点: map()会分配内存空间存储新数组并返回,forEac 阅读全文
posted @ 2022-03-10 23:58 宁凯 阅读(50) 评论(0) 推荐(0)
摘要:constructor的理解 创建的每个函数都有一个prototype(原型)对象,这个属性是一个指针,指向一个对象。在默认情况下,所有原型对象都会自动获得一个constructor(构造函数)属性,这个属性是一个指向prototype属性所在函数的指针。当调用构造函数创建一个新实例后,该实例的内部 阅读全文
posted @ 2022-03-10 23:58 宁凯 阅读(192) 评论(0) 推荐(0)
摘要:Object.assign的理解 作用:Object.assign可以实现对象的合并。 语法:Object.assign(target, ...sources) 解析: Object.assign会将source里面的可枚举属性复制到target,如果和target的已有属性重名,则会覆盖。 后续的 阅读全文
posted @ 2022-03-10 23:57 宁凯 阅读(120) 评论(0) 推荐(0)
摘要:js数据类型,区别 基本数据类型: Number,String,Boolean,null,undefined,symbol,bigint(后两个为ES6新增) 引用数据类型: object,function(proto Function.prototype) object:普通对象,数组对象,正则对 阅读全文
posted @ 2022-03-09 23:39 宁凯 阅读(71) 评论(0) 推荐(0)
摘要:var ——ES5 变量声明方式 在变量未赋值时,变量undefined(为使用声明变量时也为undefined) 作用域——var的作用域为方法作用域;只要在方法内定义了,整个方法内的定义变量后的代码都可以使用 let——ES6变量声明方式 在变量为声明前直接使用会报错 作用域——let为块作用域 阅读全文
posted @ 2022-03-09 23:37 宁凯 阅读(23) 评论(0) 推荐(0)
摘要:BFC(边距重叠解决方案) BFC: 块级格式化上下文BFC基本概念:BFC是CSS布局的一个概念,是一块独立的渲染区域,是一个环境,里面的元素不会影响到外部的元素 。父子元素和兄弟元素边距重叠,重叠原则取最大值。空元素的边距重叠是取margin与 padding 的最大值。 BFC原理(渲染规则| 阅读全文
posted @ 2022-03-08 22:01 宁凯 阅读(113) 评论(0) 推荐(0)
摘要:行内元素和块级元素什么区别,然后怎么相互转换 块级元素 1.总是从新的一行开始,即各个块级元素独占一行,默认垂直向下排列; 2.高度、宽度、margin及padding都是可控的,设置有效,有边距效果; 3.宽度没有设置时,默认为100%; 4.块级元素中可以包含块级元素和行内元素。 行内元素 1. 阅读全文
posted @ 2022-03-07 18:17 宁凯 阅读(401) 评论(0) 推荐(0)
摘要:css预处理工具 CSS 预处理器是一个能让你通过预处理器自己独有的语法来生成CSS的程序。 css预处理器种类繁多,三种主流css预处理器是Less、Sass(Scss)及Stylus;它们各自的背景如下: Sass: 2007年诞生,最早也是最成熟的CSS预处理器,拥有ruby社区的支持和com 阅读全文
posted @ 2022-03-05 01:52 宁凯 阅读(73) 评论(0) 推荐(0)
摘要:canvas 发现好多面试题有问到这方面的知识,特意来此学习。 简介: 是H5新增的组件,就像一块幕布,一个可以使用脚本(通常为Javascript)在其中绘制图形的HTML元素,他可以用来制作各种图、表,或者一些动画,同时还可以实现动画、缩放、各种过滤和像素、转换等高级操作。 特点: canvas 阅读全文
posted @ 2022-03-03 22:59 宁凯 阅读(51) 评论(0) 推荐(0)
摘要:css继承相关 css的继承:就是给父级设置一些属性,子级继承了父级的该属性,这就是我们的css中的继承。 官方解释,继承是一种规则,它允许样式不仅应用于特定的html标签元素,而且应用于其后代元素。 无继承性的属性 1、display:规定元素应该生成的框的类型 2、文本属性: vertical- 阅读全文
posted @ 2022-03-03 22:55 宁凯 阅读(29) 评论(0) 推荐(0)
摘要:为什么link用href获取资源 script和img用src src用于替换当前元素,href用于在当前文档和引用资源之间确立联系。 src src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求src资源时会将其指向的资源下载并应用到文档内,例如js脚 阅读全文
posted @ 2022-03-03 20:26 宁凯 阅读(213) 评论(0) 推荐(0)
摘要:link 和 @import 作用:样式的导入方式 link 的使用 <link href="index.css" rel="stylesheet"> @import 的使用 <style type="text/css"> @import url(index.css); </style> link 阅读全文
posted @ 2022-03-03 20:24 宁凯 阅读(252) 评论(0) 推荐(0)
摘要:html5语义化 在HTML5出来之前,我们习惯于用div来表示页面的章节或者不同模块,但是div本身是没有语义的。但是现在,HTML5中加入了一些语义化标签,来更清晰的表达文档结构。 标签: 语义化优点: 易于用户阅读,样式丢失的时候能让页面呈现清晰的结构。 有利于SEO,搜索引擎根据标签来确定上 阅读全文
posted @ 2022-03-02 23:34 宁凯 阅读(64) 评论(0) 推荐(0)
摘要:伪类和伪元素 伪类:用于已有元素处于某种状态时为其添加对应的样式,这个状态是根据用户行为而动态变化的。 例如:当用户悬停在指定元素时,可以通过:hover来描述这个元素的状态,虽然它和一般css相似,可以为 已有元素添加样式,但是它只有处于DOM树无法描述的状态下才能为元素添加样式,所以称为伪类。 阅读全文
posted @ 2022-03-02 23:32 宁凯 阅读(155) 评论(0) 推荐(0)
摘要:新增选择器 document.querySelector、document.querySelectorAll 拖拽释放(Drag and drop) API 媒体播放的 video 和 audio 本地存储 localStorage 和 sessionStorage 离线应用 manifest 桌面 阅读全文
posted @ 2022-03-02 23:27 宁凯 阅读(27) 评论(0) 推荐(0)