css样式转成行内样式

// 根据容器ID来渲染行内样式,避免长时间卡顿

https://www.jianshu.com/p/d5f2aa752583

let translateStyle = contentId => {\n      const sheets = document.styleSheets;\n      const sheetsArry = Array.from(sheets);\n      const $content = $('#' + contentId);\n      sheetsArry.forEach(sheetContent => {\n        const { rules, cssRules } = sheetContent;\n        //cssRules兼容火狐\n        const rulesArry = Array.from(rules || cssRules || []);\n        rulesArry.forEach( rule => {\n          const { selectorText, style, styleMap } = rule;\n          //全局样式不处理\n          if (selectorText !== '*') {\n            //兼容某些样式在转换的时候会报错\n            try {\n              const select = $content.find(selectorText);\n              select.each( domIndex => {\n                const dom = select[domIndex];\n                let i = 0;\n                const domStyle = window.getComputedStyle(dom, null)\n                while (style[i]) {\n                  //样式表里的className是驼峰式,转换下便对应上了\n                  const newName = style[i].replace(/-\\w/g, function(x){\n                    return x.slice(1).toUpperCase();\n                  });\n                  $(dom).css(style[i], domStyle[newName]);\n                  i++;\n                }\n              })\n            } catch (e) {\n              console.log('转换成行内样式失败');\n            }\n          }\n        })\n      })\n    }