Linux Shell脚本获取当前路径遍历所有指定文件
[ 2016/03/11 10:13 | by 刘新修 ]
C#代码
- #!/bin/bash
- #获取当前SH脚本的绝对路径
- Cur_Dir=$(pwd)
- #echo $Cur_Dir
- function ergodic(){
- for file in ` ls $1`
- do
- # echo $file
- if [ -d $1"/"$file ]
- then
- ergodic $1"/"$file
- else
- local path=$1"/"$file #得到文件的完整的目录
- local name=$file #得到文件的名字
- #echo ${file##*.} /**** 打印返回的文件名 ****/
- #echo ${file##*.} /**** 打印返回的文件名 ****/
- #判断所匹配的文件扩展名
- if [ "${file##*.}" = "gz" ]||[ "${file##*.}" = "bz2" ]||[ "${file##*.}" = "zip" ]; then #警告:中括号内不前后必须流空格、等号前后必须留空格!
- #echo ${1#*/software} /**** 截取字符串处理当前路径 ****/
- echo "http://down.liuxinxiu.com"${1#*/software}"/"$file >>a.txt
- echo "http://down.liuxinxiu.com"${1#*/software}"/"$file
- fi
- fi
- done
- }
- INIT_PATH=$Cur_Dir
- ergodic $INIT_PATH
通用脚本,当前目录名为二级域名,一级域名自行定义
C#代码
- #!/bin/bash
- #获取当前SH脚本的绝对路径
- Cur_Dir=$(pwd)
- Sub_Path=${Cur_Dir##*/}
- #echo $Cur_Dir
- #先清空一下文件,注明:如果不清空则一直在原文件尾部追加
- : > b.txt
- #当前目录下遍历循环文件的方法
- function ergodic(){
- for file in ` ls $1`
- do
- # echo $file
- if [ -d $1"/"$file ]
- then
- ergodic $1"/"$file
- else
- local path=$1"/"$file #得到文件的完整的目录
- local name=$file #得到文件的名字
- #echo ${file##*.} /**** 打印返回的文件名 ****/
- #echo ${file##*.} /**** 打印返回的文件名 ****/
- #判断所匹配的文件扩展名
- if [ "${file##*.}" = "gz" ]||[ "${file##*.}" = "bz2" ]||[ "${file##*.}" = "zip" ]; then #警告:中括号内不前后必须流空格、等号前后必须留空格!
- #echo ${1#*/software} /**** 截取字符串处理当前路径 ****/
- echo "http://"$Sub_Path".liuxinxiu.com"${1#*/software}"/"$file >>b.txt
- echo "http://"$Sub_Path".liuxinxiu.com"${1#*/software}"/"$file
- fi
- fi
- done
- }
- INIT_PATH=$Cur_Dir
- ergodic $INIT_PATH
php基于GD库,绘制PNG图像Demo
[ 2016/03/10 18:21 | by 刘新修 ]
PHP代码
- <?php
- //创建画布,返回一个资源类型的变量$image,并在内存中开辟一个临时区域
- $image = imagecreatetruecolor(400,400); //创建画布大小为400x400
- //设置图像中所需的颜色,相当于在画画时准备的染料盒
- $white = imagecolorallocate($image, 0xFF, 0xFF, 0xFF); //为图像分配颜色为白色
- $gray = imagecolorallocate($image, 0xC0, 0xC0, 0xC0); //为图像分配颜色为灰色
- $darkgray = imagecolorallocate($image, 0x90, 0x90, 0x90); //为图像分配颜色为暗灰色
- $navy = imagecolorallocate($image, 0x00, 0x00, 0x80); //为图像分配颜色为深蓝色
- $darknavy = imagecolorallocate($image, 0x00, 0x00, 0x50); //为图像分配颜色为暗深蓝色
- $red = imagecolorallocate($image, 0xFF, 0x00, 0x00); //为图像分配颜色为红色
- $darkred = imagecolorallocate($image, 0x90, 0x00, 0x00); //为图像分配颜色为暗红色
- imagefill($image, 0, 0, $white); //为画布背景填充背景颜色
- //动态制作3D效果
- for ($i=220;$i>200;$i--){ //循环10次画出立体效果
- imagefilledarc($image, 200, $i, 400, 200, -160, 40, $darknavy, IMG_ARC_PIE);
- imagefilledarc($image, 200, $i, 400, 200, 40, 75, $darkgray, IMG_ARC_PIE);
- imagefilledarc($image, 200, $i, 400, 200, 75, 200, $darkred, IMG_ARC_PIE);
- }
- imagefilledarc($image, 200, 200, 400, 200, -160, 40, $navy, IMG_ARC_PIE); //画一椭圆弧且填充
- imagefilledarc($image, 200, 200, 400, 200, 40 , 75, $gray, IMG_ARC_PIE); //画一椭圆弧且填充
- imagefilledarc($image, 200, 200, 400, 200, 75, 200, $red, IMG_ARC_PIE); //画一椭圆弧且填充
- imagestring($image, 20, 100, 230, '34.7%', $white); //水平地画一行字符串,依次是F/X/Y/--数值越大向右、向下
- imagestring($image, 20, 200, 150, '55.5%', $white); //水平地画一行字符串,依次是F/X/Y/--数值越大向右、向下
- //向浏览器中输出一个GIF格式的图片
- header('Content-type:image/png'); //使用头函数告诉浏览器以图像方式处理以下输出
- imagepng($image); //向浏览器输出
- imagedestroy($image); //销毁图像释放资源
- //header("Content-type: text/html; charset=utf-8");
- //$str="<div>'$image'</div>";
- //echo $str;
- ?>
gd-png.php
PHP代码
- <?php
- //创建画布,返回一个资源类型的变量$image,并在内存中开辟一个临时区域
- $image = imagecreatetruecolor(375,375); //创建画布大小为375x375 iPhone6 375X627
- //设置图像中所需的颜色,相当于在画画时准备的染料盒
- $white = imagecolorallocate($image, 0xFF, 0xFF, 0xFF); //为图像分配颜色为白色
- $gray = imagecolorallocate($image, 0xC0, 0xC0, 0xC0); //为图像分配颜色为灰色
- $darkgray = imagecolorallocate($image, 0x90, 0x90, 0x90); //为图像分配颜色为暗灰色
- $navy = imagecolorallocate($image, 0x00, 0x00, 0x80); //为图像分配颜色为深蓝色
- $darknavy = imagecolorallocate($image, 0x00, 0x00, 0x50); //为图像分配颜色为暗深蓝色
- $red = imagecolorallocate($image, 0xFF, 0x00, 0x00); //为图像分配颜色为红色
- $darkred = imagecolorallocate($image, 0x90, 0x00, 0x00); //为图像分配颜色为暗红色
- imagefill($image, 0, 0, $white); //为画布背景填充背景颜色
- //动态制作3D效果
- for ($i=200;$i>180;$i--){ //循环10次画出立体效果
- imagefilledarc($image, 187, $i, 360, 180, -160, 40, $darknavy, IMG_ARC_PIE); //
- imagefilledarc($image, 187, $i, 360, 180, 40, 75, $darkgray, IMG_ARC_PIE);
- imagefilledarc($image, 187, $i, 360, 180, 75, 200, $darkred, IMG_ARC_PIE);
- }
- imagefilledarc($image, 187, 180, 360, 180, -160, 40, $navy, IMG_ARC_PIE); //画一椭圆弧且填充,第一个187-180 是错开7像素
- imagefilledarc($image, 187, 180, 360, 180, 40 , 75, $gray, IMG_ARC_PIE); //画一椭圆弧且填充
- imagefilledarc($image, 187, 180, 360, 180, 75, 200, $red, IMG_ARC_PIE); //画一椭圆弧且填充
- imagestring($image, 20, 180, 130, '55.5%', $white); //水平地画一行字符串,依次是F/X/Y/--数值越大向右、向下
- imagestring($image, 20, 100, 200, '34.7%', $white); //水平地画一行字符串,依次是F/X/Y/--数值越大向右、向下
- //向浏览器中输出一个GIF格式的图片
- //header("Content-type:text/html;charset=utf-8"); // 设置页面的编码风格
- header('Content-type:image/png'); //使用头函数告诉浏览器以图像方式处理以下输出--通知浏览器输出的是图像
- imagepng($image); //向浏览器输出
- imagedestroy($image); //销毁图像释放资源
- //header("Content-type: text/html; charset=utf-8");
- //$str="<div>'$image'</div>";
- //echo $str;
- ?>
MySQL性能调优my.cnf详解
[ 2016/03/08 12:49 | by 刘新修 ]
提供一个MySQL 5.6版本适合在1GB内存VPS上的my.cnf配置文件(点击这里下载文件):
C#代码
- [client]
- port = 3306
- socket = /tmp/mysql.sock
- [mysqld]
- port = 3306
- socket = /tmp/mysql.sock
- basedir = /usr/local/mysql
- datadir = /data/mysql
- pid-file = /data/mysql/mysql.pid
- user = mysql
- bind-address = 0.0.0.0
- server-id = 1 #表示是本机的序号为1,一般来讲就是master的意思
- skip-name-resolve
- # 禁止MySQL对外部连接进行DNS解析,使用这一选项可以消除MySQL进行DNS解析的时间。但需要注意,如果开启该选项,
- # 则所有远程主机连接授权都要使用IP地址方式,否则MySQL将无法正常处理连接请求
- #skip-networking
- back_log = 600
- # MySQL能有的连接数量。当主要MySQL线程在一个很短时间内得到非常多的连接请求,这就起作用,
- # 然后主线程花些时间(尽管很短)检查连接并且启动一个新线程。back_log值指出在MySQL暂时停止回答新请求之前的短时间内多少个请求可以被存在堆栈中。
- # 如果期望在一个短时间内有很多连接,你需要增加它。也就是说,如果MySQL的连接数据达到max_connections时,新来的请求将会被存在堆栈中,
- # 以等待某一连接释放资源,该堆栈的数量即back_log,如果等待连接的数量超过back_log,将不被授予连接资源。
- # 另外,这值(back_log)限于您的操作系统对到来的TCP/IP连接的侦听队列的大小。
- # 你的操作系统在这个队列大小上有它自己的限制(可以检查你的OS文档找出这个变量的最大值),试图设定back_log高于你的操作系统的限制将是无效的。
- max_connections = 1000
- # MySQL的最大连接数,如果服务器的并发连接请求量比较大,建议调高此值,以增加并行连接数量,当然这建立在机器能支撑的情况下,因为如果连接数越多,介于MySQL会为每个连接提供连接缓冲区,就会开销越多的内存,所以要适当调整该值,不能盲目提高设值。可以过'conn%'通配符查看当前状态的连接数量,以定夺该值的大小。
- max_connect_errors = 6000
- # 对于同一主机,如果有超出该参数值个数的中断错误连接,则该主机将被禁止连接。如需对该主机进行解禁,执行:FLUSH HOST。
- open_files_limit = 65535
- # MySQL打开的文件描述符限制,默认最小1024;当open_files_limit没有被配置的时候,比较max_connections*5和ulimit -n的值,哪个大用哪个,
- # 当open_file_limit被配置的时候,比较open_files_limit和max_connections*5的值,哪个大用哪个。
- table_open_cache = 128
- # MySQL每打开一个表,都会读入一些数据到table_open_cache缓存中,当MySQL在这个缓存中找不到相应信息时,才会去磁盘上读取。默认值64
- # 假定系统有200个并发连接,则需将此参数设置为200*N(N为每个连接所需的文件描述符数目);
- # 当把table_open_cache设置为很大时,如果系统处理不了那么多文件描述符,那么就会出现客户端失效,连接不上
- max_allowed_packet = 4M
- # 接受的数据包大小;增加该变量的值十分安全,这是因为仅当需要时才会分配额外内存。例如,仅当你发出长查询或MySQLd必须返回大的结果行时MySQLd才会分配更多内存。
- # 该变量之所以取较小默认值是一种预防措施,以捕获客户端和服务器之间的错误信息包,并确保不会因偶然使用大的信息包而导致内存溢出。
- binlog_cache_size = 1M
- # 一个事务,在没有提交的时候,产生的日志,记录到Cache中;等到事务提交需要提交的时候,则把日志持久化到磁盘。默认binlog_cache_size大小32K
- max_heap_table_size = 8M
- # 定义了用户可以创建的内存表(memory table)的大小。这个值用来计算内存表的最大行数值。这个变量支持动态改变
- tmp_table_size = 16M
- # MySQL的heap(堆积)表缓冲大小。所有联合在一个DML指令内完成,并且大多数联合甚至可以不用临时表即可以完成。
- # 大多数临时表是基于内存的(HEAP)表。具有大的记录长度的临时表 (所有列的长度的和)或包含BLOB列的表存储在硬盘上。
- # 如果某个内部heap(堆积)表大小超过tmp_table_size,MySQL可以根据需要自动将内存中的heap表改为基于硬盘的MyISAM表。还可以通过设置tmp_table_size选项来增加临时表的大小。也就是说,如果调高该值,MySQL同时将增加heap表的大小,可达到提高联接查询速度的效果
- read_buffer_size = 2M
- # MySQL读入缓冲区大小。对表进行顺序扫描的请求将分配一个读入缓冲区,MySQL会为它分配一段内存缓冲区。read_buffer_size变量控制这一缓冲区的大小。
- # 如果对表的顺序扫描请求非常频繁,并且你认为频繁扫描进行得太慢,可以通过增加该变量值以及内存缓冲区大小提高其性能
- read_rnd_buffer_size = 8M
- # MySQL的随机读缓冲区大小。当按任意顺序读取行时(例如,按照排序顺序),将分配一个随机读缓存区。进行排序查询时,
- # MySQL会首先扫描一遍该缓冲,以避免磁盘搜索,提高查询速度,如果需要排序大量数据,可适当调高该值。但MySQL会为每个客户连接发放该缓冲空间,所以应尽量适当设置该值,以避免内存开销过大
- sort_buffer_size = 8M
- # MySQL执行排序使用的缓冲大小。如果想要增加ORDER BY的速度,首先看是否可以让MySQL使用索引而不是额外的排序阶段。
- # 如果不能,可以尝试增加sort_buffer_size变量的大小
- join_buffer_size = 8M
- # 联合查询操作所能使用的缓冲区大小,和sort_buffer_size一样,该参数对应的分配内存也是每连接独享
- thread_cache_size = 8
- # 这个值(默认8)表示可以重新利用保存在缓存中线程的数量,当断开连接时如果缓存中还有空间,那么客户端的线程将被放到缓存中,
- # 如果线程重新被请求,那么请求将从缓存中读取,如果缓存中是空的或者是新的请求,那么这个线程将被重新创建,如果有很多新的线程,
- # 增加这个值可以改善系统性能.通过比较Connections和Threads_created状态的变量,可以看到这个变量的作用。(–>表示要调整的值)
- # 根据物理内存设置规则如下:
- # 1G —> 8
- # 2G —> 16
- # 3G —> 32
- # 大于3G —> 64
- query_cache_size = 8M
- #MySQL的查询缓冲大小(从4.0.1开始,MySQL提供了查询缓冲机制)使用查询缓冲,MySQL将SELECT语句和查询结果存放在缓冲区中,
- # 今后对于同样的SELECT语句(区分大小写),将直接从缓冲区中读取结果。根据MySQL用户手册,使用查询缓冲最多可以达到238%的效率。
- # 通过检查状态值'Qcache_%',可以知道query_cache_size设置是否合理:如果Qcache_lowmem_prunes的值非常大,则表明经常出现缓冲不够的情况,
- # 如果Qcache_hits的值也非常大,则表明查询缓冲使用非常频繁,此时需要增加缓冲大小;如果Qcache_hits的值不大,则表明你的查询重复率很低,
- # 这种情况下使用查询缓冲反而会影响效率,那么可以考虑不用查询缓冲。此外,在SELECT语句中加入SQL_NO_CACHE可以明确表示不使用查询缓冲
- query_cache_limit = 2M
- #指定单个查询能够使用的缓冲区大小,默认1M
- key_buffer_size = 4M
- #指定用于索引的缓冲区大小,增加它可得到更好处理的索引(对所有读和多重写),到你能负担得起那样多。如果你使它太大,
- # 系统将开始换页并且真的变慢了。对于内存在4GB左右的服务器该参数可设置为384M或512M。通过检查状态值Key_read_requests和Key_reads,
- # 可以知道key_buffer_size设置是否合理。比例key_reads/key_read_requests应该尽可能的低,
- # 至少是1:100,1:1000更好(上述状态值可以使用SHOW STATUS LIKE 'key_read%'获得)。注意:该参数值设置的过大反而会是服务器整体效率降低
- ft_min_word_len = 4
- # 分词词汇最小长度,默认4
- transaction_isolation = REPEATABLE-READ
- # MySQL支持4种事务隔离级别,他们分别是:
- # READ-UNCOMMITTED, READ-COMMITTED, REPEATABLE-READ, SERIALIZABLE.
- # 如没有指定,MySQL默认采用的是REPEATABLE-READ,ORACLE默认的是READ-COMMITTED
- log_bin = mysql-bin
- binlog_format = mixed
- expire_logs_days = 30 #超过30天的binlog删除
- log_error = /data/mysql/mysql-error.log #错误日志路径
- slow_query_log = 1
- long_query_time = 1 #慢查询时间 超过1秒则为慢查询
- slow_query_log_file = /data/mysql/mysql-slow.log
- performance_schema = 0
- explicit_defaults_for_timestamp
- #lower_case_table_names = 1 #不区分大小写
- skip-external-locking #MySQL选项以避免外部锁定。该选项默认开启
- default-storage-engine = InnoDB #默认存储引擎
- innodb_file_per_table = 1
- # InnoDB为独立表空间模式,每个数据库的每个表都会生成一个数据空间
- # 独立表空间优点:
- # 1.每个表都有自已独立的表空间。
- # 2.每个表的数据和索引都会存在自已的表空间中。
- # 3.可以实现单表在不同的数据库中移动。
- # 4.空间可以回收(除drop table操作处,表空不能自已回收)
- # 缺点:
- # 单表增加过大,如超过100G
- # 结论:
- # 共享表空间在Insert操作上少有优势。其它都没独立表空间表现好。当启用独立表空间时,请合理调整:innodb_open_files
- innodb_open_files = 500
- # 限制Innodb能打开的表的数据,如果库里的表特别多的情况,请增加这个。这个值默认是300
- innodb_buffer_pool_size = 64M
- # InnoDB使用一个缓冲池来保存索引和原始数据, 不像MyISAM.
- # 这里你设置越大,你在存取表里面数据时所需要的磁盘I/O越少.
- # 在一个独立使用的数据库服务器上,你可以设置这个变量到服务器物理内存大小的80%
- # 不要设置过大,否则,由于物理内存的竞争可能导致操作系统的换页颠簸.
- # 注意在32位系统上你每个进程可能被限制在 2-3.5G 用户层面内存限制,
- # 所以不要设置的太高.
- innodb_write_io_threads = 4
- innodb_read_io_threads = 4
- # innodb使用后台线程处理数据页上的读写 I/O(输入输出)请求,根据你的 CPU 核数来更改,默认是4
- # 注:这两个参数不支持动态改变,需要把该参数加入到my.cnf里,修改完后重启MySQL服务,允许值的范围从 1-64
- innodb_thread_concurrency = 0
- # 默认设置为 0,表示不限制并发数,这里推荐设置为0,更好去发挥CPU多核处理能力,提高并发量
- innodb_purge_threads = 1
- # InnoDB中的清除操作是一类定期回收无用数据的操作。在之前的几个版本中,清除操作是主线程的一部分,这意味着运行时它可能会堵塞其它的数据库操作。
- # 从MySQL5.5.X版本开始,该操作运行于独立的线程中,并支持更多的并发数。用户可通过设置innodb_purge_threads配置参数来选择清除操作是否使用单
- # 独线程,默认情况下参数设置为0(不使用单独线程),设置为 1 时表示使用单独的清除线程。建议为1
- innodb_flush_log_at_trx_commit = 2
- # 0:如果innodb_flush_log_at_trx_commit的值为0,log buffer每秒就会被刷写日志文件到磁盘,提交事务的时候不做任何操作(执行是由mysql的master thread线程来执行的。
- # 主线程中每秒会将重做日志缓冲写入磁盘的重做日志文件(REDO LOG)中。不论事务是否已经提交)默认的日志文件是ib_logfile0,ib_logfile1
- # 1:当设为默认值1的时候,每次提交事务的时候,都会将log buffer刷写到日志。
- # 2:如果设为2,每次提交事务都会写日志,但并不会执行刷的操作。每秒定时会刷到日志文件。要注意的是,并不能保证100%每秒一定都会刷到磁盘,这要取决于进程的调度。
- # 每次事务提交的时候将数据写入事务日志,而这里的写入仅是调用了文件系统的写入操作,而文件系统是有 缓存的,所以这个写入并不能保证数据已经写入到物理磁盘
- # 默认值1是为了保证完整的ACID。当然,你可以将这个配置项设为1以外的值来换取更高的性能,但是在系统崩溃的时候,你将会丢失1秒的数据。
- # 设为0的话,mysqld进程崩溃的时候,就会丢失最后1秒的事务。设为2,只有在操作系统崩溃或者断电的时候才会丢失最后1秒的数据。InnoDB在做恢复的时候会忽略这个值。
- # 总结
- # 设为1当然是最安全的,但性能页是最差的(相对其他两个参数而言,但不是不能接受)。如果对数据一致性和完整性要求不高,完全可以设为2,如果只最求性能,例如高并发写的日志服务器,设为0来获得更高性能
- innodb_log_buffer_size = 2M
- # 此参数确定些日志文件所用的内存大小,以M为单位。缓冲区更大能提高性能,但意外的故障将会丢失数据。MySQL开发人员建议设置为1-8M之间
- innodb_log_file_size = 32M
- # 此参数确定数据日志文件的大小,更大的设置可以提高性能,但也会增加恢复故障数据库所需的时间
- innodb_log_files_in_group = 3
- # 为提高性能,MySQL可以以循环方式将日志文件写到多个文件。推荐设置为3
- innodb_max_dirty_pages_pct = 90
- # innodb主线程刷新缓存池中的数据,使脏数据比例小于90%
- innodb_lock_wait_timeout = 120
- # InnoDB事务在被回滚之前可以等待一个锁定的超时秒数。InnoDB在它自己的锁定表中自动检测事务死锁并且回滚事务。InnoDB用LOCK TABLES语句注意到锁定设置。默认值是50秒
- bulk_insert_buffer_size = 8M
- # 批量插入缓存大小, 这个参数是针对MyISAM存储引擎来说的。适用于在一次性插入100-1000+条记录时, 提高效率。默认值是8M。可以针对数据量的大小,翻倍增加。
- myisam_sort_buffer_size = 8M
- # MyISAM设置恢复表之时使用的缓冲区的尺寸,当在REPAIR TABLE或用CREATE INDEX创建索引或ALTER TABLE过程中排序 MyISAM索引分配的缓冲区
- myisam_max_sort_file_size = 10G
- # 如果临时文件会变得超过索引,不要使用快速排序索引方法来创建一个索引。注释:这个参数以字节的形式给出
- myisam_repair_threads = 1
- # 如果该值大于1,在Repair by sorting过程中并行创建MyISAM表索引(每个索引在自己的线程内)
- interactive_timeout = 28800
- # 服务器关闭交互式连接前等待活动的秒数。交互式客户端定义为在mysql_real_connect()中使用CLIENT_INTERACTIVE选项的客户端。默认值:28800秒(8小时)
- wait_timeout = 28800
- # 服务器关闭非交互连接之前等待活动的秒数。在线程启动时,根据全局wait_timeout值或全局interactive_timeout值初始化会话wait_timeout值,
- # 取决于客户端类型(由mysql_real_connect()的连接选项CLIENT_INTERACTIVE定义)。参数默认值:28800秒(8小时)
- # MySQL服务器所支持的最大连接数是有上限的,因为每个连接的建立都会消耗内存,因此我们希望客户端在连接到MySQL Server处理完相应的操作后,
- # 应该断开连接并释放占用的内存。如果你的MySQL Server有大量的闲置连接,他们不仅会白白消耗内存,而且如果连接一直在累加而不断开,
- # 最终肯定会达到MySQL Server的连接上限数,这会报'too many connections'的错误。对于wait_timeout的值设定,应该根据系统的运行情况来判断。
- # 在系统运行一段时间后,可以通过show processlist命令查看当前系统的连接状态,如果发现有大量的sleep状态的连接进程,则说明该参数设置的过大,
- # 可以进行适当的调整小些。要同时设置interactive_timeout和wait_timeout才会生效。
- [mysqldump]
- quick
- max_allowed_packet = 16M #服务器发送和接受的最大包长度
- [myisamchk]
- key_buffer_size = 8M
- sort_buffer_size = 8M
- read_buffer = 4M
- write_buffer = 4M
TouchEvent测试
[ 2015/11/08 20:44 | by 刘新修 ]
XML/HTML代码
- <!-- HTML5 -->
- <!DOCTYPE html>
- <html>
- <head>
- <title>TouchEvent测试</title>
- <meta charset="utf-8">
- </head>
- <body>
- <h2>TouchEvent测试</h2>
- <br />
- <div id="version" style="border:2px solid black;background-color:yellow"></div>
- <br />
- <br />
- <br />
- <br />
- <br />
- <br />
- <div id="result" style="border:2px solid red; color:red;">未触发事件!</div>
- <div id="test" style="border:2px solid red">
- <ul>
- <li id="li1">测试条目1</li>
- <li id="li2">测试条目2</li>
- <li id="li3">测试条目3</li>
- <li id="li4">测试条目4</li>
- <li id="li5">测试条目5</li>
- <li id="li6">测试条目6</li>
- <li id="li7">测试条目7</li>
- <li id="li8">测试条目8</li>
- <li id="li9">测试条目9</li>
- <li id="li10">测试条目10</li>
- <li id="li11">测试条目11</li>
- <li id="li12">测试条目12</li>
- <li id="li13">测试条目13</li>
- <li id="li14">测试条目14</li>
- <li id="li15">测试条目15</li>
- <li id="li16">测试条目16</li>
- <li id="li17">测试条目17</li>
- <li id="li18">测试条目18</li>
- <li id="li19">测试条目19</li>
- <li id="li20">测试条目20</li>
- </ul>
- </div>
- <script type="text/javascript">
- //全局变量,触摸开始位置
- var startX = 0, startY = 0;
- //touchstart事件
- function touchSatrtFunc(evt) {
- try
- {
- //evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等
- var touch = evt.touches[0]; //获取第一个触点
- var x = Number(touch.pageX); //页面触点X坐标
- var y = Number(touch.pageY); //页面触点Y坐标
- //记录触点初始位置
- startX = x;
- startY = y;
- var text = 'TouchStart事件触发:(' + x + ', ' + y + ')';
- document.getElementById("result").innerHTML = text;
- }
- catch (e) {
- alert('touchSatrtFunc:' + e.message);
- }
- }
- //touchmove事件,这个事件无法获取坐标
- function touchMoveFunc(evt) {
- try
- {
- //evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等
- var touch = evt.touches[0]; //获取第一个触点
- var x = Number(touch.pageX); //页面触点X坐标
- var y = Number(touch.pageY); //页面触点Y坐标
- var text = 'TouchMove事件触发:(' + x + ', ' + y + ')';
- //判断滑动方向
- if (x - startX != 0) {
- text += '<br/>左右滑动';
- }
- if (y - startY != 0) {
- text += '<br/>上下滑动';
- }
- document.getElementById("result").innerHTML = text;
- }
- catch (e) {
- alert('touchMoveFunc:' + e.message);
- }
- }
- //touchend事件
- function touchEndFunc(evt) {
- try {
- //evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等
- var text = 'TouchEnd事件触发';
- document.getElementById("result").innerHTML = text;
- }
- catch (e) {
- alert('touchEndFunc:' + e.message);
- }
- }
- //绑定事件
- function bindEvent() {
- document.addEventListener('touchstart', touchSatrtFunc, false);
- document.addEventListener('touchmove', touchMoveFunc, false);
- document.addEventListener('touchend', touchEndFunc, false);
- }
- //判断是否支持触摸事件
- function isTouchDevice() {
- document.getElementById("version").innerHTML = navigator.appVersion;
- try {
- document.createEvent("TouchEvent");
- alert("支持TouchEvent事件!");
- bindEvent(); //绑定事件
- }
- catch (e) {
- alert("不支持TouchEvent事件!" + e.message);
- }
- }
- window.onload = isTouchDevice;
- </script>
- </body>
- </html>
原生JS选择同胞节点
[ 2015/11/07 19:49 | by 刘新修 ]
XML/HTML代码
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>Document</title>
- <script type="text/javascript">
- window.onload=function(){
- var oli=document.getElementById("box1");
- var obox=oli.parentNode;
- var lis=obox.children;
- for(var i=0;i<lis.length;i++){
- if(lis[i]!=oli){
- lis[i].style.color="red";
- }
- }
- }
- </script>
- </head>
- <body>
- <ul id="box1">
- <li>111</li>
- <li id="antzone">222</li>
- <li>333</li>
- <li>444</li>
- </ul>
- <ul id="box2">
- <li>111</li>
- <li id="antzone">222</li>
- <li>333</li>
- <li>444</li>
- </ul>
- <ul id="box3">
- <li>111</li>
- <li id="antzone">222</li>
- <li>333</li>
- <li>444</li>
- </ul>
- <ul id="box4">
- <li>111</li>
- <li id="antzone">222</li>
- <li>333</li>
- <li>444</li>
- </ul>
- </body>
- </html>
JavaScript代码
- //1.substr
- var src="images/off_1.png";
- //alert(src.substr(7,3));
- //输出:off
- //2.substring
- var src="images/off_1.png";
- var yyy='data:image/png;base64,';
- //alert(src.substring(7,10));
- //alert(yyy.substring(11,14))
- //输出:off
- //3.indexOf
- var src="images/off_1.png";
- //alert(src.indexOf('t'));
- //alert(src.indexOf('i'));
- //alert(src.indexOf('g'));
- //4.split
- var yyy='data:image/png;base64,';
- str=yyy.split(";");
- var args=new Array();
- //alert(str)
- //alert(ss.length[0])
- //alert("2:3:4:5".split(":"))
- //5.Array--split 实例
- /******************************************
- JS分割字符串,Array--split 实例
- *********************************************/
- var argy=new Array(['www'],['jb51'],['net']);
- var strs='data:image/png;base64,';
- var args=new Array(); //定义一数组
- strs=strs.split(";") //数组=split分割后的数据
- var string=strs[0].split("/")
- alert(string[1]); //读取数据,输出png
原JS/封装Ajax图片上传【加载进度条方法】
[ 2015/10/28 17:24 | by 刘新修 ]
JavaScript代码
- /**** 原生JS封装Ajax图片上传【加载进度条方法】 ****/
- ajax({
- //url:'/xdo/marketActivity/task/uploadImage.do',
- url:'/xdo/marketActivity/common/uploadImage.do',
- type:'POST',
- data:{guid:_guid,plat:_plat,file:upload.fileSrc,isMain:upload.isMain,isFinish:upload.finish},
- dataType:'json',
- timeout:9000,
- //xhr:xhrProvider,
- beforeSend:function(){
- var bodyDom=document.getElementsByTagName("body")[0];
- var loading=document.getElementById('loading');
- loading.setAttribute("usable","true");
- loading.style.display="block";
- loading.innerHTML='loading...';
- },
- uploading:function(data){
- console.log(data);
- },
- success:function(data){
- //console.log(data);
- },
- fail:function(data){
- //console.log(data);
- }
- });
- /**** jquery/Ajax图片上传【加载进度条方法】 ****/
- function onprogress(evt){
- // display uploading progress infomation...
- alert(evt.loaded)
- console.log((evt.loaded/evt.total)*100);
- };
- var xhrProvider=function(){
- var xhr=$.ajaxSettings.xhr();
- //var xhr=new XMLHttpRequest();
- //var xhr=ajaxY.xhr;
- //alert(xhr.upload)
- if(onprogress&&xhr.upload){
- xhr.upload.addEventListener('progress', onprogress, false);
- }
- return xhr;
- };
- $.ajax({
- //url:'/xdo/marketActivity/task/uploadImage.do',
- url:'/xdo/marketActivity/common/uploadImage.do',
- type:'POST',
- data:{guid:_guid,plat:_plat,file:upload.fileSrc,isMain:upload.isMain,isFinish:upload.finish},
- dataType:'json',
- timeout:9000,
- xhr:xhrProvider,
- success:function(data){
- //console.log(result);
- },
- error:function(data){
- //console.log(data);
- }
- });
JAVA循环数组输出HTML代码片段并对字符串进行base64编码
[ 2015/10/27 13:04 | by 刘新修 ]
Java代码
- <%@page trimDirectiveWhitespaces="true"%>
- <%@page language="java" pageEncoding="utf-8"%>
- <%@page import="sun.misc.*"%>
- <%@page import="java.io.*"%>
- <%@page import="java.util.*"%>
- <%
- List<String> htmltempList=new ArrayList<String>();
- //String[][] students = {{'小明','1101','23','52819911'},{'夏利','1101','23','52819911'},{'小强','1102','21','52819901'}};
- //创建6行4列二位数组
- String[][] book=new String [6][4];
- book[0]=new String[]{"风清扬","1101","23","52819911"};
- book[1]=new String[]{"许志飞","1101","23","52819911"};
- book[2]=new String[]{"令狐冲","1102","21","52819901"};
- book[3]=new String[]{"任我行","1103","22","52819991"};
- book[4]=new String[]{"任盈盈","1104","24","52819981"};
- book[5]=new String[]{"东方不败","1105","26","52819981"};
- String[][] arr1={{"11","22"},{"aaa","bbb"},{"AAA","BBB"}};
- String[][] arr2=new String[3][2];
- for(int i=0;i<book.length;i++){
- htmltempList.add("<ul>");
- for(int j=0;j<book[i].length;j++){
- //out.println(book[i][j]);
- htmltempList.add("<li>" +book[i][j]+"</li>");
- }
- htmltempList.add("</ul>");
- }
- /*
- int [][]a=new int[8][8];
- for (int i=0;i<8;i++){
- for(int j=0;j<8;j++){
- a[i][j]=i+j;
- out.println(a[i][j]+"---");
- }
- }*/
- //out.println("---");
- %>
- <%
- for (int i=0;i<9;i++){
- //htmltempList.add("<li><span>" + i+"</span></li>");
- }
- /*
- for (int i=0; i<htmltempList.size();i++){
- out.print(htmltempList.get(i));
- }
- out.print(testCol(htmltempList) + "====================");
- */
- %>
- <%
- response.setContentType("text/json");
- response.setCharacterEncoding("utf-8");
- String callback=request.getParameter("Jsoncallback");
- if(callback!=null&&!"".equals(callback)){
- out.print(callback+"({\"dataList\":\"" +testColCon(htmltempList) + "\"})");
- }
- %>
- <%!
- public static int testCol(List<String> testList){
- return testList.size();
- }
- public static String testColCon(List<String> testList){
- String str="";
- String html="<style>*{margin:0;padding:0;}h1{font-size:16px;text-align:center; line-height:45px;}body{color:#333;font-size:14px;font-family:'MicrosoftYahei';background:#B7CACC;}div{border:1px solid #405E7B; border-bottom:0; width:95%; margin:0 auto;background:#fff;content:'';display:table;clear:both}li{line-height:35px;list-style:none;width:25%;text-align:center;border-bottom:1px solid #405E7B;float:left;}</style><h1>最近风云人员名单</h1><div>";
- for (int i=0; i<testList.size();i++){
- str+=testList.get(i);
- }
- html+=str;
- byte[] b=null;
- String s=null;
- try{
- b=html.getBytes("utf-8");
- }catch(UnsupportedEncodingException e){
- e.printStackTrace();
- }
- if (b!=null){
- s=new BASE64Encoder().encode(b);
- s=s.replaceAll("\r\n","");
- s=s.replaceAll("\n","");
- // s = s.replaceAll("","");
- //s="PGxpPjxzcGFuPjA8L3NwYW4+PC9saT48bGk+PHNwYW4+MTwvc3Bhbj48L2xpPjxsaT48c3Bhbj4yPC9zcGFuPjwvbGk+PGxpPjxzcGFuPjM8L3NwYW4+PC9saT48bGk+PHNwYW4+NDwvc3Bhbj48L2xpPjxsaT48c3Bhbj41PC9zcGFuPjwvbGk+PGxpPjxzcGFuPjY8L3NwYW4+PC9saT48bGk+PHNwYW4+Nzwvc3Bhbj48L2xpPjxsaT48c3Bhbj44PC9zcGFuPjwvbGk+";
- }
- return s;
- }
- %>
php循环数组输出HTML代码片段并对字符串进行base64编码
[ 2015/10/23 14:03 | by 刘新修 ]
PHP代码
- <?php
- //公共声明
- header('Content-type: text/json');
- html_entity_decode($string, ENT_QUOTES, 'UTF-8');
- //回调参数设置
- $param="Jsoncallback";
- $callback=$_REQUEST[$param];
- $students=array(
- array("风清扬","1101","23","52819911"),
- array("许志飞","1101","23","52819911"),
- array("令狐冲","1102","21","52819901"),
- array("任我行","1103","22","52819991"),
- array("任盈盈","1104","24","52819981"),
- array("东方不败","1105","26","52819981")
- );
- $tempBegin='<style>*{margin:0;padding:0;}h1{font-size:16px;text-align:center; line-height:45px;}body{color:#333;font-size:14px;font-family:"MicrosoftYahei";background:#B7CACC;}div{border:1px solid #405E7B; border-bottom:0; width:95%; margin:0 auto;background:#fff;content:"";display:table;clear:both}li{line-height:35px;list-style:none;width:25%;text-align:center;border-bottom:1px solid #405E7B;float:left;}</style><h1>最近风云人员名单</h1><div>';
- foreach($students as $v){
- $tempBegin.='
- <ul>
- <li>'.$v[0].'</li>
- <li>'.$v[1].'</li>
- <li>'.$v[2].'</li>
- <li>'.$v[3].'</li>
- </ul>
- ';
- }
- $tempEnd=$tempBegin.'</div>';
- //echo $tempEnd;
- $str1=base64_encode($tempEnd);
- $str2='{"dataList":"'.$str1.'"}';
- $jsonStr=$callback."(".$str2.")";
- //判断请求参数存在就会输出Json数据
- //if(isset($callback)&&!empty($callback)){
- if(isset($callback)){
- echo $jsonStr;
- }
- //判断请求参数不存在就输出错误信息
- if(!isset($callback)){
- header("Content-type: text/html; charset=utf-8");
- $str="<h1>400 Required String parameter '{$param}' is not present</h1><hr /><small>http Request with error params: none callback function</small>";
- echo $str;
- }
- ?>
原生JS对字符串进行base64编码/解码
[ 2015/10/23 13:54 | by 刘新修 ]
JavaScript代码
- /**** 下面是64个基本的编码 ****/
- var base64EncodeChars="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
- var base64DecodeChars=new Array(
- -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,
- -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,
- -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 62, -1, -1, -1, 63,
- 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, -1, -1, -1, -1, -1, -1,
- -1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14,
- 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, -1, -1, -1, -1, -1,
- -1, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40,
- 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, -1, -1, -1, -1, -1);
- /**** 编码的方法 ****/
- function base64encode(str) {
- var out,i,len;
- var c1,c2,c3;
- len=str.length;
- i=0;
- out="";
- while(i<len){
- c1=str.charCodeAt(i++)&0xff;
- if(i==len){
- out+=base64EncodeChars.charAt(c1>>2);
- out+=base64EncodeChars.charAt((c1&0x3)<<4);
- out+="==";
- break;
- }
- c2=str.charCodeAt(i++);
- if(i==len){
- out+=base64EncodeChars.charAt(c1>>2);
- out+=base64EncodeChars.charAt(((c1&0x3)<<4)|((c2&0xF0)>>4));
- out+=base64EncodeChars.charAt((c2&0xF)<<2);
- out+="=";
- break;
- }
- c3=str.charCodeAt(i++);
- out+=base64EncodeChars.charAt(c1>>2);
- out+=base64EncodeChars.charAt(((c1&0x3)<<4)|((c2&0xF0)>>4));
- out+=base64EncodeChars.charAt(((c2&0xF)<<2)|((c3&0xC0)>>6));
- out+=base64EncodeChars.charAt(c3&0x3F);
- }
- return out;
- };
- /**** 解码的方法 ****/
- function base64decode(str){
- var c1,c2,c3,c4;
- var i,len,out;
- len=str.length;
- i=0;
- out="";
- while(i<len){
- do{
- c1=base64DecodeChars[str.charCodeAt(i++)&0xff];
- }while(i<len&&c1==-1);
- if(c1==-1)
- break;
- do{
- c2=base64DecodeChars[str.charCodeAt(i++)&0xff];
- }while(i<len&&c2==-1);
- if(c2==-1)
- break;
- out+=String.fromCharCode((c1<<2)|((c2 & 0x30)>>4));
- do{
- c3=str.charCodeAt(i++)&0xff;
- if(c3==61)
- return out;
- c3=base64DecodeChars[c3];
- }while(i<len&&c3==-1);
- if(c3==-1)
- break;
- out+=String.fromCharCode(((c2&0XF)<<4)|((c3&0x3C)>>2));
- do{
- c4=str.charCodeAt(i++)&0xff;
- if(c4==61)
- return out;
- c4=base64DecodeChars[c4];
- } while(i<len&&c4==-1);
- if(c4==-1)
- break;
- out+=String.fromCharCode(((c3&0x03)<<6)|c4);
- }
- return out;
- };
- function utf16to8(str){
- var out,i,len,c;
- out="";
- len=str.length;
- for(i=0;i<len;i++){
- c=str.charCodeAt(i);
- if((c>=0x0001)&&(c<=0x007F)){
- out+=str.charAt(i);
- }else if(c>0x07FF){
- out+=String.fromCharCode(0xE0|((c>>12)&0x0F));
- out+=String.fromCharCode(0x80|((c>>6)&0x3F));
- out+=String.fromCharCode(0x80|((c>>0)&0x3F));
- }else{
- out+=String.fromCharCode(0xC0|((c>>6)&0x1F));
- out+=String.fromCharCode(0x80|((c>>0)&0x3F));
- }
- }
- return out;
- };
- function utf8to16(str){
- var out,i,len,c;
- var char2,char3;
- out="";
- len=str.length;
- i=0;
- while(i<len){
- c=str.charCodeAt(i++);
- switch(c>>4){
- case 0:case 1:case 2:case 3:case 4:case 5:case 6:case 7:
- /** 0xxxxxxx **/
- out+=str.charAt(i-1);
- break;
- case 12:case 13:
- /** 110x xxxx 10xx xxxx **/
- char2=str.charCodeAt(i++);
- out+=String.fromCharCode(((c&0x1F)<<6)|(char2&0x3F));
- break;
- case 14:
- /** 1110 xxxx 10xx xxxx 10xx xxxx **/
- char2=str.charCodeAt(i++);
- char3=str.charCodeAt(i++);
- out+=String.fromCharCode(((c&0x0F)<<12)|((char2&0x3F)<<6)|((char3&0x3F)<<0));
- break;
- }
- }
- return out;
- };
- /** 编码 **/
- /** val=base64encode(utf16to8(src)); **/
- /** 解码 **/
- /** val=utf8to16(base64decode(src)); **/
- /** var d="PGgxPjExMTwvaDE+PGRpdiBjbGFzcz0ibmFtZSI+MTEyMjwvZGl2Pg=="; **/