Webpack 配置 Babel 2020年01月23日 Mr. Ma 2495 Babel 是一个 JavaScript 的转译器。它的主要功能就是把 ES2015+ 的代码转换为 ES5 或更低版本的 JavaScript 代码。有了 Babel，您就可以使用最新的 JavaScript 语法，不用太担心... 阅读全文 0 评论
Webpack 简易使用指南 2020年01月21日 Mr. Ma 2309 Webpack 是前端的一个 JavaScript 模块打包工具，它能按照模块的依赖关系把一组松散的模块打包成符合生产环境部署的前端资源。除了打包 JS 外 Webpack 还能和 Sass、Less、TypeScript 一起使用，打包 scss 和 ... 阅读全文 0 评论
Vue Router 传递参数 2020年01月16日 Mr. Ma 3226 在访问网站的时候，你可能会发现有的页面的 html 或 php 文件后面会有一些以 ? 开头的文本，这就是页面之间传递参数的方式。在 Vue 中对于使用了路由的动态组件来说，在跳转的时候也需要通过 URL 来传递参数。下面就简单写一下 Vue 路由传递参... 阅读全文 0 评论
关于自定义模态对话框的可访问性问题 2020年01月03日 Mr. Ma 2641 在浏览器中包含三个可直接用 JS 调用的对话框，这三个对话框分别是 alert 、prompt 、confirm 。这三个对话框无论是对于键盘还是屏幕阅读器的可访问性都支持的比较好。但是因为这三个对话框在不同浏览器下的效果都不一样，所以很少有网站会用这三... 阅读全文 0 评论
HTML IE 条件注释 2019年12月16日 Mr. Ma 2455 我的博客前端包含大量的 HTML5 标签，对于 IE 9 以下的浏览器 是无法正常显示的。我准备给博客增加一个功能，如果是 IE 9 以下的浏览器访问就提示升级浏览器。检测浏览器的方法有很多，可以通过 JavaScript 检测，也可以通过 PHP 判断... 阅读全文 0 评论
常见的浏览器的 UserAgent 2019年12月12日 Mr. Ma 35518 浏览器在发送 HTTP 请求时会包含一组用来标识浏览器版本和系统环境的字符串，这就是 UserAgent。后端可以根据 UserAgent 的内容来识别浏览器和系统环境，可以根据系统环境返回不同版本的网页。不过 UserAgent 的内容是可以更改的，也... 阅读全文 7 评论
JavaScript Fetch 简单使用指南 2019年12月01日 Mr. Ma 3475 Fetch 是一个用来异步发送 HTTP 请求的 API，它的功能和 XMLHttpRequest 差不多，能在不刷新网页的情况下和后端进行通信。Fetch 相比 XMLHttpRequest 来说，要更简洁一些。get 请求Fetch 发送 get 请... 阅读全文 0 评论
JavaScript URL 编码和解码 2019年11月28日 Mr. Ma 2972 一次用 AJAX 发送内容给后端的时候，发现后端接收到的内容并不完整。和发送前的内容对比了一下，发现内容中包含一个 & ，从 & 开始内容就被截断了，只包含 & 之前的内容。因为 URL 的参数是使用 & 连接，内容中包含... 阅读全文 0 评论
使用 social-share.js 给网站加入快速分享到社交网站的功能 2019年11月19日 Mr. Ma 4814 最近准备给博客增加一个一键分享到新浪微博的功能。看了一下新浪微博 API 的说明发现特别麻烦，还需要涉及到实名认证之类的，最终只能放弃。在逛 Github 的时候发现一个能实现分享网站到 新浪微博、QQ空间、QQ好友、Facebook …… 的 JS 库... 阅读全文 0 评论
关于浏览器的 alert、prompt、confirm 对话框 2019年11月08日 Mr. Ma 6525 在 JavaScript 中包含了三个调用浏览器对话框的函数，这三个函数分别是 alert 、confirm 、prompt 。虽然每个浏览器的原生对话框显示的可能会有些不一样，但这些对话框都无需定义 HTML 和样式，直接就能调用，在有的情况下还是可以... 阅读全文 0 评论