等时钟成长

瀑布流布局

【JavaScript】图片的懒加载文章目录【JavaScript】图片的懒加载1. 懒加载2. 利用`scroll`事件利用`HTMLElement.offsetTop`利用`Element.getBoundingClientRect()`节流优化3. 利用`IntersectionObserver`4. References1. 懒加载在一个很长很长的页面里，只渲染可视区域里的内容对于性能提升非常有用。图片懒加载就是这样一种技术，我们可以在图片进入可视区域之后再去请求/渲染。这需要一个技巧，就是

目录图片在前端的存储形式前端上传图片图片处理灰度操作负片效果压缩膨胀马赛克字符画参考资料图片在前端的存储形式图片以Uint8ClampedArray的格式存储. 这是一个一维数组,每四位组成一个像素点,分别代表rgba四个参数,每个参数的取值范围都是0~2^8-1(0~255).// 这是一个全黑色,透明的像素点const pixel = new Uint8ClampedArrray([0,0,0,255]);一张图片就是由宽 x 高个这..

HTML+CSS风格规范文章目录HTML+CSS风格规范HTML部分标签小写、属性名小写属性值永远使用引号闭合标签属性赋值的空格属性换行CSS部分分号花括号冒号减少内联样式测试时使用自定义属性HTML部分标签小写、属性名小写HTML大小写不敏感，更推荐的风格是全部小写<SECTION CLASS="red-text"> <P>不好</p></SECTION><section class="red-text"> <p

快速书写HTML1. 前言快速书写的语法应该溯源到Emmet插件，现在绝大多数编辑器都支持该语法；本文以Vscode为例介绍核心语法，力求简洁明了。2. 内容H5模板 !! 快速生成H5模板 class & id<!-- div.container#main --><div class="container" id="main"></...

HTMLのtabindex属性tabindex 属性规定元素的 tab 键控制次序（当 tab 键用于导航时）1,2,3…是正常值，按数字顺序控制tab次序-1 会把该元素排除在tab控制之外0 是默认值，按出现顺序排在所有指定了tabindex的元素之后...