2020-07-02 题目来源：http://www.h-camel.com/index.html

[html] 请实现一个网站加载进度条

思路： 关键帧动画实现，页面加载完成后，设置loader的display: none; 加载动画实现 https://blog.csdn.net/vampire10086/article/details/107077464

[css] 如果要你自己设计一个css框架，说说你的思路

思路： 参照现有流行的前端css框架，首先CSS框架不应涉及到js部分， 应该包括： 布局 模块 辅助类插件 主题 栅格系统 还有最基本的命名策略。 这篇文章简直 完美 https://www.cnblogs.com/nzbin/p/7073601.html

[js] 获取浏览器当前页面的滚动条高度的兼容写法

获取滚动高度： var top = document.documentElement.scrollTop || document.body.scrollTop; 获取事件对象： var ev = event || window.event; 获取键盘属性： var code = event.which || event.keyCode; 获取可视宽高： var width = document.documentElement.clientWidth || document.body.clientWidth; 高度clientHeight 事件委派：var target = ev.srcElement || ev.target; 事件监听： element.addEventListener(); element.attachEvent(); 获取样式： window.getComputedStyle ? window.getComputedStyle(element).attr : element.currentStyle(attr); 阻止冒泡事件： 非IE ev.stopPropagation(); IE ev.cancleBubble = true; 阻止默认事件： return false; ev.preventDefault() 清除字符串前后空格： str.trim(); String.prototype.trim = function () { return this.replace(/^\s+/, "").replace(/\s+$/, ""); }

[软技能] 你有参与过哪些开源项目吗？有给项目提交过PR吗？

开源的优势在于，协同工作，提高效率。 PR -- pull request 简书 https://www.jianshu.com/p/b365c743ec8d https://www.jianshu.com/p/97be42c37385