js返回顶部平滑滚动及按钮自动隐藏
这几天因为喜欢看漫画,而个人也喜欢写点网站,索性就自己写了一个漫画推荐网站,上面记录下自己看完的漫画,包括观感如何都有打分,只不过这个分只是我个人主观得分而已
扯远了扯远了,本文是在做网站返回顶部这个功能(后面简称“回顶”)时得到的一些感想,希望我的这个文章可以给朋友们一点灵感🥱
起因是我在网路上搜索回顶功能代码,得到的基础功能是js设置点击事件给button使用scrollTop属性回顶到顶部,代码如下:
12345// 点击按钮,返回顶部function topFunction() { document.body.scrollTop = 0; document.documentElement.scrollTop = 0;}
按着网上的思路写完了,实际点击也确实是能回到顶部,但是
怎么感觉哪里不够漂亮?
…..
哦,没有动画!
私认为动画是js以及网页操作的灵魂,没有动画就像是新年除夕夜上没有穿上红秋裤一样令人失望
所以,该怎么加动画呢
我又开始面向百度编程了(喜)
…..
经过一段时间的查找, ...
GitHub+Hexo创建博客
填坑并优化细节描述…(这篇是2.0新版,处理了上一篇的某些错误,加强了稳定性和细节,so,我是最快最强哒!!!)
如何用Hexo和GitHub制作出个人博客(超详细小白版)
我觉得使用一个工具之前,要先了解这个工具
当然,这个所谓的“Hexo”和”GitHub”也一样
先看一段Hexo的官方定义:
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
关键词:博客框架、Markdown
然后是GitHub的:
GitHub 是一个面向开源及私有软件项目的托管平台,因为只支持Git作为唯一的版本库格式进行托管,故名 GitHub。
关键词:开源、托管平台、Git
…
接下来,我会直接给出以上关键词的含义,不过度娘也有,看不懂我这个的可以去翻翻度娘
博客框架:做博客都需要的框架,一般来说找一个稳定主流的就行,比如我们本文用到的Hexo
Markdown:一种标记语言,后缀名为.md
开源:指编写此软件/程序的代码全部公开的行为
托管平台:如果你没有自己单独的域名的话,某些网站会在它自 ...
关于我的新耳机-水月雨猫饼
水月雨Moonrop Nekocake猫饼
1.序言 关于水月雨,我也体验过200元内的几乎所有的入耳有线耳机了,2夸克、1银船、1*SSP,本来双11想冲一条Aria咏叹调来着,奈何这又在199价位出了一消费级TWS真无线耳机——猫饼,看到预售,说明我是第一批,冲!
2.外观 我没在水月雨官店冲,反而是在经销商 客Ting【Ting姬】处购得,这样我就能同时夸奖两个店家了(笑),拿到盒子是付预售款的后一天,对,就是第二天晚上7点,不得不说Ting姬的发货速度就是快!顺丰一天就从天津坐飞机到了我这里。
说回外观:拿到盒子的一瞬间,看到了巧克力??啊不对,应该是水月姬吧?[疑惑]
盒子是采用抽拉式设计,向上或者向下一推即可打开,打开后看到有一个印着水月雨标的。。。嗯。。深蓝色的盒子,表面上有一层反射银光的点点,对着灯光晃一晃有点星河那味
两侧有缺口,可以轻易提拉起来[这可不像你啊水月雨,以前不管是夸克还是SSP都非常难打开盒子,阻尼大的离谱,不过也可能是修改的这种缺口设计起了作用]
打开后就露出了猫饼的真面目——是一个…黑色的塑料,极其敷衍的塑料 ...
做一个属于自己的IDEA
做一个属于自己的IDEA事情还要从两天前说起
那时我还在用VSCode,仍然沉迷于One Dark Pro主题的时候
发现了这么个东西
IDEA!
本着是个编译器我都喜欢下载下来玩玩的习惯我把它下载了下来
即使我电脑里还有
Code::Blocks
dev
eclipse
VS
VSCode(滑稽)
啊不对,还差一个Android Studio
毫不犹豫的下载了社区版,因为专业版用不到(社区版免费)
第一次打开的时候感觉“ ?”
真的没什么感觉,就一股通用设计风格的味道
好在因为可以写Java,我便将它留了下来
昨天写了一天Java,感觉可以替代eclipse 了哈哈
————————————–更新线[21.07.06]——————————————-
其实就是一个插件的问题
首先在IDEA点击文件→设置→插件
打开插件界面,选择Marketplace
在搜索框搜索“Background Image Plus +”,下面可直接复制
1Background Image Plus +
找到以后选择安装即可,安装后提示你重启IDEA即可使用该插件
重启后会 ...
关于正规的md文件写法小知识
关于正规的md文件写法小知识这篇文章主要是记录一下markdown文件(简称md文件)的正规写法,以及我自身犯过的错误也一并写出来,供大家参考
接下来进入正题:
乱用一级、二级等大标题
♦刚开始写md文的时候,感觉需要不同大小的粗体字,奈何md自带的粗体不能满足我ಥ◡ಥ,便想到了可以用标题来解决,等我写了很多文章的时候,粗看是没什么问题的,不过等我扔到blog上去的时候,blog自带的目录就乱七八糟的,哎,那可叫一个屮啊,到现在我还没有整理好(其实是懒)
不会分段,大段的文字看起来格外的累
♦这个的话一般小学中学写作文就能体会到,文章不会分段的话经常纸上就一坨一坨的你懂吧,看的时候就难受,所以分好段落也是文章的一个很重要的部分,排版干净嘛!
……..
关于动态壁纸的准备与制作
经常在网上发现一些很不错的动态壁纸,由于全是别人做的,当自己发现一个很好很有意境(滑稽)的壁纸时没法把它变成动态的,有点遗憾
不过别担心,本教程手把手教你做自己的动态壁纸!
let‘s go!😎
🔸第一步准备一张想变成动态的壁纸,最好是人物类
因为轮廓清晰所以一些步骤很好做
风景画也不是不可以,不过还是建议找一张人物图自己做一遍熟悉熟悉步骤
然后再啃这个难啃的骨头
–
打开你的PS,把这张图片导入到PS(Photoshop)中
此时你是一张背景图的状态
双击右下角的背景图层,在弹出的对话框中点击确认
将背景图层解锁后,我们就可以将你想动的地方抠出来了
这个东西的原理就是把需要动的部位单独做出来,然后补出被刚才扣出部位所遮挡的部分即可
例如你要把手扣出来,而手挡住了后面蝴蝶结的一部分,这时你就需要将手单独做一个图层后将后面被遮挡而导致残缺的蝴蝶结补充完整
就这样处理好了全部的部位后
我们就可以进入下一部分了!
第二步打开AE(Adobe After Effects CC)
找到Auto sway摆动脚本,顾名思义就是生成一段有规律的摆动效果的片段,建议在做头发动作时用,这里仅用手 ...
植物大战僵尸自制教程(皮肤修改)
前几天突然想玩植物大战僵尸了,不过因为以前已经全通关了(指拿到了银向日葵奖杯,我是个菜鸡哈哈)
玩了一段时间(也就两天)突然想自制一个植物,让我玩到修改器的感觉(滑稽),遂找寻教程
以上就是这篇文章诞生的原因【闲的】哈哈,开始教程:
首先你得拿到一份植物大战僵尸的游戏,如果没有的话推荐点击下载如果我猜的没错的话差不多是这样的:
一般人都知道点击最下面exe是开始游戏,不过咱整点不一样的
看到上面图有个main.pak,哎~本篇文章讲的就是它:
如果不一样也没关系,找到main.pak文件就可以
首先需要下方提供的文件提取器:123链接:https://pan.baidu.com/s/1HHtxd-awm3dTiPXFbpPlrQ 提取码:zjxg 复制这段内容后打开百度网盘手机App,操作更方便哦
下载后发现
首先选择解包模式上面一行pak文件选择你下载的植物大战僵尸的文件目录中的main.pak文件
下面一行选择你想把解出来的文件包放在哪里(记好这个目录,等会马上用到)
确认无误后点击执行
这时你发现电脑有点卡
没事,这是正常现象
等提示 ...
解决GitHub图片打不开的问题
提示:此文章转载自CSDN上的Antrn博主的文章:【最新】解决Github网页上图片显示失败的问题
有兴趣的可以去瞧瞧。这位博主分析的很全,小生受教了
由于Github是国外的服务器,而上面存储图片的服务器也是在国外,所以国内的用户有时会出现图片不能显示的情况,这可能是
dns被污染了
host设置错误
官方更新了dns,而用户电脑上没有同步更新dns导致不同步所发生的错误
所以解决方法也很简单,找到C:\Windows\System32\drivers\etc\hosts这个路径,用记事本或者任何能阅读并修改它的软件打开(例如Sublime Text或者vscode等)
在文件的最后一行添加:
12345678910111213141516171819202122232425262728293031323334# GitHub Start 140.82.113.3 github.com140.82.114.20 gist.github.com151.101.184.133 assets-cdn.github.com151.101.184.133 ...
Hexo素锦主题美化
关于hexo站点素锦主题的安装使用流程挖坑ing
准备写一份超长超详细的使用hexo+Github搭建博客的文章
……
我是参考的贰货不二大佬的文章[链接在这]设置的,挺详细的,可以去看看
一开始在Hexo官网上找寻代替初始主题的主题,
翻着翻着看到了Hexo版的素锦
点进去看了看,对这个主题的好感瞬间爆棚!
感谢素锦原作者创作出这么好看的主题(原生是WordPress theme)
🎃 dalao的github地址
同时感谢Fechin大佬移植的Hexo版和贰货不二大佬写的食用指南(怪我太笨,Fechin大佬的README文件硬是没看懂😓)
特别提醒:本文现阶段仅适合已经完成Hexo和Git命令行安装的朋友参考
一、主题下载1.首先我们要先下载主题进入blog目录下使用Git命令框输入以下命令(右击鼠标点击Git Bash Here即可调出Git命令框):
1git clone https://github.com/Fechin/hexo-theme-diaspora.git themes/diaspora
正 ...
你TM还不会Markdown?
你TM还不会Markdown语法?
没想到吧,Markdown语法介绍用Markdown语法写【滑稽】
这是篇介绍语法的文章,不过咱先别急着看啥语法,首先来看下面这篇实例文章:“ 在2020年,如果你还不会使用 Markdown 语法标记 文字和代码,那你就错过了一个非常舒适的轻量化标记语言!
Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建,主要用途就是让人们用纯文本式的格式编写文档且还带有一定简单格式,不用让人硬着头皮研究与自己工作毫不相干的代码从而浪费时间 【又没有一个摸鱼的理由了呢】
除此之外,Markdown编写的文档也可以转换为HTML、Word、图像、PDF等多种格式;且由于自身支持基本的HTML语法,使得也同时可以使用HTML的闭合标签,例如上面的”下划线“就是由<u>文本</u>组成
不过由于Markdown的定位是轻量化标记语言,所以当你的文本需要插入图片或者表格时还是建议采用富文本编辑器吧[W ...