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