03 2022 档案

事件循环Event loop
摘要：事件循环Event loop 主线程从"任务队列"中读取执行事件，这个过程是循环不断的，这个机制被称为事件循环。此机制具体如下:主 线程会不断从任务队列中按顺序取任务执行，每执行完一个任务都会检查microtask队列是否为空（执行完一个 任务的具体标志是函数执行栈为空），如果不为空则会一次性执行完 阅读全文
posted @ 2022-03-15 23:43 宁凯 阅读(62) 评论(0) 推荐(0)
Vue 中 $nextTick 作用与原理
摘要：Vue 中 $nextTick 作用与原理 作用：是为了可以获取更新后的DOM 。 由于Vue DOM更新是异步执行的，即修改数据时，视图不会立即更新，而是会监听数据变化，并缓存在同一事件循环中，等同一数据循环中的所有数据变化完成之后，再统一进行视图更新。为了确保得到更新后的DOM，所以设置了 Vu 阅读全文
posted @ 2022-03-15 23:37 宁凯 阅读(312) 评论(0) 推荐(0)
v-if v-show区别
摘要：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和 async await 区别 概念Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大，简单地说，Promise好比容器，里面存放着一些未来才会执行完毕（异步）的事件的结果，而这些结果一旦生成是无法改变的 async await也是异步编程 阅读全文
posted @ 2022-03-15 23:26 宁凯 阅读(277) 评论(0) 推荐(0)
HashRouter 和 HistoryRouter的区别和原理
摘要：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和mvvm的区别 MVC: MVC是应用最广泛的软件架构之一,一般MVC分为:Model(模型),View(视图),Controller(控制器)。 这主要是基于分层的目的,让彼此的职责分开.View一般用过Controller来和Model进行联系。Controller是Model和View 阅读全文
posted @ 2022-03-14 20:50 宁凯 阅读(258) 评论(0) 推荐(0)
indexof
摘要：indexof 语法：str.indexOf(searchValue [, fromIndex]) 参数：searchValue：要被查找的字符串值。 如果没有提供确切地提供字符串，[searchValue 会被强制设置为"undefined"]， 然后在当前字符串中查 找这个值。 举个例子：'un 阅读全文
posted @ 2022-03-12 22:00 宁凯 阅读(627) 评论(0) 推荐(0)
js静态类型检查
摘要：js静态类型检查 js是动态类型语言 静态类型语言 & 动态类型语言 静态类型语言：类型检查发生在编译阶段，因此除非修复错误，否则会一直编译失败 动态类型语言：只有在程序运行了一次的时候错误才会被发现，也就是在运行时，因此即使代码中包含了会 在运行时阻止脚本正常运行的错误类型，这段代码也可以通过编译 阅读全文
posted @ 2022-03-12 22:00 宁凯 阅读(224) 评论(0) 推荐(0)
for of 可以遍历哪些对象
摘要：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 的区别
摘要：map 和 forEach 的区别 相同点： 都是循环遍历数组中的每一项 每次执行匿名函数都支持三个参数，参数分别为item（当前每一项），index（索引值），arr（原数组） 匿名函数中的this都是指向window 只能遍历数组 不同点： map()会分配内存空间存储新数组并返回，forEac 阅读全文
posted @ 2022-03-10 23:58 宁凯 阅读(50) 评论(0) 推荐(0)
constructor的理解
摘要：constructor的理解 创建的每个函数都有一个prototype（原型）对象，这个属性是一个指针，指向一个对象。在默认情况下，所有原型对象都会自动获得一个constructor（构造函数）属性，这个属性是一个指向prototype属性所在函数的指针。当调用构造函数创建一个新实例后，该实例的内部 阅读全文
posted @ 2022-03-10 23:58 宁凯 阅读(192) 评论(0) 推荐(0)
Object.assign的理解
摘要：Object.assign的理解 作用：Object.assign可以实现对象的合并。 语法：Object.assign(target, ...sources) 解析： Object.assign会将source里面的可枚举属性复制到target，如果和target的已有属性重名，则会覆盖。 后续的 阅读全文
posted @ 2022-03-10 23:57 宁凯 阅读(120) 评论(0) 推荐(0)
js数据类型，区别
摘要：js数据类型，区别 基本数据类型： Number，String，Boolean，null，undefined，symbol，bigint（后两个为ES6新增） 引用数据类型： object，function（proto Function.prototype） object：普通对象，数组对象，正则对 阅读全文
posted @ 2022-03-09 23:39 宁凯 阅读(71) 评论(0) 推荐(0)
let const var 相关
摘要：var ——ES5 变量声明方式 在变量未赋值时，变量undefined（为使用声明变量时也为undefined） 作用域——var的作用域为方法作用域；只要在方法内定义了，整个方法内的定义变量后的代码都可以使用 let——ES6变量声明方式 在变量为声明前直接使用会报错 作用域——let为块作用域 阅读全文
posted @ 2022-03-09 23:37 宁凯 阅读(23) 评论(0) 推荐(0)
BFC和IFC
摘要：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预处理器种类繁多，三种主流css预处理器是Less、Sass（Scss）及Stylus；它们各自的背景如下: Sass： 2007年诞生，最早也是最成熟的CSS预处理器，拥有ruby社区的支持和com 阅读全文
posted @ 2022-03-05 01:52 宁凯 阅读(73) 评论(0) 推荐(0)
canvas
摘要：canvas 发现好多面试题有问到这方面的知识，特意来此学习。 简介： 是H5新增的组件，就像一块幕布，一个可以使用脚本（通常为Javascript）在其中绘制图形的HTML元素，他可以用来制作各种图、表，或者一些动画，同时还可以实现动画、缩放、各种过滤和像素、转换等高级操作。 特点： canvas 阅读全文
posted @ 2022-03-03 22:59 宁凯 阅读(51) 评论(0) 推荐(0)
css继承相关
摘要：css继承相关 css的继承：就是给父级设置一些属性，子级继承了父级的该属性，这就是我们的css中的继承。 官方解释，继承是一种规则，它允许样式不仅应用于特定的html标签元素，而且应用于其后代元素。 无继承性的属性 1、display：规定元素应该生成的框的类型 2、文本属性： vertical- 阅读全文
posted @ 2022-03-03 22:55 宁凯 阅读(29) 评论(0) 推荐(0)
为什么link用href获取资源 script和img用src
摘要：为什么link用href获取资源 script和img用src src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。 src src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚 阅读全文
posted @ 2022-03-03 20:26 宁凯 阅读(213) 评论(0) 推荐(0)
文件引入方式 link 和 @import
摘要：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语义化 在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)
HTML5的新特性
摘要：新增选择器 document.querySelector、document.querySelectorAll 拖拽释放(Drag and drop) API 媒体播放的 video 和 audio 本地存储 localStorage 和 sessionStorage 离线应用 manifest 桌面 阅读全文
posted @ 2022-03-02 23:27 宁凯 阅读(27) 评论(0) 推荐(0)