2020-07-02 html的网站加载进度条 + css的框架设计 + JS的获取滚动高度 + 项目提交PR

132 篇文章 0 订阅
61 篇文章 0 订阅

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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值