2022-40~41周(9.19-10.02) 项目问题整理

新知识

1、好文学习

暂无

2、PixelEye | 视觉还原工具

Pixel Eye是一款视觉还原工具，帮助前端工程师在页面重构阶段就能快速发现开发稿与视觉稿的差异，实时对比、实时修改，减少工程师与设计师的沟通成本，提升整体开发效率。官网地址

矢量设计软件Figma，有相关部分的css，可以直接复制使用；

问题

1、Property ‘offsetLeft’ does not exist on type ‘Element’ in TS

as 属性去断言；

document.getElementsByClassName(
  'box',
) as HTMLCollectionOf<HTMLElement>;

typescript-property-offsettop-not-exist-type-element

2、动态修改伪类before的content

动态修改伪类before的content

修改宽高呢？

3、CSS-opacity子元素继承父元素透明度的解决方法

避免成为子元素 - 最优解
CSS-opacity子元素继承父元素透明度的解决方法

4、导出xlsx合并单元格

const workbook = XLSX.utils.book_new();
  const ws = XLSX.utils.json_to_sheet([]);
  XLSX.utils.sheet_add_aoa(ws, []);
  ws['!merges'] = [{ s: { r: 0, c: 0 }, e: { r: 0, c: Object.keys(outputs[0]).length } },]
  ws['A1'] = {t: 's', v: commercialTipText};
  XLSX.utils.sheet_add_json(ws, outputs, { origin: 'A2' });
  XLSX.utils.book_append_sheet(workbook, ws, 'sheet1');
  const wopts = { bookType: 'xlsx', bookSST: false, type: 'array' };
  const wbout = XLSX.write(workbook, wopts);