前言随着web的发展，网站资源的流量也变得越来越大。据统计，60% 的网站流量均来自网站图片，可见对图片合理优化可以大幅影响网站流量，减小带宽消耗和服务器压力。有时候你花大力气去配置 webpack 使打包体积减少，不如好好优化几张图片，这 ...

用JavaScript处理图像可能非常困难且繁琐。幸运的是，有许多库可以使事情变得简单得多。以下就是我最喜欢的一些图片处理库。如果发现有 ...

这是我第16篇简书。 整体思路： 性能优化是什么? 从用户角度来看，什么才是好的页面？一个是页面加载的很快，另一个是页面使用起来很流畅。 那么对应到前端开发的角度，性能优化可以对应分为两个方向：页面加载时间跟页面运行效率。 从浏览器打开到页 ...

文本标签和em标签用于表示一段内容中的着重点。strong标签用于表示一个内容的重要性。这两个标签可以单独使用，也可以一起使用。警告：任何情况下不要接近僵尸。他们只是看起来< ...

CSS是Web开发的基础之一。但是，我们中的一些人却感到非常困惑。这是因为我们没有遵循适当的学习流程，因此我们很难理解CSS的行为。本文旨在通过两种方式为你提供CSS的学习帮助：借助专用工具对CSS进行编码以及通过一些交互环境学习CSS。网 ...

gray-image 简易的灰度化图片的工具 引子 今天对于全国同胞来说是个庄严肃穆的日子，是纪念在抗击新冠疫情牺牲的烈士与广大同胞的纪念日，也是中国的四大传统节日「清明节」。 自古以来，清明节就是我们用来纪念先人，缅怀祖先的，20 年这个 ...

1.图片向下撑大3像素问题 在一个盒子里面放一张图片，默认情况下，图片会向下撑大3像素，有以下几种解决方法： 1.1给图片添加display:block； 1.2给图片添加float:left； 1.3 给图片添加vertical-alig ...

（给达达前端加星标，提升前端技能）​ 想要成为一名合格的Web前端工程师，Web前端性能优化是一个必须要掌握的知识，那么应该怎么进行Web前端性能优化呢？--达达前端Web前端性能优化原理问题​ 前端性能优化，资源的合并与压缩，图片编码的原 ...

今天给大家带来一篇自己翻译的干货《软件架构师之路》。本周Github上升很快的项目。其内容对致力于成为软件架构师（不论前后端）的同学应该都会有极大的帮助。 项目地址 中文地址 https://github.com/gamedilong/S ...

1.它的最大作用是实时预览，同步变化 1.gif 2.brekets编辑器可以直接用Tap调整前后距，vscode只能用shift+] 3.brekets可以使用Ctrl+E，在某一个标签处直接设置css image.png 4.在扩展中搜 ...