Vue Router 传递参数

在访问网站的时候,你可能会发现有的页面的 html 或 php 文件后面会有一些以 ? 开头的文本,这就是页面之间传递参数的方式。在 Vue 中对于使用了路由的动态组件来说,在跳转的时候也需要通过 URL 来传递参数。下面就简单写一下 Vue 路由传递参...

关于自定义模态对话框的可访问性问题

在浏览器中包含三个可直接用 JS 调用的对话框,这三个对话框分别是 alert 、prompt 、confirm 。这三个对话框无论是对于键盘还是屏幕阅读器的可访问性都支持的比较好。但是因为这三个对话框在不同浏览器下的效果都不一样,所以很少有网站会用这三...

JavaScript URL 编码和解码

一次用 AJAX 发送内容给后端的时候,发现后端接收到的内容并不完整。和发送前的内容对比了一下,发现内容中包含一个 & ,从 & 开始内容就被截断了,只包含 & 之前的内容。因为 URL 的参数是使用 & 连接,内容中包含...

Babel 简单使用指南

Babel 是一个 JavaScript 的转译器。它的主要功能就是把 ES2015+ 的代码转换为 ES5 或更低版本的 JavaScript 代码。有了 Babel,您就可以使用最新的 JavaScript 语法,不用太担心浏览器的兼容问题。这篇文章...

Vue 自定义指令的定义和调用

指令是 Vue 中以 v- 开头的一种属性,像 v-show 、v-model 都属于 Vue 的内置指令。除了内置的指令外,Vue 也允许自定义指令。自定义指令的功能就是操作 DOM。虽然 Vue 可以通过改变数据来操作 DOM,但有的功能还是无法实现...

JavaScript 剪贴板粘贴上传图片

浏览器上传文件的文件选择方式包括:input 文件表单、拖放选择、直接粘贴剪贴板中的文件。之前写了 文件表单和拖放选择,这里就继续来写剪贴板粘贴上传。注意!目前的粘贴上传只能粘贴保存在剪贴板中的文件,这些文件一般是截图工具之类的软件保存到剪贴板中的,在资...