saber 酱的抱枕

Fly me to the moon

04/30
2015
学习

dedecms从数据库备份文件修改附件路径

有时候在本地同时安装了多个 dedecms,后来安装的 dedecms会产生“cms安装路径”这一项。例如说本地的wwwroot文件夹是放网站的,但是现在该文件夹下放了多个网站,如website1、website2,都是分别建立文件夹存放的,在这些网站的后台就会有生“cms安装路径”这一项,而且不能去掉,否则会产生混乱。等到把网站做好上线的时候,会发现数据库里备份的附件目录路径是这样的:/website1/uploads,而不是原本的/uploads。这时候我们可以修改本地备份的数据库文件来解决。

在备份文件中找到addonarticle、archives、arctype、uploads表的文件(如果添加了文章的还有其他表,也找出来),把所有/website1/uploads替换成/uploads,之后保存,再恢复数据,附件目录就不受“cms安装路径”的影响了。

还有sysconfig表,是系统设置,把cms安装目录参数改成空,主页参数改成'/'。

dedecms从数据库备份文件修改附件路径

04/29
2015
ACG

to love 第一季ED2中的西连寺春菜

to love 第一季ED2中的西连寺春菜
最近断断续续再看to love,本来对春菜不是很感冒,但是到了看到ED2的时候,我不能再淡定了。漂浮着的忧伤的雨珠和被雨水打湿的衣服,配合略微伤感苦闷的歌声,从此春菜俘虏了我的心。从下到上移动的镜头是那么美,于是我明白了,之前在动画里我没有感觉春菜有这么的美,都是时辰的错(是不是应该去怪作画)。我把ED2中春菜的画面连续截图并且拼接成了一张整图,由于我看的不是BD,所以有些字幕无法去掉,不过影响不大。
点击查看大图
Read More →

to love 第一季ED2中的西连寺春菜

04/24
2015
学习

js中获取元素的位置

JavaScript中有获取HTML元素位置的属性:
HTMLElement.offsetLeft
HTMLElement.offsetHeight
但是,这两个属性所储存的数值并不是该元素相对整个浏览器画布的绝对位置,而是相对于其父元素位置的相对位置,也就是说这两个数值得到的是以其父元素左上角为(0,0)点从而计算出的数值。我们可以用以下函数获得元素在页面中的绝对位置:

//获取元素的纵坐标 
function getTop(e){ 
var offset=e.offsetTop; 
if(e.offsetParent!=null) offset+=getTop(e.offsetParent); 
return offset; 
} 
//获取元素的横坐标 
function getLeft(e){ 
var offset=e.offsetLeft; 
if(e.offsetParent!=null) offset+=getLeft(e.offsetParent); 
return offset; 
} 

其原理是判断元素有父元素的话,将父元素位置的数值加起来,实现过程就是if语句后调用函数自身的那句代码。这样最终就可以得到元素距离页面顶部的绝对位置。

js中获取元素的位置

04/24
2015
学习

使用js制作一个返回顶部按钮

使用js制作了一个返回顶部按钮,使用了获取网页可视高度的方法,代码如下:

<div id="goTop">TOP</div>
<style type="text/css">
body{height: 3000px;}
	#goTop{width: 50px;height: 50px;right: 12%;bottom: 5%;position: fixed;display: none;background: #05E28E;text-align: center;line-height: 50px;color: #fff;border-radius: 10px;cursor: pointer;}
</style>
<script type="text/javascript">
	var topButton=document.getElementById("goTop");
	window.onscroll=function  () {
		var scrollH=document.documentElement.scrollTop || document.body.scrollTop;
		if (scrollH>0) {
			topButton.style.display="block";
		}else{
			topButton.style.display="none";
		};
	}
	topButton.onclick=function(){
		document.body.scrollTop=0;
		document.documentElement.scrollTop=0;
	}
</script>

使用js制作一个返回顶部按钮

04/24
2015
学习

JS 获取浏览器、屏幕和可视区域宽高

我们在Web 网页开发过程中,很多情况需要进行一些页面宽度和高度的计算,然而得到一些准确的值。例如页面的可视区域的宽度、可视区域的高度、屏幕的宽度、屏幕的高度等等。下面列举一些比较常用的宽度和高度的获取方法。

屏幕分辨率的宽:window.screen.width
屏幕分辨率的高:window.screen.height

屏幕可用工作区宽度:window.screen.availWidth
屏幕可用工作区高度:window.screen.availHeight

浏览器窗口可用高度:window.innerHeight
浏览器窗口可用宽度:window.innerWidth (包括滚动条的宽度)

jq获取浏览器窗口可用高度:$(window).height() (不包括滚动条)
jq获取浏览器窗口可用宽度:$(window).width() (不包括滚动条)

整个网页的宽度:document.body.scrollWidth
整个网页的高度:document.body.scrollHeight

网页被卷去的高:window.screenTop
网页被卷去的宽:window.screenLeft

元素被卷去的高:scrollTop
元素被卷去的宽:scrollLeft

元素可见区域宽:clientWidth
元素可见区域高:clientHeight

元素可见区域宽:offsetWidth (包括边线的宽)
元素可见区域高:offsetHeight (包括边线的宽)

元素距父元素顶部的距离:offsetTop
元素距父元素左侧的距离:offsetLeft

JS 获取浏览器、屏幕和可视区域宽高