摘要：
前言 出于浏览器同源策略的影响，浏览器会阻止一个域的 js 脚本和另一个域的内容进行交互，因此产生了跨域问题，该问题也经常在面试和开发中遇到，本文来总结一下相关知识点。 正文 1、什么是同源策略 因为浏览器出于安全考虑，存在同源策略，就是说如果协议、域名、端口号有一个不同就产生了跨域，不同域之间的资 阅读全文
摘要：
前言 防抖与节流是最常用的高频触发优化的方式，比如在开发中防止重复提交、在下拉加载更多的时候防止重复请求等问题。文本来总结下防抖与节流的区别及使用。 正文 1、防抖 防抖 (debounce): 将多次高频操作优化为只在最后一次执行，通常使用的场景是：用户输入，只需再输入完成后做一次输入校验即可。 阅读全文
摘要：
前言 前面介绍了vuex每个核心概念的知识点，可是具体在项目中如何把这些概念组合起来使用呢？本文来总结一下常见的使用方法和对应的项目结构。 正文 本文来以一个登录退出的功能来演示vuex在项目中的使用，登录之后保存登录的token便于下一次发送请求时将token放于请求头中确认用户的登录状态，点击退 阅读全文
摘要：
前言 在Vue中State使用是单一状态树结构，应该的所有的状态都放在state里面，如果项目比较复杂，那state是一个很大的对象，store对象也将对变得非常大，难于管理。于是Vuex中就存在了另外一个核心概念 modules。本文就来总结 modules 相关知识点。 正文 1 、什么是模块M 阅读全文
摘要：
前言 vuex作为vue的核心插件，同时在开发中也是必不可少的基础模块，本文来总结一下相关知识点。 正文 1、基于单向数据流问题而产生了Vuex 单向数据流是vue 中父子组件的核心概念，props 是单向绑定的。当父组件的属性值发生变化的时候，会传递给子组件发生相应的变化，从而形成一个单向下行的绑 阅读全文
摘要：
前言 我们知道JavaScript 是单线程的编程语言，只能同一时间内做一件事，按顺序来处理事件，但是在遇到异步事件的时候，js线程并没有阻塞，还会继续执行，这又是为什么呢？本文来总结一下js 的事件循环机制。 正文 浏览器进程，浏览器是⼀个多进程多线程的应⽤程序。其中，最主要的进程有： a. 浏览 阅读全文
摘要：
前言 作为前端开发人员或者学生，你一定知道BFC这个关键词，但是你是否具体了解过什么是BFC?BFC有什么用？BFC怎么用些问题呢?本文就来总结一下相关的知识点，希望对阅读到的小伙伴在面试、学习、开发中有所帮助。 正文 1、什么是BFC 首先来看下下面的代码段1： <style> .wrapDiv 阅读全文
摘要：
前言 本文来总结写webpack 在性能方面常见的优化方案。 正文 本文分别总结开发环境和生产环境中在打包构建速度和代码调试功能方面的优化方案，如下： 1、开发环境性能优化 （1）优化打包构建速度 a、HMR: hot module replacement ，热模块替换，作用：当一个模块发生变化的时 阅读全文
摘要：
前言 路由这个概念最早在后端出现，随后前后端分离，直至当今的单页面应用，路由也在一直发生变化。本文来总结一下路由变化和vue-router中的路由模式区别相关知识点。 正文 1、什么是前端路由 （1）后端路由阶段 早期的页面都是由html页面在服务端渲染的，服务端直接返回给客户端渲染好的html页面 阅读全文
摘要：
前言 地址栏路由的发展经历了后端路由配置阶段、前后端分离阶段、直至单页面富应用阶段。本文来总结一下 vue-router 的相关知识点和用法。 正文 1、什么是 vue-router 路由 路由就是SPA（单页应用）的路径管理器,vue-router就是WebApp的链接路径管理系统。 vue-ro 阅读全文