![](https://img-blog.csdnimg.cn/20190927151101105.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
面试题重点总结 2021
js/es6
bingqise5193
这个作者很懒,什么都没留下…
展开
-
组件通信及vuex原理
组件通信方式简易集中式状态管理器vuex的使用vuex原理原创 2020-11-08 21:31:50 · 329 阅读 · 0 评论 -
vue-router基础回顾与原理
vue-router基础可以参考这篇: https://www.jianshu.com/p/4c5c99abb864这边还是提两点面试容易考的,可以从上面这篇文字找到答案:$route 和 $router 的区别 router.push() router.replace()路由守卫详细可以参考这篇:https://blog.csdn.net/bingqise5193/article/details/102959259常用的守卫有beforeEach 常用于进入页面前判断用户是否有权限原创 2020-10-31 16:42:18 · 755 阅读 · 0 评论 -
vue响应式原理及自定义事件原理
vue 自定义事件原理和订阅发布模式订阅发布模式订阅发布模式重点就是有一个事件中心,注册和触发都是对同一个对象class EventEmitter { constructor() { this.subs = Object.create(null) } // 订阅事件 $on(eventType, handler) { this.subs[eventType] = this.subs[eventType] || [] thi原创 2020-11-03 21:33:21 · 567 阅读 · 0 评论 -
vue基础
Vue常用指令v-if v-elsev-showv-if 会根据渲染条件元素会被适当地销毁和重建v-show 通过控制css属性display来控制元素的显示与否,元素是一直存在的v-if 有更高的切换消耗而v-show有更高的初始渲染消耗,某些元素在进入页面时依靠接口请求数据决定是否显示,后面基本上很少变化了,用v-if比较合适,页面上显示与否状态会频繁切换用v-show,比如某个元素的显示与否是用户通过按钮来控制的。V-forV-bind 绑定动态属性数据v-once 执行一次性地原创 2020-11-11 21:17:01 · 510 阅读 · 0 评论 -
HTTP
HTTP是什么超文本传输协议,是一个客户端和服务器间通信必须遵守的协议,可用于传输文本、图片、音频视频等。建立在tcp/IP协议之上,依靠 IP协议实现寻址和路由、TCP 协议实现可靠数据传输、DNS 协议实现域名查找、SSL/TLS 协议实现安全通信。此外,还有一些协议依赖于 HTTP,例如 WebSocket 等。URIURI 主要有三个基本的部分构成:协议名:即访问该资源应当使用的协议,在这里是“http”;主机名:即互联网上主机的标记,可以是域名或 IP 地址,在这里是“nginx.or原创 2020-12-09 21:22:09 · 14832 阅读 · 1 评论 -
浏览器执行javaScript代码基础
一段 JavaScript 代码在执行之前需要被 JavaScript 引擎编译,编译完成之后,才会进入执行阶段。输入一段代码,经过编译后,会生成两部分内容:执行上下文(Execution context)和可执行代码。执行上下文是 JavaScript 执行一段代码时的运行环境,比如调用一个函数,就会进入这个函数的执行上下文,确定该函数在执行期间用到的诸如 this、变量、对象以及函数等...原创 2020-12-01 16:45:14 · 296 阅读 · 0 评论 -
彻底搞通Js中的异步
首先考虑如下的场景:请求2只有在请求1成功的情况下才能发出,那么只要在请求2的成功的回调函数中发出请求1即可,代码如下:回调地狱 function ajax(url) { let xhr = new XMLHttpRequest() xhr.open('GET', url) xhr.onload = function() { if(this.status === 200) { console.l原创 2020-10-25 19:43:51 · 126 阅读 · 0 评论 -
彻底搞通Js中的事件循环
基本原理js是单线程的,避免了多个线程同时操作同一个DOM产生矛盾的问题。但浏览器Js引擎执行一段代码块,会将同步任务放到主线程排队执行,异步任务放到任务队列,异步任务又分宏任务和微任务,比如常见的setTimeout / setInterval 为宏任务,promise.then/Mutation Observe为微任务(在这里需要注意的是,尽管promise.then是微任务,但是其注册是在状态确认后同步的,具体后面通过示例讲解)。当主线程执行完毕后会去检查微任务队列,微任务队列中所有的任务都会被依原创 2020-10-25 19:43:07 · 132 阅读 · 0 评论 -
防抖和节流
为什么要防抖和节流一些持续触发的事件,如 resize、scroll、mousemove、拖拽等等,但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。一些的具体场景:监听浏览器滚动事件,返回当前滚条与顶部的距离,页面resize事件,常见于需要做页面适配的时候搜索框input事件,例如要支持输入实时搜索可以使用节流方案(间隔一段时间就必须查询相关内容),或者实现输入间隔大于某个值(如500ms),就当做用户输入完成,然后开始搜索,方案要看业务需求。那么具体看看防抖和节流:防抖原创 2020-10-10 19:58:28 · 153 阅读 · 0 评论 -
let var const 总结
首先总结下let/var/const三者的区别与联系总结1.let和var和const的区别let没有变量提升,var有,所谓的变量提升即能否在声名变量前访问变量let 有块级作用域,var没有,所以if for等块对var来说没有限制作用,对let有在全局作用域中let声明不会像var一样会在全局window对象中创建一个属性let会有暂时性死区,只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。const的作用很多时候和let是一样的,原创 2020-10-09 21:30:39 · 131 阅读 · 0 评论 -
原型、原型链、new做了什么、继承
原型和原型链比我们通过一个构造函数new了一个新对象,构造函数的原型prototype指向一个对象,所有通过该构造函数new的新对象可以共享它所包含的属性和方法。构造函数的原型prototype是一个对象,那么它也可以有自己的构造函数原型prototype,通过这样,形成一个原型链。原型链最终都可以上溯到Object.prototype。Object.prototype的__proto__是null。null没有任何属性和方法,也没有自己的原型。因此,原型链的尽头就是null。来看一个例子:func原创 2020-09-25 16:21:44 · 336 阅读 · 0 评论 -
js 事件高频总结
添加事件的三种方法 <button onclick="alert('surprise 0')">click me 0!</button> <button id="dom1">click me 1!</button> <button id="dom2">click me 2!</button> <script> const dom1 = document.getElementById('dom1')原创 2020-09-25 10:48:42 · 249 阅读 · 0 评论 -
js变量类型、传值、计算等基础总结
变量类型存储地址,空间基本数据类型存储在栈中,占空间大小固定undefined,nullull,Boolean,Number,String,Symbol引用数据类型存储在堆中,大小不固定,引用数据类型在栈中存储了指针,该指针指向堆中该实体的起始地址。当解释器寻找引用值时,会首先检索其在栈中的地址,取得地址后从堆中获得实体对象由于引用数据类型的特殊性,在函数传值时需要特别注意,来看以下例子: let obj = { name: 'liaof' }原创 2020-09-24 15:45:46 · 163 阅读 · 0 评论 -
数组/对象/字符串方法练习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数组方法练习</title></head><body> <script> // .原创 2020-09-22 16:32:17 · 163 阅读 · 0 评论 -
彻底理解作用域、闭包和this
搞定作用域、闭包和this作用域闭包this新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入作用域可以理解为是一个对象包含了当前执行环境的信息。当查找变量的时候,会先从当前作用域对象中查找,如果没有找到,就会去父级查找,原创 2020-09-16 22:24:26 · 424 阅读 · 0 评论