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

1. CSS Reset 为什么需要CSS Reset 浏览器对于各个HTML都赋予了默认的样式，并且不同的浏览器默认的样式不同，而通常我们的产品设计中样式都是不同于浏览器默认样式的，所以我们在开发中经常要去覆盖默认的样式，针对不同的浏览器 ...

做web前端开发6年，给大家详细分析一下这个问题首先告诉你的是，零基础学习开始学习web前端肯定难，web前端的专业程度本身就不简单，学习这事本来就是一件非常煎熬的事情，人都不愿意学习，可是没办法，为了生存掌握一个技能，你必须学，如果你认真 ...

写在最前：web前端学习教程的小伙伴们可以添加QQ群：722308337 大家可以互相学习 提升自己因为教程来之不易，不是网上随处可见的零散教程。所以此次免费分享。另外再赠送一套往期的前端教程。感谢谅解，介意勿扰。加的时候一定要备注：简书前 ...

在不知不觉中，前端工程师火了。甚至很多人都不知道为什么这样一个职位会这么火，市场的供不应求直接导致前端工程师的待遇提高。另外一方面就是前端技术的更新迭代，导致大部分技术人员跟不上。因此越来越多的人想转型做前端开发了，下面我们来谈谈，如何快速 ...

最近看了同事的代码，感觉甚是优雅，再看看自己的，不禁自惭形秽，为了提高代码的可扩展性和可维护性等，是时候好好学习一下设计模式了。在学习设计模式之前，需要先看一下设计原则，因为设计原则是核心思想。就好比练剑，设计原则是心诀要领，设计模式是招式 ...

html5新增结构标签 header 头部 nav 导航 section 区域 article 文章 aside 侧边栏 figure 一组多媒体内容 figcaption 多媒体内容的标题 footer 底部 hgroup 区块的相关信息 ...

HTML5的结构化标签，对搜索引擎更友好 li 标签对不利于搜索引擎的收录，尽量少用 banner图片一般拥有版权，不需要搜索引擎收录，因此可以使用ul + li 可用于浅色副标题 display:inline-b ...

编辑器：sublime text3 标注工具：PxCook 切图工具：PS 开发前准备：设计图标注 PxCook 空格键可以上下拖动 大致标注图纸：（可惜不能文字标注和拉参考线） 开发前准备：PS切图 在指定图层上新建一个图层，使用ctr ...

video在各浏览器中显示的差异 video支持的基本视频格式：mp4 / webm / ogv ...