webpack4系列教程,如何合成精灵图片?发布于2020年10月28日 webpack 合成精灵图的方法很多,本篇文章讲述的是:如何利用webpack的spritesmith插件,来合成精灵图。精灵图是属于css优化的部分,主要的原理就是把很多的小图标合成为一个大的图,这样就可以达到减少并发数加速网页... 阅读更多
cnpm对比npm,谁能解决raw.github无法访问的问题?发布于2020年10月27日 node cnpm到底比npm优秀在什么地方?自从接触到cnpm开始,苏南大叔就一直有这个疑问。在实际的操作中,如果npm使用taobao的registry地址的话,貌似下载速度也是很快的。这个疑问,一直到了现在,似乎有个比... 阅读更多
webpack4系列教程,如何压缩图片文件?发布于2020年10月26日 webpack 苏南大叔在这里案例一下,图片压缩的事情。当然,网页图片压缩这件事情,也不是非要弄到webpack里面进行操作。自己使用自己喜欢的工具,进行操作都是可以的。比如:苏南大叔觉得很不错的pngquant小工具,就是很好用... 阅读更多
npm安装大文件,如何解决readableHighWaterMark报错?发布于2020年06月17日 HTML 苏南大叔通过npm安装typescript解释器的时候,碰到了一个非常奇怪的错误,提示信息是关于readableHighWaterMark的。那么,如何解决这个很奇怪的问题呢?本文测试环境:win10、node@1... 阅读更多
rem.js的技术实现原理是怎样的?rem.js的N种写法发布于2020年06月04日 HTML 刚刚说了px转rem的事情,现在苏南大叔来解析一下配套的rem.js如何使用。在开始本文之前,苏南大叔要说的是:rem.js的基本原理是比较简单的,而且业界也没有形成统一的标准答案。所以,rem.js也是百花齐放状... 阅读更多