weixin_64840384的博客

原创 React基础知识总结和思维导图

React 介绍React 起源于 Facebook(Meta) 的内部项目（2011，News Feed），之后又被用来开发网站（2012，Instagram），并于 2013 年 5 月开源。React 是一个用于构建用户界面的 JavaScript 库。 用户界面：HTML 界面。 Library（库）和 Framework（框架）：库的特点是小而巧，针对特定问题的单一解决方案。框架的特点是大而全，提供了一整套的解决方案。 React 特点 声明式 只需要描述 U

原创 Ajax / 计算机网络相关 面试题总结

1、什么是 Ajax，Ajax 的原理，Ajax 都有哪些优点和缺点？他是指一种创建交互式网页应用的网页开发技术。异步的获取服务器端的数据,实现页面的局部刷新.Ajax 的原理通过 XMLHTTPRequest 对象来向服务器发异步请求，从服务器获得数据，然后用 javascript来操作 DOM 而更新页面。这其中最关键的一步就是从服务器获得请求数据。XMLHTTPRequest 是 Ajax 的核心机制，它是在 IE5 中首先引入的，是一种支持异步请求的技术。简单的说，也就是 jav

原创 跨域的理解以及解决跨域的方式

两个地址如果有相同的协议,域名或者ip,以及端口,那么我们就说这两个地址出自相同的源,浏览器对同源的地址有一个安全策略,就是禁止非同源的数据操作dom,cookie以及接收ajax,所以一旦出现跨域,我们的ajax接收数据就会出现跨域报错.解决这种跨域报错的方案有两种,一种是cors技术解决方案,一种是jsonp技术解决方案。 cors解决方案完全依赖于后端(我个人对nodejs也有一定的研究,学得不好就别说了),cors后端人员可以直接进行配置,目前常用的ajax版本对co...

原创 MVVM 和 MVC 区别是什么？哪些场景适合？

MVVM 基本定义和 MVC 的基本定义和使用场景

原创 JavaScript高频面试题总结02 内附答案

1、函数传参，传递复杂数据类型和简单数据类型有什么区别？简单数据类型传的是数值,而复杂数据类型传的是地址基本数据类型之间的赋值基本数据类型：1、基本数据类型变量存储的是值，2、基本数据类的变量存储在栈内存中，3、基本数据类型的变量和变量之间互不影响 var num = 10 var num2 = num num2 = 200 console.log(num) // 100 console.log(num2) // 200 相当于是把 num 的值复制了一份一摸一样的

原创 Vue后台管理系统中的权限管理实现方法

登录：当用户填写完账号和密码后向服务端验证是否正确，验证通过之后，服务端会返回一个token，拿到token之后（我会将这个token存贮到cookie中，保证刷新页面后能记住用户登录状态），前端会根据token再去拉取一个 user_info 的接口来获取用户的详细信息（如用户权限，用户名等等信息）。权限验证：通过token获取用户对应的 权限，动态根据用户的 权限算出其对应有权限的路由，通过 router.addRoutes 动态挂载这些路由。具体思路：登录成功后，服务端会返回一个 toke

原创 JavaScript高频面试题总结01 内附答案

1、JavaScript 的基本类型有哪些？引用类型有哪些？null 和undefined 的区别？数据类型基本数据类型：Number、String、Boolean、null、undefined引用数据类型：Function、Object、Array区别undefined:表示变量声明但未赋值null：表示没有没有对象2、简述创建函数的几种方式？第一种（函数声明）第二种（函数表达式）第三种（函数对象方式）3、Javascript 创建对象的几种方式？ 简单对

原创 Vue 高频面试题总结06 内附答案

1、Vue 的 nextTick 的原理是什么? 为什么需要 nextTick ，Vue 是异步修改 DOM 的并且不鼓励开发者直接接触 DOM，但有时候业务需要必须对数据更改--刷新后的 DOM 做相应的处理，这时候就可以使用 Vue.nextTick(callback)这个 api 了。 理解原理前的准备 首先需要知道事件循环中宏任务和微任务这两个概念,常见的宏任务有 script, setTimeout, setInterval, setImmediate, I/O, UI rende

原创 Vue 高频面试题总结05 内附答案

1、你对 Vue.js 的 template 编译的理解？就是先转化成 AST 树，再得到的 render 函数返回 VNode（Vue 的虚拟 DOM 节点）首先，通过 compile 编译器把 template 编译成 AST 语法树（abstract syntax tree 即 源代码的抽象语法结构的树状表现形式），compile 是 createCompiler的返回值，createCompiler 是用以创建编译器的。另外 compile 还负责合并option。然后，AST 会经过

原创 Vue 高频面试题总结04 内附答案

