JavaScript 通过浏览器导出和读取本地 JSON 文件

最近我准备给我的博客主题增加一个备份主题配置的功能,我使用的方案是通过导出主题的设置来备份。因为不需要导入数据库,所以可以直接通过 JS 获取表单内容,然后导出为 JSON。导入配置也是直接读取本地的 JSON 文件,然后根据 JSON 的配置信息设置表...

JS 根据文章中的标题生成目录索引

在浏览一些博客或 wiki 类网站的时候,你可能会发现在文章的开头或侧边会有一个目录,点击就可以跳转到指定的章节。对于比较长的文章来说,目录还是比较重要的。通过目录可以快速了解文章包含的内容,要查看某个章节也可以直接跳转。最近准备给博客增加一个生成文章目...

使用 ESLint 检查代码规范

ESLint 是一个代码检查工具,它能按照定义的规则来检查代码是否符合规范。对于需要编译的静态语言来说,编译器在编译的时候可以自动检查代码规范。但是对于解释执行的动态语言来说,只能在运行的时候调试,而且一些运行在浏览器之外的 JS 也 不太方便调试。ES...

Office 365 E3 开发者版续订

一年前通过微软的 Office 开发人员计划免费订阅了一年的 Office ,其中也包含了 免费的 OneDrive 。一年后收到了 Office Developer 的到期邮件提醒,大致内容就是:我申请的 Office 没有用于开发,到期后将不再可用,...

Vue Router 传递参数

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

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

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

JavaScript Fetch 简单使用指南

Fetch 是一个用来异步发送 HTTP 请求的 API,它的功能和 XMLHttpRequest 差不多,能在不刷新网页的情况下和后端进行通信。Fetch 相比 XMLHttpRequest 来说,要更简洁一些。get 请求Fetch 发送 get 请...

JavaScript URL 编码和解码

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

使用 social-share.js 给网站加入快速分享到社交网站的功能

最近准备给博客增加一个一键分享到新浪微博的功能。看了一下新浪微博 API 的说明发现特别麻烦,还需要涉及到实名认证之类的,最终只能放弃。在逛 Github 的时候发现一个能实现分享网站到 新浪微博、QQ空间、QQ好友、Facebook …… 的 JS 库...

关于浏览器的 alert、prompt、confirm 对话框

在 JavaScript 中包含了三个调用浏览器对话框的函数,这三个函数分别是 alert 、confirm 、prompt 。虽然每个浏览器的原生对话框显示的可能会有些不一样,但这些对话框都无需定义 HTML 和样式,直接就能调用,在有的情况下还是可以...