极客观点
项目管理
HarmonyOS
1.为什么css规则是从右往左匹配的？
2.rendering+paintin能否反映选择器的效率？
推荐问题
如何自定义设置虚线边框的样式？
背景： {代码...} 如上图所示：虽然可以设置虚线边框，但是虚线边框的样式往往需要修改：比如:单个实线间的间距自定义调整;单个实线的长度自定义调整。5 回答1.2k 阅读✓ 已解决
前端有没有办法实现页面截图？
前端有没有办法实现页面截图？不是html-to-canvas那种实现，而是类似于windows上各种截图工具那样，直接截取屏幕上图像目前搜到的全是html-to-canvas的方案3 回答2.4k 阅读✓ 已解决
只用一个div，宽高固定，文本内容不固定，能不能实现水平、垂直居中，超出两行显示省略号？
只用一个div，宽高固定（width: 100px; height: 50px;），文本内容不固定，如何实现水平、垂直居中，超出两行显示省略号？3 回答1.3k 阅读✓ 已解决
为什么这个动画一直在抖动?
demo为什么这个动画一直在抖动?3 回答2.1k 阅读✓ 已解决
怎么把一个矩形div变成一个直角三角形？
下面的是一个正常的div，怎么变成浅角部分，就是把一个矩形的div变成下面是直角的直角三角形。4 回答1.9k 阅读
如何实现 前端视频流的处理 和优化？
处理视频流，比如在 WebRTC 项目中如何处理视频的分辨率变化、帧率控制等问题？2 回答1.4k 阅读✓ 已解决
使用vue-pdf本地浏览器使用chrome移动机型可以正常预览，但是到了线上就无法正常预览了?
线上打开pdf：pdf文件请求返回<html><body><!-- no enabled plugin supports this MIME type --></body></html>预览效果如下:而本地效果如下:pdf文件返回正常:使用的chrome的模拟机型均为iphoneX，请问有大佬遇到过这种问题吗4 回答2.6k 阅读
宣传栏
第一个问题解释起来颇为复杂，要写好一大段。。
给个传送门，社区里早就有人问过了：https://segmentfault.com/q/10...
第二个问题
Rendering
Invalidate layout 当DOM更改导致页面布局失效时触发
Layout 页面布局计算执行时触发
Recalculate style Chrome重新计算元素样式时触发
Scroll 内嵌的视窗滚动时触发
Painting
Composite Layers Chrome的渲染引擎完成图片层合并时触发
Image Decode 一个图片资源完成解码后触发
Image Resize 一个图片被修改尺寸后触发
Paint 合并后的层被绘制到对应显示区域后触发
选择器只是其中很小的一个部分，其性能消耗搞不好还不如几个fixed定位元素不断影响布局重绘来的少