# 在JS对象中创建方法(method)

在js对象中可以创建一个方法来作为对象的一个属性,作为属性时,method其实就是一个函数。

# JavaScript对象

自然界中一切的事物都是一个对
象(object),且都有它的属性(property)

# JS为返回顶部按钮添加动画效果

html部分

1
2
3

<div id="ease-target"><span id="ease\_go\_top"><i class="fa fa-chevron-up"></i></span>
</div>

js部分

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
// 返回顶部
var ease\_go\_top = document.getElementById("ease\_go\_top");
function ease_scrollToTop(t){
var x = 0;
var scroll_Top = document.body.scrollTop || document.documentElement.scrollTop;
var time = setInterval(function(){
x+=scroll_Top*30/t;
if(x>scroll_Top){
clearInterval(time);
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}else{
document.body.scrollTop = scroll_Top-x;
document.documentElement.scrollTop = scroll_Top-x;
}
},30)
}
ease\_go\_top.onclick = function(){
ease_scrollToTop(1000);
}
// end-返回顶部

添加css样式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#ease\_go\_top{
position: fixed;
right: 10px;
bottom: 10px;
width: 50px;
height: 50px;
text-align: center;
background: rgba(255,255,255,0.6);
font-size: 30px;
cursor: pointer;

}
#ease\_go\_top i{
font-size: 30px;
}

# Git版本回退

git好用的原因之一就是它支持版本的回退,在开发之中如果产生致命的错误而不知道如何修复,或者是当前修改的内容是没有意义的,那么我们就可以使用git的命令恢复到上一次提交的状态。

# 创建git版本库

版本库可以理解为是一个仓库,里面存放了许多东西,在文件系统之中它就是一个目录,通俗一点讲就是一个文件夹。这个文件夹里面的东西都交给git管理,我们对文件做的每一个修改都被它所跟踪。

# 在linux上安装git

首先查看系统有没有安装git,直接在终端输入git

git

如果安装了git将会出现一堆使用教程

如果没有安装会提示没有安装。

# 网站配置SSL后浏览器端显示链接不安全的解决方式

一般站长都会为了浏览器的地址栏小绿锁而配置ssl,配置完成之后可以通过https进行访问,但是却有感叹号显示当前连接不安全。

# centos7出现This account is currently not available的解决办法

今天在SSH登陆的时候,切换www用户的时候出现:This account is currently not available

# CSS图片在div居中显示,多出部分隐藏

首先写个div和img

<pre data-language="HTML">```markup
<div class="post-thumbnail">
    <img src="https://cdn.kaygb.top/wp-content/uploads/2019/08/qrcode_for_gh_b81da5d60ae4_1280.jpg" />
</div>

``` 这里采用相对定位和绝对定位的方式隐藏多余部分

.post-thumbnail{
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.post-thumbnail img{
    width: 100%;
    height: auto;
    position: absolute;
}

原图

加上css之后的图片

# wordpres文章页面添加上下篇文章链接

打开主题目录下的single.php,在合适位置添加如下代码

上一篇:


下一篇:

这里解释一下为什么加了判断,因为我的page.php的直接来自single.php,如果不加判断的话回在page页面出现上下篇的链接。 最后在style.css修改样式就可以了,这里贴一张效果图。

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×