首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

这实现牛逼了,原来大佬博客的阅读进度功能这么简单

前言 小包在学习一峰大佬的《ES6入门教程》时,对文章顶部的阅读进度功能产生了浓厚的兴趣。...#0089f2; } 复制代码 当我们设置 .read_pro_inner 的宽度为 20% 时,得到的效果图如下: 只截取部分图,并放大了浏览器,要不灰色部分会非常长 台子搭好了,下面就是通过 js...JS实现 如果我们利用 JavaScript 来实现阅读进度,我们要获取到文档的总高度、文档滚动距离、浏览器窗口的可视高度。...readProInner.style.width = +(scrollTop / (scrollHeight- clientHeight)).toFixed(2)*100 + '%' 复制代码 大家可能会有疑惑,为什么分母是...readProInner.style.width = +(scrollTop/(scrollHeight-clientHeight)).toFixed(2)*100 + '%' }) 复制代码 使用 js

72930
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    博客博客排版(js样式实例)

    昨天在博客园中看到一位大神发的博客园样式排版博客,我一看。...当然我在他的基础上加了一些功能 如:背景音乐,背景图片,电子时间,鼠标点击特效等等 效果图如下:大家也可以访问我博客主页查看 ? 博客排版 1.找到你博客的设置,位置如图 ?...2.首先你得申请一下你博客园的js权限; 不申请,你们的js代码是没有用的,申请成功是这个样子的 ? 3.找到页面定制CSS代码区域,勾选禁用默认CSS; ?  ...在“博客侧边栏公告(支持HTML代码)(支持JS代码)”中找到如下代码; <embed src="//music.163.com/style/swf/widget.swf?...在“<em>博客</em>侧边栏公告(支持HTML代码)(支持<em>JS</em>代码)”中找到如下代码; <img src="https://files.cnblogs.com

    3.6K40

    博客 | 什么是熵?

    这篇文章中雷锋网 AI 科技评论将带大家重新系统认识一下「熵」倒是在讲什么。 ? 假设你在医生办公室中与三个等待的病人交流。三个病人都刚刚完成药物测试,他们面临着两种可能的结果:患病或者未患病。...这就是为什么要引入熵这个概念的原因:描述一个状况下的不确定性为在xx和xx之间,在日常生活环境下这种精细程度可能足够了,但是对于机器学习任务来说,这种描述太宽泛了。...不确定性度量 熵允许我们对于生活中的一个重要问题:事情最终会发展到什么样的结果,进行精确度量和计算。 换种说法,熵是一种不确定性的度量。...基本性质 如果你是第一次看到这个公式,你可能会提出一个问题:为什么要用对数?为什么这个公式就能够度量不确定性?当然,还有为什么要用字母H来表示熵?...性质6:事件拥有非负的不确定性 你知道什么是负的不确定性吗?反正我也不知道。 对于一个用户友好的不确定性度量来说,无论输入是什么,应该总会返回一个非负的结果。

    67320

    什么写技术博客

    周围写博客的人不多,感觉应该推广一波。这里主要指技术博客。 那么,为什么要写技术博客呢? 巩固知识 最主要的,是对自己知识的总结。上学时候学习好的,绝对不是那种自己一个人学的,而是经常给别人讲题的。...博客 vs 笔记 有人可能觉得记笔记就可以了,下边说说为什么记笔记不如写博客。笔记难免会跳着记,比如1、2、3点,你觉得第2点不重要,能记住,结果就记了1、3点。...如果我们都靠其他人写,只能有什么什么,而别人没写过的,我们学着就费劲了,就得通过官方文档或者读源码读论文来学习了,而我们把通过其他渠道学到的知识写成博客,并号召同领域的人一起写,就能创造一些好的知识库...另一方面,以实验室为例,大家都提倡站在巨人的肩膀上前进,但很多情况是,每一届学生毕业后,并没有留下什么有用的东西。...什么时候适合写博客 大家可能遇到过百度一搜出来一堆网站,点进去发现内容都一样,全是转载,很烦人,我是坚持原创。 只要网上没有完全适用你的资料,就可以写。

    62410

    基于 Next.js 的新博客

    早眼馋别人的各种 Gatsby 和 Next.js 开发的博客了,可自定义强、现代、自带各种优化。...Next.js 的官网还有一套简单的教程可以直接上手,跟着教程做完后直接就获得了一个现成的博客系统,或者说是 Markdown 解析器? 总之我们可以从这上面下手。...代码高亮 个人感觉分页,尤其是文章内分页没什么用。简单设想一下,要找一篇文章,是一页页翻?还是直接搜索或者归档页找更快?很明显是后者。(但是为什么会有人给归档页加分页)。...代码高亮找不到适合我这个画风的,直接去掉吧,毕竟我不是什么技术博客,代码量还是很少的。 评论……本来是想去掉,总之还是先加上,而且本地不好调试我还不知道到底有没有效果。依然是 DisqusJS。...最后 说了这么多,其实博客现在还是 Beta 版本,不可预见的 BUG 太多太多了。先用着,之后慢慢修。 旧博客放到了 old.csd.pub 保存。

    82330

    自用 Next.js 博客程序放出

    想起来之前发现 GitHub 上各种比我水的 Next.js 博客程序,干脆把我的也发出来接受民众拷打吧。 ---- 只能说仅供参考,不建议用。 这一个月没研究连我写了什么都不清楚了,刚好复习下。...没有后台还是数据库什么的。 复制了接近 600 篇文章,生成速度大概27秒左右,应该不算太慢。貌似是有缓存功能,第二次生成速度会快点,这个不太清楚了。 写的很水,真的很水。...配置 在根目录下编写 next.config.js,基本已经注释上了。 评论则是修改 src/components/comment.js,这个怎么改就参考 DisqusJS 的 readme 吧。...src/components/layout.js 是基本结构,包含了头部、顶栏导航和页脚。主要页面会生成在中间。 顶栏导航和页脚则分别对应同目录下的 nav.js 和 footer.js。...部署 这部分建议参考 Next.js 官方文档的部署教程。

    41930

    什么程序员应该写博客?用什么博客系统?在哪写?

    作者 | 程序员小吴 来源 | 五分钟学算法 写博客的好处很多很多,如果你不知道的话记住 写博客可以装逼 就行。...博客园是除了 CSDN 外,另一个比较早专做技术博客的网站。 ?...博客园 优点 SEO 不错,尤其是在百度上,博客园上面也经常有不错的专题类文章,小编偶尔也会推荐一下高质量的文章(我的几篇文章也上榜过) 博客内容的受众是程序员,无关内容很少 界面好看了一些,给博客管理者较大的定制空间...免费,省钱是硬道理 不用担心搞坏,大不了删库再重新搭建一下,没什么损失 缺点 SEO 很差,Github 还限制了百度的索引,所以我之前噗嗤噗嗤的写了大半年,一点流量都没有 写博客相对麻烦,先要使用 markdown...文章才是博客最核心的内容 。

    1.7K40

    什么要搭建博客,如何搭建?

    自己是理工男,不是专业的前端人员,也不会设计UI,更不懂什么色彩搭配动画之类的特效。...网站的所有设计,仅仅是在一个主题(KRATOS)的基础上,自己添加了一些其他元素,使用了Bootstrap库和一些JS代码最终搭建而成。在内容尽量丰富的前提下精简所有的页面。...成本 搭建博客的成本,根据我们的选择不同略有差别,从简单到困难排个序: 使用GITHUB上的Page功能,集合node.js中丰富的现成的搭建博客的库,不用花费一分钱即可搭建博客出来 使用WordPress...相关技术 搭建网站大致需要的技术: html + CSS + JS php python nodejs 其中第一项是必须的技术,不论使用什么框架我们的界面显示都是通过前端三件套(html + CSS +...JS)搭建出来的,至于后台则不同,对于Wordpress来说是php,对于nodejs来说就是JS(JavaScript),对于django来说就是python,选择不同,使用的编程语言和框架也是不同的

    26220

    你为什么还没有博客

    最近两年,博客这个词已经很少有人提及了,基本上已经被微博,公众号等淹没。有人说,博客已死,然而我并不这么认为。 作为技术人员,面试官经常关注的就是应聘者是否有独立的博客。...这里之所以要独立博客,一方面是看看是否有分享精神,是否善于记录和总结,另一方面就是看是否愿意折腾。 对于其他人员,博客也是很重要的,或者说,有个固定的地方写文章是很重要的。...博客这个东西已经过去了这么多年,还是有很多人没有意识到它的重要性,或者不愿意花时间去打理。...这里小鸡君简单列举一下写博客的好处: 1,知识归集整理 平时看到的有用文章,自己的练习,笔记,都可以整理到博客中。即能记录又能分享。...对于一些专业性的提问,认真花个两三个小时去写一篇回答,或许就能收到意想不到的效果呢~ 对于其他目标不太明确的,可以先尝试类似新浪博客,网易博客这种,再不济,QQ空间日志也可以。

    90830

    什么博客运营会失败?

    从目前来看,独立博客已经存在很多年,目前仍然有少量的站长在坚持写博客,但大部分的博客都是配置完域名和服务器之后,就被长时间的搁置,而没有任何商业价值。...在这种情况下,随意写的内容通常缺乏质量,当访问者没有获得任有价值的信息时,他们总是喜欢避开您的博客,他们停止阅读您的博客,而转到其他提供高质量内容的博客。...2、博客只为赚钱 通过博客或网站获利是一个不错的选择,但绝不应该是唯一目的,仅仅为了赚钱而写博客最终往往不会成为一个知名的博客博客需要坚持不懈。...但是,如果您继续写博客,尽管会花费一些时间,但是您肯定会在博客世界中留下自己的印记。 3、不学习新事物 导致博客失败的另一个非常重要的因素是,作为博客作者,您不再增加自己的知识储备。...因此,要成为一名成功的博客作者,您需要了解并遵循基本的SEO技能,你是可以适当的参加SEO培训班。 总结:为什么你运营的博客会失败,仍然有诸多问题,比如:不善于推广等等,而上述内容,仅供参考!

    84210

    什么是逆向JS

    逆向JS(JavaScript)通常指的是对已经编译或混淆的JavaScript代码进行分析、理解和修改的过程。这通常用于安全研究、软件破解、漏洞分析、或理解某些复杂的或混淆的代码。...逆向JS的过程可以相当复杂,因为JavaScript可以被多种方式混淆和保护。...以下是一些逆向JS的基本步骤和技巧: 代码美化(Beautify): 使用工具如JSBeautify或Prettier将混淆的代码转换为更易读的格式。...遵守法律和道德准则: 在进行逆向JS时,务必遵守相关的法律和道德准则。不要尝试破解或破解他人的软件,除非你有明确的法律授权或正在进行安全研究。...请注意,逆向JS可能是一个复杂且耗时的过程,需要一定的编程经验和对JavaScript的深入理解。如果你是初学者,建议从简单的代码和示例开始练习,并逐渐增加难度。

    20310
    领券