Webpack 打包 jQuery 和 Bootstrap

最近把博客前端的 CSS 和 JS 用 Webpack 打包了一下,其中就包含了 Bootstrap、jQuery、jQuery 插件 和 字体图标。这里就简单写一下 Webpack 配置和打包 jQuery、Bootstrap 和 字体图标。如果您还不...

把 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 Fetch 简单使用指南

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