单例模式是设计模式中较为简单，好理解的一种模式，但是它的使用场景是很广泛的，包括大名鼎鼎的 Vuex 也使用了单例模式。 本文会介绍单例模式的两种实现方法：类和闭包，同时也会对Vuex中的单例模式进行介绍。 类Class是ES6新增的语法，在之前我们想要新建一个对象实例，是通过…

前言 通常在"HTML语义化的好处"，这样的问题中，有一点是“有利于SEO”，那什么是SEO呢？ 搜索引擎优化（SEO） SEO，全名为 Search Engine Optimization ，译为搜

在搜索引擎网站的后台会有一个非常庞大的数据库，里面存储了海量的关键词，而每个关键词又对应着很多网址，这些网址是被称之为“搜索引擎蜘蛛”或“网络爬虫”程序从茫茫的互联网上一点一点下载收集而来的。随着各种各样网站的出现，这些勤劳的“蜘蛛”每天在互联网上爬行，从一个链接到另一个链接，…

1.插值表达式 数据绑定最常见的形式就是使用“Mustache”语法（双大括号）的文本插值 msg的值会从data中传递，而这就造成了在某种情况下的弊端： 当网络环境较差、网速较慢、刷新频繁的时候，插

关于 Proxy 的基础知识，可以去MDN学习直达链接。 本文将实现响应式的核心函数命名为 reactive， 这个函数返回一个被代理之后的结果，可以通过操作这个返回结果来触发响应式。 首先，给出测试数据：一个有 name 属性的对象 obj，我们希望经过 reactive 函…

1. params传参，必须使用命名路由的方式传参； > 2. params传参，不会显示在地址栏上，会保存在内存中，刷新会丢失，可以配合本地存储进行使用; > 3. query的参数会显示在地址栏，

vue-router 默认使用 hash 模式，设置模式的时候到底该使用hash还是history模式呢？ 先了解它们的实现原理，搞清楚之间的区别，就知道什么情况使用什么模式

深入了解前端路由 hash 与 history 差异 前言 没了解这两种路由前，不管是 vue还是 react 在项目创建时难免会进行路由之间选择,在 hash 和 history 难免会纠结一番

Vuex 是一个专为 Vue.js 应用程序开发的状态管理插件。它采用集中式存储管理应用的所有组件的状态，而更改状态的唯一方法是提交mutation，例this.$store.commit('SET_VIDEO_PAUSE', video_pause，SET_VIDEO_PAU…