随笔分类 - html5
摘要：Jerry调研进展： 1、nextjs自带对于ie11的兼容，主要存在第三方包不兼容ie11的情况，之前未考虑的历史原因2、交叉观察器的polyfill兼容ie11 已发到qa3、proxy的polyfill兼容ie11 自测完成4、箭头函数未打包es5 自测完成5、const未打包es5 自测完成
阅读全文
摘要：全站图片根据浏览器智能使用webp或avif格式，智能使用大小图，采用方案：akamai CND智能转化服务+自定义封装MikImage组件。 一、定制化与akamai通用改变图片大小 1、定制化： 缩放不裁剪(推荐)：https://static.platform.michaels.com/kit
阅读全文
摘要：一、首页目前存在的问题： 1、isLike接口每页需要请求多次，改页面维度后，每页请求一次 2、组件多次请求引起多次抖动，改页面维度后，抖动一次 3、懒加载dom与懒加载数据无法分离，改页面维度后，可以从页面维度控制浏览器空闲时预加载，提升分数 4、组件包含接口、数据缓存等逻辑难以维护，改页面维度后
阅读全文
摘要：产品提出名片库需求，需要大量生成图片，前端需要花大量时间写原生cavans吗 1、前端方案，采用html2Canvas生成图片，速度快，不支持小程序，生成图片略不完美。 2、后端截图方案，使用ChromeHeadLess无头浏览器截图，html+css可生成完美图片，并且支持小程序，缺点生成速度慢。
阅读全文
摘要：用CSS实现柱状图其实很简单，原理就是使用网格布局（Grid Layout）加上线性渐变，缺点不能用数据直接对应，需要换算转化。 SVG元素和HTML元素一样，在输出图形前都需要经过引擎的解析、布局计算和渲染树生成。 无论是使用HTML/CSS还是SVG，它们都属于声明式绘图。 Canvas2D不同
阅读全文
摘要：IntersectionObserver内部使用getBoundingClientRect与requestIdleCallback实现 接近与离开0.5都会执行，去除接近0.5的执行 <!DOCTYPE html> <html lang="en"> <head> <style> body { mar
阅读全文
