前阵子逛 github 的时候，看见一篇文章 《原生JS实现hash路由》, 想着照着 vue-router 的 api，参考这篇文章实现一个可直接用于 html, 支持 hash 路由和 history 路由的 js 插件。本文是 hash 路由的具体实现。 1. 创建最外层…

本文是笔者写组件设计的第十一篇文章, 今天带大家实现一个同样比较特殊的组件——全局提示(Message)组件。 由于全局提示组件的设计原理和笔者上一篇写的精通React/Vue系列之手把手带你实现一个功能强大的通知提醒框(Notification)是类似的，区别主要是布局和配置…

History 是 HTML5 新增的标准，对比 hash 它的展示更加优雅，但低版本 ie 还有兼容问题。 History 的 pushState，replacestate 方法可以添加修改历史记录且不会发送新的服务器请求，因此可以利用此特性实现前端路由跳转。 History…

前面我们完成了后台管理界面的基本功能，接下来就需要完成移动端页面的搭建与数据的展示。移动端的搭建主要以旧版王者荣耀官网主页样式为模板，本文主要介绍前端搭建的流程与一些基本组件的使用。 卡片组件在移动端使用得非常频繁，我们可以根据需求自定义组件的封装，给其他卡片组件作为一个公共的…

几乎在所有浏览器中，都具有 Tab 键切换焦点的功能。 但是任性的用户强烈要求一定要有 Enter 键切换焦点的功能。 为了交付上线拿到钱，我们只好再一次毫无原则性的接受了客户的需求。 在上一代人中，大多都有这种操作习惯。习惯把保存称为编辑，习惯用回车替换 Tab。这是受到微软…

model-view-viewModel。 他的设计思想就是关注Model的变化，通过viewModel自动去更新DOM的状态，也就是Vue的一大特点：数据驱动。 我们知道Vue使用简洁的模板语法来将数据渲染进DOM的系统。 例如: {{...}}来绑定数据，或者，使用v-ht…

VuePress可以让你非常方便的在Markdown文档中编写Vue代码，VuePress会为每个页面预渲染生成静态的HTML,同时，每个页面被加载的时候，将作为SPA运行这里我将带大家一步步用Vue

在前一篇文章——聊一聊实现Vue路由组件缓存遇到的’坑‘中遇到的vue路由组件缓存问题已经解决并对项目进行了适当的优化改进，但是并未开探寻究vue-router的源码，这篇就继续上次的话题，深入分析vue-router源码中对导航守卫、动态参数匹配、过渡效果和异步组件等的实现。…