盐汽水真好喝

不同浏览器对加载失败图片的图标展示不统一，所以给定一个默认的失败图片就尤为重要。 正好前几天处理了一下公司首页图片 error 默认图片的问题，就趁着记忆没有消失分享一下这...

如何使用rrweb进行前端录屏，rrweb源码解析。其中包含了最小的实现demo,以及 rrweb 实现原理流程图。...

2020 年初突如其来的新冠肺炎疫情让线下就医渠道几乎被切断，在此背景下，微医作为数字健康行业的领军者通过在线问诊等形式快速解决了大量急需就医人们的燃眉之急。而作为微医 W...

如果你是一位工程师，想必听过 WebRTC，就算没有开发过；如果你是一位互联网用户，大概率使用过 WebRTC，虽然可能没有意识到。在这个视频为王的时代，我们漫谈一下这个技...

公司目前在线上运行着一款小程序，为了能监控小程序的运行情况，自行开发了一个参数搜集的SDK，名称为 shin.js，放置在 utils 目录中。目前只搜集了打印、通信和错误...

在直播间有一个小时榜的Web页面，经常有用户反映点击小时榜，弹出的页面会有蛮长的一段（3秒上下）时间白屏。 查看性能监控中的白屏时间，发现最多1.6秒，最少0.4秒平均每小...

方法论是一个哲学术语，会对一系列具体的方法进行分析研究、系统总结并最终提出较为一般性的原则。CSS方法论是一种面向CSS、由个人和组织设计、已被诸多项目检验且公认有效的最佳...

<svg>是矢量图的根元素，通过xmlns属性声明命名空间，从而告诉用户代理标记名称属于哪个XML方言。在下面的示例中，为<svg>元素声明了宽度和高度（默认以像素为单位）...

2022年6月15日，微软终止对IE的支持，自此IE走入历史，可以说这是一个时代的终结。自己在 2011 年刚从业时，IE 在国内的市场占有率可是遥遥领先的。...

为采用Bootstrap框架的后台管理系统制作一张点位排期的表格，基于jQuery封装了一个名为Calendar的插件，总共有3次大的迭代，代码从最初的200多行飙升至10...

早在2013年Luke Wroblewski就提出了骨架屏（Skeleton Screen）的概念，他认为骨架屏是一个页面的空白版本，通过这个空白版本来传递一种信息，即页面...

刚开始并没有打草稿，直接开干，越做到后面就越觉得代码很乱很杂，非常不舒服，做到哪个页面写这个页面的CSS，没有大局观。在完成页面后，就思考了一下，觉得打草稿是个好习惯，磨刀...

CSS规范新增了一个模块：CSS Shapes，shape-outside属性属于该模块，它能影响浮动元素周边内容流的形状（即浮动形状），可接收三类值：形状盒子、函数和图像...

网格布局（Grid Layout）也叫栅格布局，与表格布局类似，也依赖行和列。但与之不同的是，网格布局能直接控制HTML文档中元素的顺序、位置和大小等，而不用再借助辅助元素...

在将监控日志的服务独立部署后，还是发现CPU会在不特定时间段（例如21 ~ 22、23 ~ 02等）飙到70%，内存也是一路飙升不会下降，明显是出现了内存泄漏，需要进一步做...

背景 对于失败的任务，需要定期重试或者重新处理，而有些场景重试后也会一直失败，如果不加以限制，就可能一直重试下去，频繁的更新数据库状态，处理任务，对数据库和服务器都是一种负...

preload大白话的意思是，”嗨，浏览器！这个资源在这个页面后面会用到，现在先加载它吧。“ 资源的提前加载。<link rel="preload" href="late_...

最近大厂裁员不断，好多人思考要不要搞个副业抵御风险。那你知道程序员的副业怎么做吗？来和我一探究竟吧～...

来分享面经了，4年经验的前端在上海金三银四遨游。上面这些题给现在正在面试的各位做个参考，希望能进入自己喜欢的公司。...

前端常见项目涉及技术解决方案 跨域、轮播、图片懒加载、单点登录、水印、文件上传、文件下载、二维码登录、滚动加载、大数据渲染......