每日前端签到（第130天）

第130天（2018-12-11）

• [html] 如何让textarea高度自适应呢？
• [css] z-index有时不起作用的原因是什么？怎么解决？
• [js] 用js实现页面局部打印和预览原理是什么呢？同时在IE上有什么不同？
• [软技能] 你有玩过Docker吗？你知道它有哪些运用场景吗？

题目一：
使用 div contenteditable 模拟的代价实在太大了。

推荐看看 ant-design 和 elementUI 的源码设计即可。

https://github.com/ElemeFE/element/blob/dev/packages/input/src/calcTextareaHeight.js#L73

https://github.com/ant-design/ant-design/blob/master/components/input/calculateNodeHeight.tsx#L88

题目二：
1、可能是没有设置position
解决：设置position为relative,absolute,fixed
2、设置了浮动
解决：清除浮动
3、父元素position为relative
解决：设置为absolute
题目三：

function printDeal(){
            var printBox = document.getElementById('printBox');
            //拿到打印的区域的html内容
            var newContent =printBox.innerHTML;
            //将旧的页面储存起来，当打印完成后返给给页面。
            var oldContent = document.body.innerHTML;
            //赋值给body
            document.body.innerHTML = newContent;
            //执行window.print打印功能
            window.print();
            // 重新加载页面，以刷新数据。以防打印完之后，页面不能操作的问题
            window.location.reload();
            document.body.innerHTML = oldContent;
            return false;
        }

题目四：
可以配置一个自定义的前端开发环境。在任何一台有docker环境的集群都可以开发。
利用阿里云镜像仓库实现CICD。