HuHao's Notes

Quick notes


  • 首页

  • 归档

  • 标签

  • 关于

  • 搜索

JS 中几种实用的跨域方法原理详解

发表于 2017-03-24 | 分类于 JAVASCRIPT | | 阅读次数

JS 中几种实用的跨域方法原理详解

这里说的 JS 跨域是指通过 JS 在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。

下表给出了相对 http://store.company.com/dir/page.html 同源检测的结果:

URL结果原因
http://store.company.com/dir2/other.html成功
http://store.company.com/dir/inner/another.html成功
https://store.company.com/secure.html失败协议不同
http://store.company.com:81/dir/etc.html失败端口不同
http://news.company.com/dir/other.html失败主机名不同
阅读全文 »

thinkphp在不支持pathinfo的nginx上的解决方法

发表于 2017-03-23 | 分类于 PHP | | 阅读次数

thinkphp在不支持pathinfo的nginx上的解决方法

最近在用thinkphp做一个项目,基本完成后部署到nginx服务器上才发觉nginx是不支持pathinfo的,网上搜索了别人的解决方法,有两种思路:

1.修改thinkphp让他可以在nginx上运行

2.修改nginx让它支持pathinfo
网上说nginx开启pathinfo是有一定风险的,能不用pathinfo最好不用,所以还是折腾thinkphp吧,个人觉得这种方法相对第2种方法来得简单

修改nginx的rewrite  

阅读全文 »

JQuery日历插件My97DatePicker日期范围限制

发表于 2017-03-22 | 分类于 JQuery | | 阅读次数

My97DatePicker是一个非常优秀的日历插件,不仅支持多种调用模式,还支持日期范围限制。

常规的调用比较简单,如下所示:

1
<input class="Wdate" id="d1" onclick="WdatePicker()" />

下面重点说明日期范围限制:

1)静态限制

你可以给通过配置minDate(最小日期),maxDate(最大日期)为静态日期值,来限定日期的范围

示例1.1:限制日期的范围是 2017-03-01到2017-12-20

1
<input class="Wdate" id="d2" onfocus="WdatePicker({skin:'whyGreen',minDate:'2017-03-01',maxDate:'2017-12-20'})" />

示例1.2:限制日期的范围是 2017-03-01 21:30:00 到 2017-12-4 23:59:30

阅读全文 »

window.open子窗口给父窗口传值

发表于 2017-03-21 | 分类于 JAVASCRIPT | | 阅读次数

一、子页面是父页面通过window.open弹出的情况

子页面要向父页面传值,只要在document前面加window.opener即可。

定义和用法

open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。

语法

1
window.open(URL,name,features,replace)
参数描述
URL一个可选的字符串,声明了要在新窗口中显示的文档的 URL。如果省略了这个参数,或者它的值是空字符串,那么新窗口就不会显示任何文档。
name一个可选的字符串,该字符串是一个由逗号分隔的特征列表,其中包括数字、字母和下划线,该字符声明了新窗口的名称。这个名称可以用作标记 和
的属性 target 的值。如果该参数指定了一个已经存在的窗口,那么 open() 方法就不再创建一个新窗口,而只是返回对指定窗口的引用。在这种情况下,features 将被忽略。
features一个可选的字符串,声明了新窗口要显示的标准浏览器的特征。如果省略该参数,新窗口将具有所有标准特征。在窗口特征这个表格中,我们对该字符串的格式进行了详细的说明。
replace一个可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。支持下面的值:true - URL 替换浏览历史中的当前条目。false - URL 在浏览历史中创建新的条目。
阅读全文 »

JQ图片遮罩层

发表于 2017-03-20 | 分类于 JAVASCRIPT | | 阅读次数

图片的定位relative,

遮罩层定位position

先将位置放置好

1
2
3
4
5
6
7
8
$(function () {
$(".g-moon").css("opacity", "0");
$(".g-moon").hover(function () {
$(this).stop().animate({ opacity: .8 }, "slow");
}, function () {
$(this).stop().animate({ opacity: 0 }, "slow");
});
});

.g-moon为遮罩层的class

uploadify jwplayer网页播放器使用方法

