第一页 上页 4 5 6 7 8 9 10 11 12 13 下页 最后页 [ 显示模式: 摘要 | 列表 ]

JS FormData对象

[不指定 2016/03/31 10:43 | by 刘新修 ]

通常我们提交(使用submit button)时,会把form中的所有表格元素的name与value组成一个queryString,提交到后台。这用jQuery的方法来说,就是serialize。但当我们使用Ajax提交时,这过程就要变成人工的了。因此,FormData对象的出现可以减少我们一些工作量。

想得到一个FormData对象:

var formdata = new FormData();

W3c草案提供了三种方案来获取或修改FormData。

方案1:创建一个空的FormData对象,然后再用append方法逐个添加键值对:

var formdata = new FormData();
formdata.append("name", "呵呵");
formdata.append("url", "http://www.baidu.com/");

方案2:取得form元素对象,将它作为参数传入FormData对象中!

var formobj =  document.getElementById("form");
var formdata = new FormData(formobj);

方案3:利用form元素对象的getFormData方法生成它!

var formobj =  document.getElementById("form");
var formdata = formobj.getFormData()

利用Formdata对象,我们可以使用原生js通过ajax实现异步上传图片,当然,现在已经有jquery的批量上传插件了,实现原理就是利用了Formdata。

Tags:

php [urlencode urldecode] 函数

[不指定 2016/03/29 13:28 | by 刘新修 ]

 urlencode()编码:对字符串中除了 -_. 之外的所有非字母数字字符都将被替换成百分号(%)后跟两位十六进制数,空格则编码为加号(+)。

urldecode()解码:还原 URL 编码字符串。
示例:
<?php
header("Content-Type:text/html; charset=utf-8");
//对参数值进行编码
$parm=urlencode("演示php-mysql");
 
//拼接url
$url="decode.php?par=".$parm;
?>
 
<a href="<?php echo $url;?>">urlencode演示</a>
 
点击连接后地址栏中汉字被编码了:
http://localhost/decode.php?par=%E6%BC%94%E7%A4%BAphp-mysql
------------------------------------------------------------------------
 
//decode.php
<?php
//获取参数值
$parValue=$_GET['par'];
 
//解码
echo urldecode($parValue);
//运行结果:演示php-mysql
?>

shell截取字符串的方法

[不指定 2016/03/11 10:17 | by 刘新修 ]

shell中截取字符串的方法有很多中,

${expression}一共有9种使用方法。

${parameter:-word}

${parameter:=word}

${parameter:?word}

${parameter:+word} 

上面4种可以用来进行缺省值的替换。

