ES6 代码转义器 SWC 体验 2020年05月07日 Mr. Ma 6938 SWC 是一个类似于 Babel 的代码转义器,它的主要功能就是把 ES2015 或更高版本的 JS 代码转换为老浏览器能够使用的 ES5 或更低版本的 JS 代码。SWC 是使用 Rust 语言编写的,相比 Babel 来说,速度要更快。按照官网的说法... 阅读全文 1 评论
Bootstrap 按需引入 2020年05月03日 Mr. Ma 5285 在使用 Bootstrap 的时候,为了方便,可能通常都会选择直接引入官方编译的 CSS 和 JS。直接引入官方的 CSS 和 JS 虽然方便,但是体积也比较大,如果你能用到它的所有功能也倒还好,但是大多数情况下可能用不到它的所有功能。可能你只是想用它的... 阅读全文 0 评论
前端打包工具 PARCEL 的简单使用 2020年04月26日 Mr. Ma 5425 在 Webpack 的使用中,配置文件算是 Webpack 比较难的一个部分。使用 Webpack 搭建一个项目,需要配置各种 Loader 和插件,对于不太熟悉的新手来说,非常容易出错。PARCEL 是一个零配置的 Web 打包工具,不需要任何配置就能... 阅读全文 2 评论
JavaScript 通过浏览器导出和读取本地 JSON 文件 2020年04月22日 Mr. Ma 6248 最近我准备给我的博客主题增加一个备份主题配置的功能,我使用的方案是通过导出主题的设置来备份。因为不需要导入数据库,所以可以直接通过 JS 获取表单内容,然后导出为 JSON。导入配置也是直接读取本地的 JSON 文件,然后根据 JSON 的配置信息设置表... 阅读全文 0 评论
Webpack 本地服务器设置代理 2020年03月18日 Mr. Ma 4411 因为浏览器同源策略的限制,AJAX 是不能跨域请求的,只有后端设置了 header 才能跨域请求。对于前后端分离的项目来说,前端如果要测试 API 就需要后端设置 header 来配合前端,前端在发送请求也需要输入完整的域名,而且也不方便传递 Cooki... 阅读全文 0 评论
ESLint 配合 Webpack 使用 2020年02月29日 Mr. Ma 3980 ESLint 是前端的一个代码检查工具,它可以根据指定的规则来检查代码是否符合规范。ESLint 可以直接在命令行使用,也可以集成到编辑器中使用,也可以配合 Webpack 使用。之前简单写了一下命令行使用和集成到 VSCode 使用,这里继续写配合 W... 阅读全文 0 评论
JS 根据文章中的标题生成目录索引 2020年02月15日 Mr. Ma 4385 在浏览一些博客或 wiki 类网站的时候,你可能会发现在文章的开头或侧边会有一个目录,点击就可以跳转到指定的章节。对于比较长的文章来说,目录还是比较重要的。通过目录可以快速了解文章包含的内容,要查看某个章节也可以直接跳转。最近准备给博客增加一个生成文章目... 阅读全文 0 评论
Webpack 打包 jQuery 和 Bootstrap 2020年02月10日 Mr. Ma 6480 最近把博客前端的 CSS 和 JS 用 Webpack 打包了一下,其中就包含了 Bootstrap、jQuery、jQuery 插件 和 字体图标。这里就简单写一下 Webpack 配置和打包 jQuery、Bootstrap 和 字体图标。如果您还不... 阅读全文 1 评论
把 ESLint 集成到 VSCode 中 2020年02月05日 Mr. Ma 3977 ESLint 是一个代码检查工具,它能按照配置的规则来检查代码是否符合规范。ESLint 可以直接在命令行中使用,也可以集成到编辑器中使用。ESLint 集成到编辑器后就不需要每次检查都输入命令,在编码的过程中 ESLint 就可以自动检查代码,对于不符... 阅读全文 2 评论
使用 ESLint 检查代码规范 2020年02月04日 Mr. Ma 4281 ESLint 是一个代码检查工具,它能按照定义的规则来检查代码是否符合规范。对于需要编译的静态语言来说,编译器在编译的时候可以自动检查代码规范。但是对于解释执行的动态语言来说,只能在运行的时候调试,而且一些运行在浏览器之外的 JS 也 不太方便调试。ES... 阅读全文 2 评论