发表于 2017-03-20 | 分类于 JAVASCRIPT | | 阅读次数
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jwplayer.html5.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jwplayer.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="jwplay"></div>
<script type="text/javascript">
jwplayer("jwplay").setup({
flashplayer: "js/jwplayer.flash.swf",
file: "11111111.mp4",
'autostart': 'false',
width:711,
height:400
});
</script>
</body>
</html>
阅读全文 »

uploadify 返回值(回调函数)总结

发表于 2017-03-20 | 分类于 JAVASCRIPT | | 阅读次数

uploadify 返回值(回调函数)总结:

最近使用开发一个图片上传模块的时候使用了一个jq插件–uploadify,但是下面就是让人很苦逼的一个下午……一直调试不好,无法接收返回值。google之后把部分都是说使用onComplete就可以接收返回值,并加以处理,但是无调试了多次仍不能接收。各种原因都找过了,什么跨域啊,session问题啊,……

到官方网站也没有查找到解决办法,而且发现这个竟然还有付费版本,我想可能是我用的是免费版本不提供技术支持(逼我们用付费版???)

最后我发现了另一个参数,最终解决了问题。

阅读全文 »

PHP安全编程:跨站请求伪造CSRF的防御

发表于 2017-03-20 | 分类于 PHP | | 阅读次数

跨站请求伪造(CSRF)是一种允许攻击者通过受害者发送任意HTTP请求的一类攻击方法。此处所指的受害者是一个不知情的同谋,所有的伪造请求都由他发起,而不是攻击者。这样,很你就很难确定哪些请求是属于跨站请求伪造攻击。事实上,如果没有对跨站请求伪造攻击进行特意防范的话,你的应用很有可能是有漏洞的。

请看下面一个简单的应用,它允许用户购买钢笔或铅笔。界面上包含下面的表单:

1
2
3
4
5
6
7
8
9
10
11
<form action="buy.php" method="POST">
<p>
Item:
<select name="item">
<option name="pen">pen</option>
<option name="pencil">pencil</option>
</select><br />
Quantity: <input type="text" name="quantity" /><br />
<input type="submit" value="Buy" />
</p>
</form>
阅读全文 »

mysqlhotcopy的使用和安装方法【快速备份mysql数据库】及错误解

发表于 2017-03-20 | 分类于 Mysql | | 阅读次数

mysqlhotcopy是使用LOCK TABLES、FLUSH TABLES和cp或scp来快速备份数据库,mysqlhotcopy是由Tim Bunce用Perl脚本编写的。它是备份数据库或单个表的最快的途径,但它不能远程运行只能运行在数据库目录所在的机器上。注意:mysqlhotcopy只用于备份MyISAM。

mysqlhotcopy与mysql自带的mysqldump异同比较:
mysqlhotcopy只适用于 MyISAM 引擎,而后则则可同时使用于MyISAM引擎和InodDB引擎.
mysqlhotcopy和mysqldump相同的地方都是在线执行 LOCK TABLES 以及 UNLOCK TABLES
mysqlhotcopy是一个快速文件意义上的COPY,mysqldump是一个mysql数据库端的SQL语句集合。
mysqlhotcopy恢复只需要COPY备份文件到源目录覆盖即可,mysqldump需要导入SQL文件到原库中,并且可能产生很多导入出错的情况。
mysqlhotcopy只能运行在数据库目录所在的机器上,mysqldump可以用在远程客户端,不过备份的文件还是保存在数据库服务器上。
mysqlhotcopy在使用前必须安装perl-DBD-mysql包,而mysqldump则不需要。

阅读全文 »

linux 下 apache启动、停止、重启命令

发表于 2017-03-20 | 分类于 Liunx | | 阅读次数

基本的操作方法:

本文假设你的apahce安装目录为/usr/local/apache2,这些方法适合任何情况

apahce启动命令:

推荐/usr/local/apache2/bin/apachectl start apaceh启动

apache停止命令

/usr/local/apache2/bin/apachectl stop 停止

apache重新启动命令:

/usr/local/apache2/bin/apachectl restart 重启

阅读全文 »
12
HuHao

HuHao

20 日志
9 分类
15 标签
RSS
GitHub 微博
© 2017 HuHao
由 Hexo 强力驱动
鄂ICP备15002169号-6