WebP格式，谷歌开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3，并能节省大量的服务器宽带资源和数据空间。 图片压缩结果，使用webp图片格式后的图片资源大幅度减小。 结果：谷歌全面支持、安卓浏览器从4.2开始支持。那么在页面中对于安卓用户中图片…

在文章模块，上传的封面图片在不同的场景使用，可以任意的剪切不同大小的图片以供使用。类似xx.png_100x100.png的任意尺寸的图片。 本文通过nginx + lua + imageMagic的技术方案实现图片的剪切功能。在实现此功能的时候我们需要对nginx、lua、以…

表达式进一步转换成0==0，结果为true。 虽然过程复杂，记住判断的思路即可，非对象之间，先类型转换再比大小，对象比较则调用获取原始值方法再进一步比较。 接下来是判断2种特殊类型Set和Map，由于这2种类型的拷贝方式不同，进一步通过if分支对其判断，遍历里边所存放的值，Se…

Tencent CDC（https://cdc.tencent.com/2018/09/13/frontend-exception-monitor-research/）

设计模式，是一套经过前人总结、业务验证并适合于特定业务开发的代码组织方式，可能会有一些同学会认为设计模式没有用，我这里需要指出设计模式并不是万能的只适合于特定业务场景的开发（对我们的业务开发起到一定的指导作用，所有设计模式的目的都是让开发者编写可维护、易扩展的代码），其实你日常…

缓存，这是一个老生常谈的话题，也常被作为前端面试的一个知识点。 本文，重点在与探讨在实际项目中，如何进行缓存的设置，并给出一个较为合理的方案。 在介绍缓存的时候，我们习惯将缓存分为强缓存和协商缓存两种。两者的主要区别是使用本地缓存的时候，是否需要向服务器验证本地缓存是否依旧有效…

Nginx 作为 web 服务器 以低内存，高扩展，并且轻松单机支持 1-3w （据说可以单机 10w，但没有看到具体的机器配置）的并发链接的特性广受开发人员的青睐。 推荐在 linux 系统上使用 Nginx ，这会充分利用 linux 的特性，性能比在 windows 上会…

前端轻量化部署脚手架，支持测试、线上等多环境部署，支持环境配置扩展，实现一条命令即可完成整个部署流程，同时支持将资源更新到 docker 中并重启 docker;支持多套环境一键部署。 之后打开 ssh 工具连接服务器，通过 ftp 或者 ssh 工具将打包之后的应用程序包上传…

首先我们创建一个新的项目目录mkdir iconfont-cli，并使用npm init进行初始化，一路回车即可。 命令行交互最核心的两大部分: 输入与输出。在准备工作部分，我们已经通过执行iconfont简单命令成功运行脚本并输出log。而通常，我们在执行命令时会传入一些参数…