1、Vue-Router 是干什么的，原理是什么？Vue-Router 是 Vue.js 官方的路由插件，它和 Vue.js 是深度集成的，适合用于构建单页面应用。Vue 的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在 Vue-Router 单页面应用中，则是路径之间的切换，也就是组件的切换。路由模块的本质 就是建立起 url 和页面之间的映射关系。2、路由之间是怎么跳转的？有哪些方式？ <r

原创 Vue 高频面试题总结03 内附答案

1、computed 中的属性名和 data 中的属性名可以相同吗？不能同名，因为不管是 computed 属性名还是 data 数据名还是 props 数据名都会被挂载在 vm 实例上，因此这三个都不能同名。2、什么是 Vue 的计算属性计算属性作用 ： 解决复杂逻辑数据渲染问题 某些数据在渲染的时候，可能要经过一些复杂逻辑的计算处理 在模板中放入太多的逻辑会让模板过重且难以维护，在需要对数据进行复杂处理，且可能多次使用的情况下，尽量采取计算属性的方式, 解决复杂逻辑数据渲染问题

原创 Vue 高频面试题总结02 内附答案

1、Vue 中 solt 的使用方式，以及 solt 作用域插槽的用法使用方式：当组件当做标签进行使用的时候，用 slot 可以用来接受组件标签包裹的内容，当给 solt 标签添加 name 属性的 时候，可以调换响应的位置插槽作用域： 作用域插槽其实就是带数据的插槽，父组件接收来自子组件的 slot 标签上通过 v-bind 绑定进而传递过来的数 据，父组件通过 scope 来进行接受子组件传递过来的数据2、Vue 该如何实现组件缓存?在面向组件化开发中，我们会把整个项目拆分为很多业务组件

原创 Vue 高频面试题总结 内附答案

1、Vue 的最大的优势是什么？ 可以进行组件化开发, 大量减少代码的编写 更易于理解 最突出的优势在于可以对数据进行双向绑定. 相比传统的页面通过超链接的方式实现页面切换和跳转，vue 使用路由不会刷新页面 vue是单页面应用,不用每次跳转页面都要请求所有数据和dom，提高了访问速度和用户体验 而且他的第三方组件库使用起来更加节省开发时间,从而提高开发效率 2、Vue 数据双向绑定的原理是什么?Vue.js 是采用数据劫持结合发布者-订阅者模式的方式，

原创 WebApi思维导图-事件

原创 总结JavaScript中常见的ES6新语法特性

let与constES5中声明变量var关键字特点: 预解析: 变量声明提升 没有块级作用域: if和for大括号里面声明的变量也是全局的 ES6中声明变量let和const特点: 没有预解析: 变量必须先声明,才能使用 块级作用域: if和for大括号里面的变量是局部的 let与const区别: let声明：变量,可以修改变量中的数据 const声明: 常量,只能赋值一次 不能修改 对象解构赋值解构赋值本质 就是 变量赋值语法的简写语法

原创 JavaScript高级超详细思维导图

原创 Vue双向数据绑定的原理详解(前端面试必问)

vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。　　具体步骤：　　第一步：需要 observe 的数据对象进行递归遍历，包括子属性对象的属性，都加上 setter 和 getter 这样的话，给这个对象的某个值赋值，就会触发setter，那么就能监听到了数据变化　　第二步：compile解析模板指令，将模板中的变量替换成数据，然后初始化渲染页面

原创 Vue路由系统思维导图

原创 Vue插槽超详细思维导图

原创 Vue生命周期钩子详细介绍(面试必问)

作用: 特定的时间点，执行特定的操作场景: 组件创建完毕后，可以在created 生命周期函数中发起Ajax 请求，从而初始化 data 数据vue声明周期钩子: vue实例从加载到销毁过程中会执行的一些回调函数声明周期: vue实例从创建到销毁的过程. (vue实例创建.dom树完成渲染)钩子: 回调函数vue声明周期4个阶段8个钩子阶段一: 创建 (创建vue实例)beforeCreate created阶段二: 挂载 (data数据渲染到el)beforeMount

原创 Vue常用指令的介绍及应用

1.Vue指令的本质是 ： Vue为HTML标签新增的一些属性(1) 每一个HTML标签都有自己的原生默认属性HTML标签的每一个属性都有自己独特的功能例如 img标签的src属性，a标签的href属性(2) Vue认为,HTML标签原生的属性还不够用，所以Vue为HTML标签新增了很多的属性，每一个属性(指令)都可以实现一个强大的功能2.在Vue中每一个指令都是以v-开头 （用于区分HTML标签原生属性）...

原创 Vue 基础组件-思维导图(简单明了,一看就懂~)

vue组件的思维导图~