Ubuntu初始软件安装

Posted on 2018年6月7日 by Hana

1、VPS安装ssh供远程命令行维护使用

sudo apt-get install openssh-server

2、Shadowsocks

sudo apt-get install python-pip

pip install shadowsocks

附SS配置文件内容

{
    "server":"ip",
    "server_port":8388,
    "local_address":"127.0.0.1",
    "local_port":1080,
    "password":"pwd",
    "timeout":600,
    "method":"aes-256-cfb"
}

3、GNOME桌面环境

sudo apt-get install gnome

4、软件安装GDebi（比桌面环境自带的好用，至少这个会自己弹出需要root权限的密码框）

sudo apt-get install gdebi

网摘HTML飘窗代码（JS实现）

Posted on 2018年6月5日 by Hana

DIV、IMG元素：

<div id="img" style="position: absolute;">
<img style="cursor: pointer;" src="pic.png" alt="img" width="200" height="100" border="0" />
</div>

JS代码：

var xPos = document.body.clientWidth-20;
var yPos = document.body.clientHeight/2;
var step = 1;
var delay = 9; 
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img.style.top = yPos;
function changePos() {
	width = document.body.clientWidth;
	height = document.body.clientHeight;
	Hoffset = img.offsetHeight;
	Woffset = img.offsetWidth;
	img.style.left = xPos + document.body.scrollLeft;
	img.style.top = yPos + document.body.scrollTop;
	if (yon) {
		yPos = yPos + step;
	}else {
		yPos = yPos - step;
	}
	if (yPos < 0) { yon = 1; yPos = 0; } if (yPos >= (height - Hoffset)) {
		yon = 0;
		yPos = (height - Hoffset);
	}
	if (xon) {
		xPos = xPos + step;
	}else {
		xPos = xPos - step;
	}
	if (xPos < 0) { xon = 1; xPos = 0; } if (xPos >= (width - Woffset)) {
		xon = 0;
		xPos = (width - Woffset);
	}
}
function start() {
	img.visibility = "visible";
	interval = setInterval('changePos()', delay);
}
function pause_resume() {
	if(pause) {
		clearInterval(interval);
		pause = false;
	}else {
		interval = setInterval('changePos()',delay);
	pause = true;
	}
}
start();

极其好用的HTML文本在线编辑工具——UEditor

Posted on 2018年5月25日 by Hana

最近遇到了在自建的.NET网站可以自行发表新闻的需求，总不能说是一个textarea解决问题吧……太简陋了。于是乎翻遍各大网站寻找可以在线编辑替代textarea的插件工具，找了一堆这个editor，那个editor，国外的国内的。然后挨个试，也许我能力低吧，看着每个插件文档就那么几步操作弄了几遍也是没搭成。直到发现这个UEditor。

有一个功能我觉得很强大，就是可以直接复制图片、截图，不需要手动选择图片文件。

说明一下插件部署步骤，供以后和需要的人参考。

1、官网下载对应程序语言的压缩包（上传文件图片等功能需要）

2、将下载好的整个文件夹拖动到项目中。

3、修改net（或其他语言名称）文件夹下面的config.json文件，将所有“/ueditor/net/”文本替换为网站可以访问的虚拟目录（例如我将此插件放到：/script/ueditor下，那么请将文本替换为：/script/ueditor/net）

4、配置完毕后，打开需要添加编辑器的页面，引用如下文件

@* 配置文件 *@
<script type="text/javascript" src="/Scripts/ueditor/ueditor.config.js">
@* 编辑器源码文件 *@
<script type="text/javascript" src="/Scripts/ueditor/ueditor.all.js">

5、在页面需要放置编辑器的地方，加入如下代码

 <script id="MessageContent" name="content" type="text/plain" style="width:700px;height:250px;">

6、最后在页面script中单独插入如下代码，MessageContent代表上面的id

    var ue = UE.getEditor('MessageContent');    //编辑器

插件链接：http://ueditor.baidu.com/website/

jquery的EasyPieChart调用、实现ajax动态刷新，更新插件文件下载

Posted on 2018年5月16日 by Hana

最近在内部系统的报表页面使用了这个EasyPieChart插件，非常直观的展现了数据完成进度以及各情况占比。

使用过程中发现这么一个问题：

这个控件如果需要实现ajax动态刷新，那么刷新之后无论怎么赋值就不再显示进度条了，后来也是百度无果之后自己研究出解决方案。

改前遇到的bug：

改后实现效果：

ajax更新只需要执行如下代码：其实就是更新数字前先设置为0（100也行），再更新为需要显示的数字即可。而且经实践后发现，并不需要像网上所说的修改对应div的data-percent参数。

$('.epchart').data('easyPieChart').update(0);
$('.epchart').data('easyPieChart').update(subTotal);

该插件实现方式：

1、引用js、css文件

    @*jquery-easy-pie-chart*@
    <script src="~/Scripts/Dashboard/jquery.easy-pie-chart.js">
    <link href="~/Content/Dashboard/jquery.easy-pie-chart.css" rel="stylesheet" />

2、建立一个DIV供显示，且div设置data-percent参数，0-100，class=opchart为js中获取元素用。

3、在页面加载js添加如下代码：

                $('.epchart').easyPieChart({
                    animate: 1000,     //条填充动画速度，毫秒。
                    barColor: 'green'  //绿色条，不写默认是红色的
                });

//其他一些参数
//trackColor: '#666',
//scaleColor: false,
//lineCap: 'butt',
//lineWidth: 15,

即可完成直接展示出来。

插件引用文件下载：点击下载

Ubuntu设置硬盘分区

Posted on 2018年5月14日 by Hana

在命令行中可以执行如下命令：

1、查看硬盘分区情况：sudo fdisk -lu

2、对硬盘进行分区： sudo fdisk /dev/vdb

3、对硬盘进行格式化：sudo mkfs -t ext4 /dev/vdb

如果有Linux桌面环境，则可以安装非常方便的分区工具：GParted

命令行执行：sudo apt-get install gparted