![](https://img-blog.csdnimg.cn/20200616094559552.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
自动化工具相关的
文章平均质量分 95
自动化工具相关
yingjieweb
踏踏实实学点前端
展开
-
关于 webpack 的几个知识点
最近几天备战秋招复习 webpack 的时候,发现一篇总结的比较好的博文,摘取几个相关的问题转载过来,同时根据自己的观点进行了部分调整,希望能够帮助有需要的人。原文链接:关于webpack的面试题总结随着现代前端开发的复杂度和规模越来越庞大,已经不能抛开工程化来独立开发了,比如 sass 和 less 的代码浏览器是不支持的,但如果摒弃了这些开发框架,那么开发的效率将大幅下降。在众多前端工程化工具中,webpack脱颖而出成为了当今最流行的前端构建工具。 然而大多数的使用者都只是单纯的会使用,而并不..转载 2020-07-27 19:49:11 · 160 阅读 · 0 评论 -
Vue 中使用 Karma 做自动化测试
目录1、相关工具介绍2、Karma 的具体配置3、执行自动化测试脚本1、相关工具介绍chai.js断言库:这个玩意儿就是对你写的代码进行一个单元测试,能够使开发人员尽早的发现代码中的 bug。 Karma([ˈkɑrmə]卡玛):一个测试运行器的工具,它可以呼起浏览器,加载测试脚本,然后运行测试用例。 Mocha([ˈmoʊkə]摩卡):这也是一个单元测试框架/库,它可以用来写测试用例,监测代码中可能存在的问题。 Sinon(西农):一个 spy / stub / mock...原创 2020-06-16 11:26:30 · 1019 阅读 · 0 评论 -
使用 svg-sprite-loader 批量引入 icon
目录1、推荐阿里 iconfont2、使用前的一些配置3、svg 图标的引入和使用1、推荐阿里 iconfont前端在做项目的过程中,都会频繁使用图标,记得几年前还是流行使用 CSS Sprite 雪碧图,它的好处有减少 HTTP 请求数,提高性能,节省一些流量等等,但是使用 CSS Sprite 雪碧图的方式也有一些缺点,比如图片拼接合成麻烦且耗时,后期如果需要追加小图标,则大的雪碧图维护起来比较繁琐,最好只是往下加图片,而不要更改已有图片,而且对每个需要记录每个图标的精确位置,这就会原创 2020-05-30 20:34:07 · 710 阅读 · 0 评论