${#parameter}

上面这种可以获得字符串的长度。 

${parameter%word} 最小限度从后面截取word

${parameter%%word} 最大限度从后面截取word

${parameter#word} 最小限度从前面截取word

${parameter##word} 最大限度从前面截取word

上面4个就是用来截取字符串的方法了。

有了着四种用法就不必使用cut命令来截取字符串了

第一种又可以分为四种情况,下面一一介绍。


1、使用 # 号操作符。用途是从左边开始删除第一次出现子字符串即其左边字符,保留右边字符。用法为#*substr,例如:

str='http://www.你的域名.com/cut-string.html'

echo ${str#*//}

得到的结果为www.你的域名.com/cut-string.html,即删除从左边开始到第一个"//"及其左边所有字符2、使用 ## 号操作符。用途是从左边开始删除最后一次出现子字符串即其左边字符,保留右边字符。用法为##*substr,例如:

str='http://www.你的域名.com/cut-string.html'

echo ${str##*/}

得到的结果为cut-string.html,即删除最后出现的"/"及其左边所有字符

3、使用 % 号操作符。用途是从右边开始删除第一次出现子字符串即其右边字符,保留左边字符。用法为%substr*,例如:

str='http://www.你的域名.com/cut-string.html'

echo ${str%/*}

得到的结果为http://www.你的域名.com,即删除从右边开始到第一个"/"及其右边所有字符

4、使用 %% 号操作符。用途是从右边开始删除最后一次出现子字符串即其右边字符,保留左边字符。用法为%%substr*,例如:

str='http://www.你的域名.com/cut-string.html'

echo ${str%%/*}

得到的结果为http://www.你的域名.com,即删除从右边开始到最后一个"/"及其右边所有字符


第二种也分为四种,分别介绍如下:

1、从左边第几个字符开始以及字符的个数,用法为:start:len,例如:

str='http://www.你的域名.com/cut-string.html'

echo ${var:0:5}

其中的 0 表示左边第一个字符开始,5 表示字符的总个数。

结果是:http:

2、从左边第几个字符开始一直到结束,用法为:start,例如:

str='http://www.你的域名.com/cut-string.html'

echo ${var:7}

其中的 7 表示左边第8个字符开始

结果是:www.你的域名.com/cut-string.html

3、从右边第几个字符开始以及字符的个数,用法:0-start:len,例如:

str='http://www.你的域名.com/cut-string.html'

echo ${str:0-15:10}

其中的 0-6 表示右边算起第6个字符开始,10 表示字符的个数。

结果是:cut-string

3、从右边第几个字符开始一直到结束,用法:0-start,例如:

str='http://www.你的域名.com/cut-string.html'

echo ${str:0-4}

其中的 0-6 表示右边算起第6个字符开始,10 表示字符的个数。

结果是:html

注:(左边的第一个字符是用 0 表示,右边的第一个字符用 0-1 表示)

C#代码
  1. #!/bin/bash  
  2. #获取当前SH脚本的绝对路径  
  3. Cur_Dir=$(pwd)  
  4. #echo $Cur_Dir  
  5. function ergodic(){  
  6. for file in ` ls $1`  
  7. do  
  8.     # echo $file  
  9.     if [ -d $1"/"$file ]  
  10.     then  
  11.     ergodic $1"/"$file  
  12.         else  
  13.         local path=$1"/"$file   #得到文件的完整的目录  
  14.         local name=$file        #得到文件的名字  
  15.         #echo ${file##*.} /**** 打印返回的文件名 ****/  
  16.         #echo ${file##*.} /**** 打印返回的文件名 ****/  
  17.         #判断所匹配的文件扩展名  
  18.         if [ "${file##*.}" = "gz" ]||[ "${file##*.}" = "bz2" ]||[ "${file##*.}" = "zip" ]; then #警告:中括号内不前后必须流空格、等号前后必须留空格!  
  19.             #echo ${1#*/software} /**** 截取字符串处理当前路径 ****/  
  20.             echo "http://down.liuxinxiu.com"${1#*/software}"/"$file >>a.txt  
  21.             echo "http://down.liuxinxiu.com"${1#*/software}"/"$file  
  22.         fi  
  23.     fi  
  24.   
  25. done  
  26. }  
  27. INIT_PATH=$Cur_Dir  
  28. ergodic $INIT_PATH  

通用脚本,当前目录名为二级域名,一级域名自行定义

C#代码
  1. #!/bin/bash  
  2. #获取当前SH脚本的绝对路径  
  3. Cur_Dir=$(pwd)  
  4. Sub_Path=${Cur_Dir##*/}  
  5. #echo $Cur_Dir  
  6. #先清空一下文件,注明:如果不清空则一直在原文件尾部追加  
  7. : > b.txt  
  8. #当前目录下遍历循环文件的方法  
  9. function ergodic(){  
  10. for file in ` ls $1`  
  11. do  
  12.     # echo $file  
  13.     if [ -d $1"/"$file ]  
  14.     then  
  15.     ergodic $1"/"$file  
  16.         else  
  17.         local path=$1"/"$file   #得到文件的完整的目录  
  18.         local name=$file        #得到文件的名字  
  19.         #echo ${file##*.} /**** 打印返回的文件名 ****/  
  20.         #echo ${file##*.} /**** 打印返回的文件名 ****/  
  21.         #判断所匹配的文件扩展名  
  22.         if [ "${file##*.}" = "gz" ]||[ "${file##*.}" = "bz2" ]||[ "${file##*.}" = "zip" ]; then #警告:中括号内不前后必须流空格、等号前后必须留空格!  
  23.             #echo ${1#*/software} /**** 截取字符串处理当前路径 ****/  
  24.             echo "http://"$Sub_Path".liuxinxiu.com"${1#*/software}"/"$file >>b.txt  
  25.             echo "http://"$Sub_Path".liuxinxiu.com"${1#*/software}"/"$file  
  26.         fi  
  27.     fi  
  28.   
  29. done  
  30. }  
  31. INIT_PATH=$Cur_Dir  
  32. ergodic $INIT_PATH  
PHP代码
  1. <?php  
  2.     //创建画布,返回一个资源类型的变量$image,并在内存中开辟一个临时区域  
  3.     $image = imagecreatetruecolor(400,400);                //创建画布大小为400x400  
  4.   
  5.     //设置图像中所需的颜色,相当于在画画时准备的染料盒  
  6.     $white = imagecolorallocate($image, 0xFF, 0xFF, 0xFF);          //为图像分配颜色为白色  
  7.     $gray = imagecolorallocate($image, 0xC0, 0xC0, 0xC0);           //为图像分配颜色为灰色  
  8.     $darkgray = imagecolorallocate($image, 0x90, 0x90, 0x90);       //为图像分配颜色为暗灰色  
  9.     $navy = imagecolorallocate($image, 0x00, 0x00, 0x80);           //为图像分配颜色为深蓝色  
  10.     $darknavy = imagecolorallocate($image, 0x00, 0x00, 0x50);       //为图像分配颜色为暗深蓝色  
  11.     $red = imagecolorallocate($image, 0xFF, 0x00, 0x00);           //为图像分配颜色为红色  
  12.     $darkred = imagecolorallocate($image, 0x90, 0x00, 0x00);       //为图像分配颜色为暗红色  
  13.   
  14.     imagefill($image, 0, 0, $white);            //为画布背景填充背景颜色  
  15.     //动态制作3D效果  
  16.     for ($i=220;$i>200;$i--){                //循环10次画出立体效果  
  17.         imagefilledarc($image, 200, $i, 400, 200, -160, 40, $darknavy, IMG_ARC_PIE);  
  18.         imagefilledarc($image, 200, $i, 400, 200, 40, 75, $darkgray, IMG_ARC_PIE);  
  19.         imagefilledarc($image, 200, $i, 400, 200, 75, 200, $darkred, IMG_ARC_PIE);  
  20.     }  
  21.   
  22.     imagefilledarc($image, 200, 200, 400, 200, -160, 40, $navy, IMG_ARC_PIE);      //画一椭圆弧且填充  
  23.     imagefilledarc($image, 200, 200, 400, 200, 40 , 75, $gray, IMG_ARC_PIE);      //画一椭圆弧且填充  
  24.     imagefilledarc($image, 200, 200, 400, 200, 75, 200, $red, IMG_ARC_PIE);      //画一椭圆弧且填充  
  25.   
  26.     imagestring($image, 20, 100, 230, '34.7%', $white);                //水平地画一行字符串,依次是F/X/Y/--数值越大向右、向下  
  27.     imagestring($image, 20, 200, 150, '55.5%', $white);                //水平地画一行字符串,依次是F/X/Y/--数值越大向右、向下  
  28.   
  29.     //向浏览器中输出一个GIF格式的图片  
  30.     header('Content-type:image/png');       //使用头函数告诉浏览器以图像方式处理以下输出  
  31.     imagepng($image);                       //向浏览器输出  
  32.     imagedestroy($image);                   //销毁图像释放资源  
  33.   
  34.     //header("Content-type: text/html; charset=utf-8");  
  35.     //$str="<div>'$image'</div>";  
  36.     //echo $str;  
  37. ?>  

gd-png.php

PHP代码
  1. <?php  
  2.     //创建画布,返回一个资源类型的变量$image,并在内存中开辟一个临时区域  
  3.     $image = imagecreatetruecolor(375,375);                //创建画布大小为375x375 iPhone6 375X627  
  4.   
  5.     //设置图像中所需的颜色,相当于在画画时准备的染料盒  
  6.     $white = imagecolorallocate($image, 0xFF, 0xFF, 0xFF);          //为图像分配颜色为白色  
  7.     $gray = imagecolorallocate($image, 0xC0, 0xC0, 0xC0);           //为图像分配颜色为灰色  
  8.     $darkgray = imagecolorallocate($image, 0x90, 0x90, 0x90);       //为图像分配颜色为暗灰色  
  9.     $navy = imagecolorallocate($image, 0x00, 0x00, 0x80);           //为图像分配颜色为深蓝色  
  10.     $darknavy = imagecolorallocate($image, 0x00, 0x00, 0x50);       //为图像分配颜色为暗深蓝色  
  11.     $red = imagecolorallocate($image, 0xFF, 0x00, 0x00);           //为图像分配颜色为红色  
  12.     $darkred = imagecolorallocate($image, 0x90, 0x00, 0x00);       //为图像分配颜色为暗红色  
  13.   
  14.     imagefill($image, 0, 0, $white);            //为画布背景填充背景颜色  
  15.     //动态制作3D效果  
  16.     for ($i=200;$i>180;$i--){                //循环10次画出立体效果  
  17.         imagefilledarc($image, 187, $i, 360, 180, -160, 40, $darknavy, IMG_ARC_PIE);   //  
  18.         imagefilledarc($image, 187, $i, 360, 180, 40, 75, $darkgray, IMG_ARC_PIE);  
  19.         imagefilledarc($image, 187, $i, 360, 180, 75, 200, $darkred, IMG_ARC_PIE);  
  20.     }  
  21.   
  22.     imagefilledarc($image, 187, 180, 360, 180, -160, 40, $navy, IMG_ARC_PIE);      //画一椭圆弧且填充,第一个187-180 是错开7像素  
  23.     imagefilledarc($image, 187, 180, 360, 180, 40 , 75, $gray, IMG_ARC_PIE);      //画一椭圆弧且填充  
  24.     imagefilledarc($image, 187, 180, 360, 180, 75, 200, $red, IMG_ARC_PIE);      //画一椭圆弧且填充  
  25.   
  26.     imagestring($image, 20, 180, 130, '55.5%'$white);                //水平地画一行字符串,依次是F/X/Y/--数值越大向右、向下  
  27.     imagestring($image, 20, 100, 200, '34.7%'$white);                //水平地画一行字符串,依次是F/X/Y/--数值越大向右、向下  
  28.   
  29.   
  30.     //向浏览器中输出一个GIF格式的图片  
  31.     //header("Content-type:text/html;charset=utf-8"); // 设置页面的编码风格  
  32.     header('Content-type:image/png');       //使用头函数告诉浏览器以图像方式处理以下输出--通知浏览器输出的是图像  
  33.     imagepng($image);                       //向浏览器输出  
  34.     imagedestroy($image);                   //销毁图像释放资源  
  35.   
  36.     //header("Content-type: text/html; charset=utf-8");  
  37.     //$str="<div>'$image'</div>";  
  38.     //echo $str;  
  39. ?>  

MySQL性能调优my.cnf详解

[不指定 2016/03/08 12:49 | by 刘新修 ]

提供一个MySQL 5.6版本适合在1GB内存VPS上的my.cnf配置文件(点击这里下载文件):

C#代码
  1. [client]    
  2. port = 3306    
  3. socket = /tmp/mysql.sock    
  4.     
  5. [mysqld]    
  6. port = 3306    
  7. socket = /tmp/mysql.sock    
  8.     
  9. basedir = /usr/local/mysql    
  10. datadir = /data/mysql    
  11. pid-file = /data/mysql/mysql.pid    
  12. user = mysql    
  13. bind-address = 0.0.0.0    
  14. server-id = 1 #表示是本机的序号为1,一般来讲就是master的意思    
  15.     
  16. skip-name-resolve    
  17. # 禁止MySQL对外部连接进行DNS解析,使用这一选项可以消除MySQL进行DNS解析的时间。但需要注意,如果开启该选项,    
  18. # 则所有远程主机连接授权都要使用IP地址方式,否则MySQL将无法正常处理连接请求    
  19.   
  20. #skip-networking    
  21.     
  22. back_log = 600    
  23. # MySQL能有的连接数量。当主要MySQL线程在一个很短时间内得到非常多的连接请求,这就起作用,    
  24. # 然后主线程花些时间(尽管很短)检查连接并且启动一个新线程。back_log值指出在MySQL暂时停止回答新请求之前的短时间内多少个请求可以被存在堆栈中。    
  25. # 如果期望在一个短时间内有很多连接,你需要增加它。也就是说,如果MySQL的连接数据达到max_connections时,新来的请求将会被存在堆栈中,    
  26. # 以等待某一连接释放资源,该堆栈的数量即back_log,如果等待连接的数量超过back_log,将不被授予连接资源。    
  27. # 另外,这值(back_log)限于您的操作系统对到来的TCP/IP连接的侦听队列的大小。    
  28. # 你的操作系统在这个队列大小上有它自己的限制(可以检查你的OS文档找出这个变量的最大值),试图设定back_log高于你的操作系统的限制将是无效的。    
  29.     
  30. max_connections = 1000    
  31. # MySQL的最大连接数,如果服务器的并发连接请求量比较大,建议调高此值,以增加并行连接数量,当然这建立在机器能支撑的情况下,因为如果连接数越多,介于MySQL会为每个连接提供连接缓冲区,就会开销越多的内存,所以要适当调整该值,不能盲目提高设值。可以过'conn%'通配符查看当前状态的连接数量,以定夺该值的大小。    
  32.     
  33. max_connect_errors = 6000    
  34. # 对于同一主机,如果有超出该参数值个数的中断错误连接,则该主机将被禁止连接。如需对该主机进行解禁,执行:FLUSH HOST。    
  35.     
  36. open_files_limit = 65535    
  37. # MySQL打开的文件描述符限制,默认最小1024;当open_files_limit没有被配置的时候,比较max_connections*5和ulimit -n的值,哪个大用哪个,    
  38. # 当open_file_limit被配置的时候,比较open_files_limit和max_connections*5的值,哪个大用哪个。    
  39.     
  40. table_open_cache = 128    
  41. # MySQL每打开一个表,都会读入一些数据到table_open_cache缓存中,当MySQL在这个缓存中找不到相应信息时,才会去磁盘上读取。默认值64    
  42. # 假定系统有200个并发连接,则需将此参数设置为200*N(N为每个连接所需的文件描述符数目);    
  43. # 当把table_open_cache设置为很大时,如果系统处理不了那么多文件描述符,那么就会出现客户端失效,连接不上    
  44.     
  45. max_allowed_packet = 4M    
  46. # 接受的数据包大小;增加该变量的值十分安全,这是因为仅当需要时才会分配额外内存。例如,仅当你发出长查询或MySQLd必须返回大的结果行时MySQLd才会分配更多内存。    
  47. # 该变量之所以取较小默认值是一种预防措施,以捕获客户端和服务器之间的错误信息包,并确保不会因偶然使用大的信息包而导致内存溢出。    
  48.     
  49. binlog_cache_size = 1M    
  50. # 一个事务,在没有提交的时候,产生的日志,记录到Cache中;等到事务提交需要提交的时候,则把日志持久化到磁盘。默认binlog_cache_size大小32K    
  51.     
  52. max_heap_table_size = 8M    
  53. # 定义了用户可以创建的内存表(memory table)的大小。这个值用来计算内存表的最大行数值。这个变量支持动态改变    
  54.     
  55. tmp_table_size = 16M    
  56. # MySQL的heap(堆积)表缓冲大小。所有联合在一个DML指令内完成,并且大多数联合甚至可以不用临时表即可以完成。    
  57. # 大多数临时表是基于内存的(HEAP)表。具有大的记录长度的临时表 (所有列的长度的和)或包含BLOB列的表存储在硬盘上。    
  58. # 如果某个内部heap(堆积)表大小超过tmp_table_size,MySQL可以根据需要自动将内存中的heap表改为基于硬盘的MyISAM表。还可以通过设置tmp_table_size选项来增加临时表的大小。也就是说,如果调高该值,MySQL同时将增加heap表的大小,可达到提高联接查询速度的效果    
  59.     
  60. read_buffer_size = 2M    
  61. # MySQL读入缓冲区大小。对表进行顺序扫描的请求将分配一个读入缓冲区,MySQL会为它分配一段内存缓冲区。read_buffer_size变量控制这一缓冲区的大小。    
  62. # 如果对表的顺序扫描请求非常频繁,并且你认为频繁扫描进行得太慢,可以通过增加该变量值以及内存缓冲区大小提高其性能    
  63.     
  64. read_rnd_buffer_size = 8M    
  65. # MySQL的随机读缓冲区大小。当按任意顺序读取行时(例如,按照排序顺序),将分配一个随机读缓存区。进行排序查询时,    
  66. # MySQL会首先扫描一遍该缓冲,以避免磁盘搜索,提高查询速度,如果需要排序大量数据,可适当调高该值。但MySQL会为每个客户连接发放该缓冲空间,所以应尽量适当设置该值,以避免内存开销过大    
  67.     
  68. sort_buffer_size = 8M    
  69. # MySQL执行排序使用的缓冲大小。如果想要增加ORDER BY的速度,首先看是否可以让MySQL使用索引而不是额外的排序阶段。    
  70. # 如果不能,可以尝试增加sort_buffer_size变量的大小    
  71.     
  72. join_buffer_size = 8M    
  73. # 联合查询操作所能使用的缓冲区大小,和sort_buffer_size一样,该参数对应的分配内存也是每连接独享    
  74.     
  75. thread_cache_size = 8    
  76. # 这个值(默认8)表示可以重新利用保存在缓存中线程的数量,当断开连接时如果缓存中还有空间,那么客户端的线程将被放到缓存中,    
  77. # 如果线程重新被请求,那么请求将从缓存中读取,如果缓存中是空的或者是新的请求,那么这个线程将被重新创建,如果有很多新的线程,    
  78. # 增加这个值可以改善系统性能.通过比较Connections和Threads_created状态的变量,可以看到这个变量的作用。(–>表示要调整的值)    
  79. # 根据物理内存设置规则如下:    
  80. # 1G  —> 8    
  81. # 2G  —> 16    
  82. # 3G  —> 32    
  83. # 大于3G  —> 64    
  84.     
  85. query_cache_size = 8M    
  86. #MySQL的查询缓冲大小(从4.0.1开始,MySQL提供了查询缓冲机制)使用查询缓冲,MySQL将SELECT语句和查询结果存放在缓冲区中,    
  87. # 今后对于同样的SELECT语句(区分大小写),将直接从缓冲区中读取结果。根据MySQL用户手册,使用查询缓冲最多可以达到238%的效率。    
  88. # 通过检查状态值'Qcache_%',可以知道query_cache_size设置是否合理:如果Qcache_lowmem_prunes的值非常大,则表明经常出现缓冲不够的情况,    
  89. # 如果Qcache_hits的值也非常大,则表明查询缓冲使用非常频繁,此时需要增加缓冲大小;如果Qcache_hits的值不大,则表明你的查询重复率很低,    
  90. # 这种情况下使用查询缓冲反而会影响效率,那么可以考虑不用查询缓冲。此外,在SELECT语句中加入SQL_NO_CACHE可以明确表示不使用查询缓冲    
  91.     
  92. query_cache_limit = 2M    
  93. #指定单个查询能够使用的缓冲区大小,默认1M    
  94.     
  95. key_buffer_size = 4M    
  96. #指定用于索引的缓冲区大小,增加它可得到更好处理的索引(对所有读和多重写),到你能负担得起那样多。如果你使它太大,    
  97. # 系统将开始换页并且真的变慢了。对于内存在4GB左右的服务器该参数可设置为384M或512M。通过检查状态值Key_read_requests和Key_reads,    
  98. # 可以知道key_buffer_size设置是否合理。比例key_reads/key_read_requests应该尽可能的低,    
  99. # 至少是1:100,1:1000更好(上述状态值可以使用SHOW STATUS LIKE 'key_read%'获得)。注意:该参数值设置的过大反而会是服务器整体效率降低    
  100.     
  101. ft_min_word_len = 4    
  102. # 分词词汇最小长度,默认4    
  103.     
  104. transaction_isolation = REPEATABLE-READ    
  105. # MySQL支持4种事务隔离级别,他们分别是:    
  106. # READ-UNCOMMITTED, READ-COMMITTED, REPEATABLE-READ, SERIALIZABLE.    
  107. # 如没有指定,MySQL默认采用的是REPEATABLE-READ,ORACLE默认的是READ-COMMITTED    
  108.     
  109. log_bin = mysql-bin    
  110. binlog_format = mixed    
  111. expire_logs_days = 30 #超过30天的binlog删除    
  112.     
  113. log_error = /data/mysql/mysql-error.log #错误日志路径    
  114. slow_query_log = 1    
  115. long_query_time = 1 #慢查询时间 超过1秒则为慢查询    
  116. slow_query_log_file = /data/mysql/mysql-slow.log    
  117.     
  118. performance_schema = 0    
  119. explicit_defaults_for_timestamp    
  120.   
  121. #lower_case_table_names = 1 #不区分大小写    
  122.     
  123. skip-external-locking #MySQL选项以避免外部锁定。该选项默认开启    
  124.     
  125. default-storage-engine = InnoDB #默认存储引擎    
  126.     
  127. innodb_file_per_table = 1    
  128. # InnoDB为独立表空间模式,每个数据库的每个表都会生成一个数据空间    
  129. # 独立表空间优点:    
  130. # 1.每个表都有自已独立的表空间。    
  131. # 2.每个表的数据和索引都会存在自已的表空间中。    
  132. # 3.可以实现单表在不同的数据库中移动。    
  133. # 4.空间可以回收(除drop table操作处,表空不能自已回收)    
  134. # 缺点:    
  135. # 单表增加过大,如超过100G    
  136. # 结论:    
  137. # 共享表空间在Insert操作上少有优势。其它都没独立表空间表现好。当启用独立表空间时,请合理调整:innodb_open_files    
  138.     
  139. innodb_open_files = 500    
  140. # 限制Innodb能打开的表的数据,如果库里的表特别多的情况,请增加这个。这个值默认是300    
  141.     
  142. innodb_buffer_pool_size = 64M    
  143. # InnoDB使用一个缓冲池来保存索引和原始数据, 不像MyISAM.    
  144. # 这里你设置越大,你在存取表里面数据时所需要的磁盘I/O越少.    
  145. # 在一个独立使用的数据库服务器上,你可以设置这个变量到服务器物理内存大小的80%    
  146. # 不要设置过大,否则,由于物理内存的竞争可能导致操作系统的换页颠簸.    
  147. # 注意在32位系统上你每个进程可能被限制在 2-3.5G 用户层面内存限制,    
  148. # 所以不要设置的太高.    
  149.     
  150. innodb_write_io_threads = 4    
  151. innodb_read_io_threads = 4    
  152. # innodb使用后台线程处理数据页上的读写 I/O(输入输出)请求,根据你的 CPU 核数来更改,默认是4    
  153. # 注:这两个参数不支持动态改变,需要把该参数加入到my.cnf里,修改完后重启MySQL服务,允许值的范围从 1-64    
  154.     
  155. innodb_thread_concurrency = 0    
  156. # 默认设置为 0,表示不限制并发数,这里推荐设置为0,更好去发挥CPU多核处理能力,提高并发量    
  157.     
  158. innodb_purge_threads = 1    
  159. # InnoDB中的清除操作是一类定期回收无用数据的操作。在之前的几个版本中,清除操作是主线程的一部分,这意味着运行时它可能会堵塞其它的数据库操作。    
  160. # 从MySQL5.5.X版本开始,该操作运行于独立的线程中,并支持更多的并发数。用户可通过设置innodb_purge_threads配置参数来选择清除操作是否使用单    
  161. # 独线程,默认情况下参数设置为0(不使用单独线程),设置为 1 时表示使用单独的清除线程。建议为1    
  162.     
  163. innodb_flush_log_at_trx_commit = 2    
  164. # 0:如果innodb_flush_log_at_trx_commit的值为0,log buffer每秒就会被刷写日志文件到磁盘,提交事务的时候不做任何操作(执行是由mysql的master thread线程来执行的。    
  165. # 主线程中每秒会将重做日志缓冲写入磁盘的重做日志文件(REDO LOG)中。不论事务是否已经提交)默认的日志文件是ib_logfile0,ib_logfile1    
  166. # 1:当设为默认值1的时候,每次提交事务的时候,都会将log buffer刷写到日志。    
  167. # 2:如果设为2,每次提交事务都会写日志,但并不会执行刷的操作。每秒定时会刷到日志文件。要注意的是,并不能保证100%每秒一定都会刷到磁盘,这要取决于进程的调度。    
  168. # 每次事务提交的时候将数据写入事务日志,而这里的写入仅是调用了文件系统的写入操作,而文件系统是有 缓存的,所以这个写入并不能保证数据已经写入到物理磁盘    
  169. # 默认值1是为了保证完整的ACID。当然,你可以将这个配置项设为1以外的值来换取更高的性能,但是在系统崩溃的时候,你将会丢失1秒的数据。    
  170. # 设为0的话,mysqld进程崩溃的时候,就会丢失最后1秒的事务。设为2,只有在操作系统崩溃或者断电的时候才会丢失最后1秒的数据。InnoDB在做恢复的时候会忽略这个值。    
  171. # 总结    
  172. # 设为1当然是最安全的,但性能页是最差的(相对其他两个参数而言,但不是不能接受)。如果对数据一致性和完整性要求不高,完全可以设为2,如果只最求性能,例如高并发写的日志服务器,设为0来获得更高性能    
  173.     
  174. innodb_log_buffer_size = 2M    
  175. # 此参数确定些日志文件所用的内存大小,以M为单位。缓冲区更大能提高性能,但意外的故障将会丢失数据。MySQL开发人员建议设置为1-8M之间    
  176.     
  177. innodb_log_file_size = 32M    
  178. # 此参数确定数据日志文件的大小,更大的设置可以提高性能,但也会增加恢复故障数据库所需的时间    
  179.     
  180. innodb_log_files_in_group = 3    
  181. # 为提高性能,MySQL可以以循环方式将日志文件写到多个文件。推荐设置为3    
  182.     
  183. innodb_max_dirty_pages_pct = 90    
  184. # innodb主线程刷新缓存池中的数据,使脏数据比例小于90%    
  185.     
  186. innodb_lock_wait_timeout = 120    
  187. # InnoDB事务在被回滚之前可以等待一个锁定的超时秒数。InnoDB在它自己的锁定表中自动检测事务死锁并且回滚事务。InnoDB用LOCK TABLES语句注意到锁定设置。默认值是50秒    
  188.     
  189. bulk_insert_buffer_size = 8M    
  190. # 批量插入缓存大小, 这个参数是针对MyISAM存储引擎来说的。适用于在一次性插入100-1000+条记录时, 提高效率。默认值是8M。可以针对数据量的大小,翻倍增加。    
  191.     
  192. myisam_sort_buffer_size = 8M    
  193. # MyISAM设置恢复表之时使用的缓冲区的尺寸,当在REPAIR TABLE或用CREATE INDEX创建索引或ALTER TABLE过程中排序 MyISAM索引分配的缓冲区    
  194.     
  195. myisam_max_sort_file_size = 10G    
  196. # 如果临时文件会变得超过索引,不要使用快速排序索引方法来创建一个索引。注释:这个参数以字节的形式给出    
  197.     
  198. myisam_repair_threads = 1    
  199. # 如果该值大于1,在Repair by sorting过程中并行创建MyISAM表索引(每个索引在自己的线程内)      
  200.     
  201. interactive_timeout = 28800    
  202. # 服务器关闭交互式连接前等待活动的秒数。交互式客户端定义为在mysql_real_connect()中使用CLIENT_INTERACTIVE选项的客户端。默认值:28800秒(8小时)    
  203.     
  204. wait_timeout = 28800    
  205. # 服务器关闭非交互连接之前等待活动的秒数。在线程启动时,根据全局wait_timeout值或全局interactive_timeout值初始化会话wait_timeout值,    
  206. # 取决于客户端类型(由mysql_real_connect()的连接选项CLIENT_INTERACTIVE定义)。参数默认值:28800秒(8小时)    
  207. # MySQL服务器所支持的最大连接数是有上限的,因为每个连接的建立都会消耗内存,因此我们希望客户端在连接到MySQL Server处理完相应的操作后,    
  208. # 应该断开连接并释放占用的内存。如果你的MySQL Server有大量的闲置连接,他们不仅会白白消耗内存,而且如果连接一直在累加而不断开,    
  209. # 最终肯定会达到MySQL Server的连接上限数,这会报'too many connections'的错误。对于wait_timeout的值设定,应该根据系统的运行情况来判断。    
  210. # 在系统运行一段时间后,可以通过show processlist命令查看当前系统的连接状态,如果发现有大量的sleep状态的连接进程,则说明该参数设置的过大,    
  211. # 可以进行适当的调整小些。要同时设置interactive_timeout和wait_timeout才会生效。    
  212.     
  213. [mysqldump]    
  214. quick    
  215. max_allowed_packet = 16M #服务器发送和接受的最大包长度    
  216.     
  217. [myisamchk]    
  218. key_buffer_size = 8M    
  219. sort_buffer_size = 8M    
  220. read_buffer = 4M    
  221. write_buffer = 4M    

TouchEvent测试

[不指定 2015/11/08 20:44 | by 刘新修 ]
XML/HTML代码
  1. <!-- HTML5 -->    
  2. <!DOCTYPE html>    
  3. <html>    
  4.     <head>    
  5.         <title>TouchEvent测试</title>    
  6.         <meta charset="utf-8">  
  7.     </head>    
  8.     <body>    
  9.         <h2>TouchEvent测试</h2>    
  10.         <br />    
  11.         <div id="version" style="border:2px solid black;background-color:yellow"></div>    
  12.         <br />    
  13.         <br />    
  14.         <br />    
  15.         <br />    
  16.         <br />    
  17.         <br />    
  18.         <div id="result" style="border:2px solid red; color:red;">未触发事件!</div>    
  19.         <div id="test" style="border:2px solid red">    
  20.             <ul>    
  21.                 <li id="li1">测试条目1</li>    
  22.                 <li id="li2">测试条目2</li>    
  23.                 <li id="li3">测试条目3</li>    
  24.                 <li id="li4">测试条目4</li>    
  25.                 <li id="li5">测试条目5</li>    
  26.                 <li id="li6">测试条目6</li>    
  27.                 <li id="li7">测试条目7</li>    
  28.                 <li id="li8">测试条目8</li>    
  29.                 <li id="li9">测试条目9</li>    
  30.                 <li id="li10">测试条目10</li>    
  31.                 <li id="li11">测试条目11</li>    
  32.                 <li id="li12">测试条目12</li>    
  33.                 <li id="li13">测试条目13</li>    
  34.                 <li id="li14">测试条目14</li>    
  35.                 <li id="li15">测试条目15</li>    
  36.                 <li id="li16">测试条目16</li>    
  37.                 <li id="li17">测试条目17</li>    
  38.                 <li id="li18">测试条目18</li>    
  39.                 <li id="li19">测试条目19</li>    
  40.                 <li id="li20">测试条目20</li>    
  41.             </ul>    
  42.         </div>    
  43.             
  44.         <script type="text/javascript">    
  45.             //全局变量,触摸开始位置    
  46.             var startX = 0startY = 0;    
  47.                 
  48.             //touchstart事件    
  49.             function touchSatrtFunc(evt) {    
  50.                 try    
  51.                 {    
  52.                     //evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等    
  53.     
  54.                     var touch = evt.touches[0]; //获取第一个触点    
  55.                     var x = Number(touch.pageX); //页面触点X坐标    
  56.                     var y = Number(touch.pageY); //页面触点Y坐标    
  57.                     //记录触点初始位置    
  58.                     startX = x;    
  59.                     startY = y;    
  60.     
  61.                     var text = 'TouchStart事件触发:(' + x + ', ' + y + ')';    
  62.                     document.getElementById("result").innerHTML = text;    
  63.                 }    
  64.                 catch (e) {    
  65.                     alert('touchSatrtFunc:' + e.message);    
  66.                 }    
  67.             }    
  68.     
  69.             //touchmove事件,这个事件无法获取坐标    
  70.             function touchMoveFunc(evt) {    
  71.                 try    
  72.                 {    
  73.                     //evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等    
  74.                     var touch = evt.touches[0]; //获取第一个触点    
  75.                     var x = Number(touch.pageX); //页面触点X坐标    
  76.                     var y = Number(touch.pageY); //页面触点Y坐标    
  77.     
  78.                     var text = 'TouchMove事件触发:(' + x + ', ' + y + ')';    
  79.     
  80.                     //判断滑动方向    
  81.                     if (x - startX != 0) {    
  82.                         text += '<br/>左右滑动';    
  83.                     }    
  84.                     if (y - startY != 0) {    
  85.                         text += '<br/>上下滑动';    
  86.                     }    
  87.     
  88.                     document.getElementById("result").innerHTML = text;    
  89.                 }    
  90.                 catch (e) {    
  91.                     alert('touchMoveFunc:' + e.message);    
  92.                 }    
  93.             }    
  94.     
  95.             //touchend事件    
  96.             function touchEndFunc(evt) {    
  97.                 try {    
  98.                     //evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等    
  99.     
  100.                     var text = 'TouchEnd事件触发';    
  101.                     document.getElementById("result").innerHTML = text;    
  102.                 }    
  103.                 catch (e) {    
  104.                     alert('touchEndFunc:' + e.message);    
  105.                 }    
  106.             }    
  107.     
  108.             //绑定事件    
  109.             function bindEvent() {    
  110.                 document.addEventListener('touchstart', touchSatrtFunc, false);    
  111.                 document.addEventListener('touchmove', touchMoveFunc, false);    
  112.                 document.addEventListener('touchend', touchEndFunc, false);    
  113.             }    
  114.     
  115.             //判断是否支持触摸事件    
  116.             function isTouchDevice() {    
  117.                 document.getElementById("version").innerHTML = navigator.appVersion;    
  118.     
  119.                 try {    
  120.                     document.createEvent("TouchEvent");    
  121.                     alert("支持TouchEvent事件!");    
  122.     
  123.                     bindEvent(); //绑定事件    
  124.                 }    
  125.                 catch (e) {    
  126.                     alert("不支持TouchEvent事件!" + e.message);    
  127.                 }    
  128.             }    
  129.     
  130.             window.onload = isTouchDevice;    
  131.     </script>    
  132.     </body>    
  133. </html>    

原生JS选择同胞节点

[不指定 2015/11/07 19:49 | by 刘新修 ]
XML/HTML代码
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <meta charset="utf-8">  
  5. <title>Document</title>  
  6. <script type="text/javascript">  
  7. window.onload=function(){  
  8.   var oli=document.getElementById("box1");  
  9.   var obox=oli.parentNode;  
  10.   var lis=obox.children;  
  11.   for(var i=0;i<lis.length;i++){  
  12.     if(lis[i]!=oli){  
  13.       lis[i].style.color="red";  
  14.     }  
  15.   }  
  16. }  
  17. </script>  
  18. </head>  
  19. <body>  
  20. <ul id="box1">  
  21.   <li>111</li>  
  22.   <li id="antzone">222</li>  
  23.   <li>333</li>  
  24.   <li>444</li>  
  25. </ul>  
  26. <ul id="box2">  
  27.   <li>111</li>  
  28.   <li id="antzone">222</li>  
  29.   <li>333</li>  
  30.   <li>444</li>  
  31. </ul>  
  32. <ul id="box3">  
  33.   <li>111</li>  
  34.   <li id="antzone">222</li>  
  35.   <li>333</li>  
  36.   <li>444</li>  
  37. </ul>  
  38. <ul id="box4">  
  39.   <li>111</li>  
  40.   <li id="antzone">222</li>  
  41.   <li>333</li>  
  42.   <li>444</li>  
  43. </ul>  
  44. </body>  
  45. </html>  

JS字符串处理汇总

[不指定 2015/11/05 17:19 | by 刘新修 ]
JavaScript代码
  1. //1.substr  
  2. var src="images/off_1.png";  
  3. //alert(src.substr(7,3));  
  4. //输出:off  
  5. //2.substring  
  6. var src="images/off_1.png";  
  7. var yyy='data:image/png;base64,';  
  8. //alert(src.substring(7,10));  
  9. //alert(yyy.substring(11,14))  
  10. //输出:off  
  11.   
  12. //3.indexOf  
  13. var src="images/off_1.png";  
  14. //alert(src.indexOf('t'));  
  15. //alert(src.indexOf('i'));  
  16. //alert(src.indexOf('g'));  
  17.   
  18. //4.split  
  19. var yyy='data:image/png;base64,';  
  20. str=yyy.split(";");  
  21. var args=new Array();  
  22.   
  23. //alert(str)  
  24. //alert(ss.length[0])  
  25. //alert("2:3:4:5".split(":"))  
  26.   
  27. //5.Array--split 实例  
  28. /****************************************** 
  29. JS分割字符串,Array--split 实例 
  30. *********************************************/  
  31. var argy=new Array(['www'],['jb51'],['net']);  
  32. var strs='data:image/png;base64,';  
  33. var args=new Array(); //定义一数组  
  34. strs=strs.split(";"//数组=split分割后的数据  
  35. var string=strs[0].split("/")  
  36. alert(string[1]);      //读取数据,输出png  
JavaScript代码
  1. /**** 原生JS封装Ajax图片上传【加载进度条方法】 ****/  
  2. ajax({   
  3.      //url:'/xdo/marketActivity/task/uploadImage.do',  
  4.      url:'/xdo/marketActivity/common/uploadImage.do',  
  5.      type:'POST',  
  6.      data:{guid:_guid,plat:_plat,file:upload.fileSrc,isMain:upload.isMain,isFinish:upload.finish},  
  7.      dataType:'json',  
  8.      timeout:9000,  
  9.      //xhr:xhrProvider,  
  10.      beforeSend:function(){  
  11.         var bodyDom=document.getElementsByTagName("body")[0];  
  12.         var loading=document.getElementById('loading');  
  13.         loading.setAttribute("usable","true");  
  14.         loading.style.display="block";  
  15.         loading.innerHTML='loading...';  
  16.      },  
  17.      uploading:function(data){  
  18.         console.log(data);  
  19.      },  
  20.      success:function(data){  
  21.         //console.log(data);  
  22.      },  
  23.      fail:function(data){  
  24.         //console.log(data);  
  25.      }  
  26. });  
  27. /**** jquery/Ajax图片上传【加载进度条方法】 ****/  
  28. function onprogress(evt){  
  29.     // display uploading progress infomation...  
  30.     alert(evt.loaded)  
  31.     console.log((evt.loaded/evt.total)*100);  
  32. };  
  33. var xhrProvider=function(){  
  34.     var xhr=$.ajaxSettings.xhr();  
  35.     //var xhr=new XMLHttpRequest();  
  36.     //var xhr=ajaxY.xhr;  
  37.     //alert(xhr.upload)  
  38.     if(onprogress&&xhr.upload){  
  39.         xhr.upload.addEventListener('progress', onprogress, false);  
  40.     }  
  41.     return xhr;  
  42. };  
  43. $.ajax({   
  44.      //url:'/xdo/marketActivity/task/uploadImage.do',  
  45.      url:'/xdo/marketActivity/common/uploadImage.do',  
  46.      type:'POST',  
  47.      data:{guid:_guid,plat:_plat,file:upload.fileSrc,isMain:upload.isMain,isFinish:upload.finish},  
  48.      dataType:'json',  
  49.      timeout:9000,  
  50.      xhr:xhrProvider,  
  51.      success:function(data){  
  52.         //console.log(result);        
  53.      },  
  54.      error:function(data){  
  55.         //console.log(data);  
  56.      }  
  57. });  
第一页 上页 4 5 6 7 8 9 10 11 12 13 下页 最后页 [ 显示模式: 摘要 | 列表 ]