分类 前端开发 下的文章

这里是一些与Web前端相关的教程和笔记。

把 ESLint 集成到 VSCode 中

ESLint 是一个代码检查工具,它能按照配置的规则来检查代码是否符合规范。ESLint 可以直接在命令行中使用,也可以集成到编辑器中使用。ESLint 集成到编辑器后就不需要每次检查都输入命令,在编码的过程中 ESLint 就可以自动检查代码,对于不符...

使用 ESLint 检查代码规范

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

Webpack 配置 Babel

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

Webpack 简易使用指南

Webpack 是前端的一个 JavaScript 模块打包工具,它能按照模块的依赖关系把一组松散的模块打包成符合生产环境部署的前端资源。除了打包 JS 外 Webpack 还能和 Sass、Less、TypeScript 一起使用,打包 scss 和 ...

Vue Router 传递参数

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

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

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

HTML IE 条件注释

我的博客前端包含大量的 HTML5 标签,对于 IE 9 以下的浏览器 是无法正常显示的。我准备给博客增加一个功能,如果是 IE 9 以下的浏览器访问就提示升级浏览器。检测浏览器的方法有很多,可以通过 JavaScript 检测,也可以通过 PHP 判断...

常见的浏览器的 UserAgent

浏览器在发送 HTTP 请求时会包含一组用来标识浏览器版本和系统环境的字符串,这就是 UserAgent。后端可以根据 UserAgent 的内容来识别浏览器和系统环境,可以根据系统环境返回不同版本的网页。不过 UserAgent 的内容是可以更改的,也...

JavaScript URL 编码和解码

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