ESLint 配合 Webpack 使用 2020年02月29日 Changbin 5012 ESLint 是前端的一个代码检查工具，它可以根据指定的规则来检查代码是否符合规范。ESLint 可以直接在命令行使用，也可以集成到编辑器中使用，也可以配合 Webpack 使用。之前简单写了一下命令行使用和集成到 VSCode 使用，这里继续写配合 W... 阅读全文 0 评论
JS 根据文章中的标题生成目录索引 2020年02月15日 Changbin 5440 在浏览一些博客或 wiki 类网站的时候，你可能会发现在文章的开头或侧边会有一个目录，点击就可以跳转到指定的章节。对于比较长的文章来说，目录还是比较重要的。通过目录可以快速了解文章包含的内容，要查看某个章节也可以直接跳转。最近准备给博客增加一个生成文章目... 阅读全文 0 评论
Webpack 打包 jQuery 和 Bootstrap 2020年02月10日 Changbin 8050 最近把博客前端的 CSS 和 JS 用 Webpack 打包了一下，其中就包含了 Bootstrap、jQuery、jQuery 插件 和 字体图标。这里就简单写一下 Webpack 配置和打包 jQuery、Bootstrap 和 字体图标。如果您还不... 阅读全文 1 评论
把 ESLint 集成到 VSCode 中 2020年02月05日 Changbin 5224 ESLint 是一个代码检查工具，它能按照配置的规则来检查代码是否符合规范。ESLint 可以直接在命令行中使用，也可以集成到编辑器中使用。ESLint 集成到编辑器后就不需要每次检查都输入命令，在编码的过程中 ESLint 就可以自动检查代码，对于不符... 阅读全文 2 评论
使用 ESLint 检查代码规范 2020年02月04日 Changbin 5534 ESLint 是一个代码检查工具，它能按照定义的规则来检查代码是否符合规范。对于需要编译的静态语言来说，编译器在编译的时候可以自动检查代码规范。但是对于解释执行的动态语言来说，只能在运行的时候调试，而且一些运行在浏览器之外的 JS 也 不太方便调试。ES... 阅读全文 2 评论
Webpack 配置 Babel 2020年01月23日 Changbin 3471 Babel 是一个 JavaScript 的转译器。它的主要功能就是把 ES2015+ 的代码转换为 ES5 或更低版本的 JavaScript 代码。有了 Babel，您就可以使用最新的 JavaScript 语法，不用太担心... 阅读全文 0 评论
Webpack 简易使用指南 2020年01月21日 Changbin 3275 Webpack 是前端的一个 JavaScript 模块打包工具，它能按照模块的依赖关系把一组松散的模块打包成符合生产环境部署的前端资源。除了打包 JS 外 Webpack 还能和 Sass、Less、TypeScript 一起使用，打包 scss 和 ... 阅读全文 0 评论
Vue Router 传递参数 2020年01月16日 Changbin 4095 在访问网站的时候，你可能会发现有的页面的 html 或 php 文件后面会有一些以 ? 开头的文本，这就是页面之间传递参数的方式。在 Vue 中对于使用了路由的动态组件来说，在跳转的时候也需要通过 URL 来传递参数。下面就简单写一下 Vue 路由传递参... 阅读全文 0 评论
关于自定义模态对话框的可访问性问题 2020年01月03日 Changbin 3629 在浏览器中包含三个可直接用 JS 调用的对话框，这三个对话框分别是 alert 、prompt 、confirm 。这三个对话框无论是对于键盘还是屏幕阅读器的可访问性都支持的比较好。但是因为这三个对话框在不同浏览器下的效果都不一样，所以很少有网站会用这三... 阅读全文 0 评论
HTML IE 条件注释 2019年12月16日 Changbin 3281 我的博客前端包含大量的 HTML5 标签，对于 IE 9 以下的浏览器 是无法正常显示的。我准备给博客增加一个功能，如果是 IE 9 以下的浏览器访问就提示升级浏览器。检测浏览器的方法有很多，可以通过 JavaScript 检测，也可以通过 PHP 判断... 阅读全文 0 评论