本文适用于对 Vue.js 和 vue-router 有一定程度了解的开发者 除特殊说明,vue-router 版本为 3.0.2 正文 路由 class 匹配 <router-link> 路由匹配后会给该标…
标签:前端
react-router 从 v2/v3 to v4 迁移(翻译)
原文地址 react-router v4 是完全重写的,所以没有简单的迁移方式,这份指南将为您提供一些步骤,以帮助您了解如何升级应用程序。 注意: 这份迁移指南适用于react-router v2和v3,但为简洁起见,对…
js保存数据到本地
js将数据保存到本地,最常用的方式是localStorage。 localStorage概述 大小限制5M,更大数据需要浏览器的数据库indexDB和webSql。 受同源限制,不允许跨域访问。 在浏览器隐私模式中无法使…
【VUE】浏览器消息通知(声音提醒,标题栏闪动,弹框提醒)
思路: 浏览器通知使用Notification,详情可查看Notification.Notification() 标题栏闪动利用循环实现 声音提醒可以使用播放本地音频实现 总结:在当前页面接收到消息时,声音提醒,当不在当…
你真的会在async/await中捕获异常吗?
原文链接:Catching without Awaiting 当执行一项需要等待一段时间才能返回的任务时,如果使用async/await,就显得比较麻烦了。如果async方法还没有得到返回值,我们就捕获不到其中的异常。 …
七、Vuex、映射函数、自定义插件、代理服务器
① Vuex 1.安装 npm install vuex --save 2. 引入Vuex并创建状态管理对象 1.state选项,定义状态(状态就是数据) 2.getters类似计算属性 3.mutations选项,定义…
查漏补缺 - 收藏集 - 掘金
这道题–致敬各位10年阿里的前端开发 – 掘金很巧合,我在认识了两位同是10年工作经验的阿里前端开发小伙伴,不但要向前辈学习,我有时候还会选择另一种方法逗逗他们,拿了网上一道经典面试题,可能我连去…
学习这些设计模式,让你写出更优雅的代码
写代码容易,写出优雅的代码难,写易于维护的、容易扩展的、结构清晰的代码应该是每位开发者努力的目标,而学习设计模式,合理的的使用能让我们离这个目标更进一步。最近看了《Javascript设计模式与开发实践》这本书,一言以蔽…
使用 React 制作一个模态框
使用 React 制作一个模态框 模态框是一个常见的组件,下面让我们使用 React 实现一个现代化的模态框吧。 组件设计 模态框想必大家都很熟悉,是工作中常用的组件,可以让我们填写或展示一些信息而不必打开一个新页面。在…
Respo 文档站点的 isomorphic rendering 方案
文档站的特点 既是单页面, 又是服务端渲染 正好帮我刷一下访问量… http://respo.site/注意站点的特别之处, 绝大部分的链接都是触发页面局部渲染的,而在特殊的 js 无法加载的情况下, 还是以…
Vue——标签页名称修改(设置页面标题)
1.修改router中index.js文件中每个路由加上meta:{ title: ‘首页’} const router = new Router({ mode: '', routes: [ { path: '/', n…
调试手记:iOS Safari 浏览器触摸事宜 targetTouches 属性被浏览器重用
题目形貌 将第三方触控库删掉运用原生事宜后发明一个 bug,具体表现为在 iOS Safari 中 touch 相应失效。 调试效果 运用 Chrome 考证功用一般,打 log 发明营业代码中缓存了 targetTou…