为您找到搜索结果：4608个
javascript学习5-练习之2冒泡排序算法
复习冒泡排序算法，同时自己也写了一个排序算法。实现效果：1.自己的算法思想：数组中数据取第一个为默认最小，依次和后面每个数据比较，只要有比其小的就交换直至找出最小的。然后将第二个数据与其后面所有数据比较，找出最小，依次重复2.冒泡排序算法思想：数据从最低端到最高端为a[n]......a[0]第一轮：将a[0]与a[1]比较，高者上，然后依次比较a[1]和a[2]....a[n-1]和a[n]每次将大的往上冒第二轮:将a[0]与a[1]比较，高者上，然后依次比较a[1]和a[2]...a[n-2]和a[n-1]每次大的往上冒，注意此时第一轮最大的已经排出来，故不需要将[n-1]与[n]相比较...第n轮：将a[0]与a[1]比较高者往上冒。然后a[1]与a[2]比较，大的往上冒。 此处前面已经排出来了n-1个最大的，一共n+1个数，故此时只有a[0]和a[1]两个没有比出最大的了。到第n轮，数据比较完成。具体代码如下：1.我自己的算法代码1//自己的排序算法2vars=[1,2,3,5,77,22,11,14,12,24];3//排序前4d...
javascript学习4-练习之1转置矩阵
1.做了个小小练习，对矩阵进行转置和对不规则的二维数组进行行列互换（不规则二维数组不存在有转置矩阵一说）。用以加深对二维数组的理解。2.效果图如下：3.两种方式的代码分别如下：3.1规则矩阵转置：1//规则转置2vararray2=[[1,2,3],[4,5,6]];3vararray22=newArray();4array22[0]=newArray(2);5array22[1]=newArray(2);6array22[2]=newArray(2);7//进行转置动作8for(vari=0;i<array2.length;i++)9{10for(varj=0;j<array2[i].length;j++)11{12array22[j][i]=array2[i][j];13}14}15for(vari=0;i<array2.length;i++)16{17for(varj=0;j<array2[i].length;j++)18{19document.writeln(array2[i][j]+" ");20}21document.writeln(...
javascript学习3-自定义函数
javascript自定义函数，很简单的小例子。实现效果：输入两个数和运算符号，根据不同运算符对数据进行计算，返回值代码：1<html>2<head>3<scripttype="text/javascript">4varnum1=window.prompt('请输入第一个num');5varnum2=window.prompt('请输入第二个num');6varoperator=window.prompt('请输入运算符');7num1=parseFloat(num1);8num2=parseFloat(num2);9document.write("运算结果为res="+jiSuan(num1,num2,operator));10//自定义函数：输入两个数，再输入一个运算符，得到结果11//备注：此处形参不要用varnum112functionjiSuan(num1,num2,operator)13{14varres=0;15if(operator=='+')16{17res=num1+num2;18}elseif(operator=='-')19{...
计算机网络学习1-网络层次
计算机网络学习中最基本的是计算机网络分层模型，目前学习需要了解的有两种1、OSI（开放系统互连）有七层，记忆方法：无数网传会报应(物理层，数据链路层，网络层，传输层，会话层，表示层，应用层)具体每层功能分析：1.1物理层：规定建立，维持，断开通信端之间的机械、电气、功能、过程特性。单位bit； 物理层标准有：RJ-45，V3.5等1.2数据链路层：不可靠物理介质上提供可靠的传输。单位frame； 数据链路层标准：SDLC,HDLC,PPP,帧中继等1.3网络层：对数据包进行路由选择和转发，实现流量/拥塞/差错控制和网际互连等。单位packet； 网络层标准：IP,ICMP,IPX,IGMP,ARP,RARP,OSPF等1.4传输层：第一个端到端，即进程到进程的层次。单位segment； 传输层标准：TCP，UDP，SCTP1.5会话层：管理主机间的会话1.6表示层：负责管理数据的压缩与解压，加密与解密，格式转换等21.7应用层：为应用层或者网络应用程序提供访问网络服务接口。2、TCP/IP模型2.1...
html学习2-小练习1之坦克大战练习
练习实现效果：敌人tank不动，自己tank上下左右移动并且连续发射子弹实现工具：html5画布及js；运行环境：ie，在chrome下不行，暂未找到原因效果截图：核心思想：1.创建画布，坦克对象Tank，敌人坦克(Enemys)和自己的坦克(Hero)均继承坦克对象。 创建自己的子弹对象(Bullet，包含自身相关信息以及向前运动的函数run())，创建子弹数组(heroBullets)。2.给body的onkeydown绑定事件（获取每次键盘输入，上右下左分别为wdxa，子弹发射为j）3.每次按键上右下左，调用坦克(Hero)自身moveUp/moveRight/moveDown/moveLeft函数，改变坐标，然后定期刷新（使用window.setInterval()函数） 每次按键发射子弹，调用对象（Hero）的shotBullet()函数,shotBullet中根据不同方向实例化子弹(bullet)，把子弹通过heroBullets.push(bullet)进入子弹数组，定期刷新（window.setInterval("heroBu...
javascript学习-安全初探之沙箱
1.沙箱由来：打开一个页面，会直接在机器上执行一段代码，如果javascript中含有一些有害的代码，比如删除所有word，或者更糟糕，向脚本编写者复制这些word文档，那该肿么办？ 解决办法：javascript构建为只在沙箱中运行。沙箱是一个受保护的环境，在这个环境中，脚本不能访问浏览器所在的计算机资源。 另外，浏览器所实现的安全条件高出并且超过了javascript语言所建立的最低条件，这些都定义咋一个与浏览器相关的安全策略中，它决定了脚本能做什么，不能做什么。例如，一个这样的安全策略规定脚本不能与脚本所来源的域意外的页面通信。大多数浏览器还提供了定制这一策略的方式，这可以使脚本所运行的环境限制得更严或者更松。糟糕的是：黑客目前已经发现并充分利用了javascript的一些错误，有些与浏览器相关，有的无关。较严重的一个是跨站脚本(XSS).它实际是一类安全破坏，能够导致cookie盗窃，暴露客户端网站的数据，或者导致许多其他更为严重的问题。 ...
html学习1-html5基础学习
一、html5的几项优点：1.不占用内存;2.增加了canvas标签，一定程度替代flash;3.增加了header和footer标签，做到内容和结构分离，利于seo;4.增加了音频和视频功能<video><audio>;5.增加了离线存储功能;备注：当前，video元素支持三种视频格式（详细参见http://www.w3school.com.cn/html5/html_5_video.asp）：格式IEFirefoxOperaChromeSafariOggNo3.5+10.5+5.0+NoMPEG49.0+NoNo5.0+3.0+WebMNo4.0+10.6+6.0+NoOgg=带有Theora视频编码和Vorbis音频编码的Ogg文件MPEG4=带有H.264视频编码和AAC音频编码的MPEG4文件WebM=带有VP8视频编码和Vorbis音频编码的WebM文件二、动手跟着视频做了几个小例子，代码如下，主要使用到了canvas画布以及vedio。实现效果如下：代码如下：1<!DOCTYPEhtml>2<html>3<head&g...
jquery学习之1.23-ajax使用
jquery中ajax使用比传统ajax使用更加方便，快捷。直接使用jquery提供的方法，就可以实现。具体方法包括如下：此处代码中使用了load，get方法为例子。ajax_jquery.jsp为登陆界面，loadController.jsp为服务器响应界面。具体代码如下：ajax_jquery.jsp：1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">4<html>5<head>6<title>11</title>7<scripttype="text/javascript"src="js/jquery-1.11.0.js"></script>8<scripttype="text/javascript">9$(document).ready(function(){10$("#logi...
ajax学习之1-登录验证之-xml
xml传递验证后的数据，核心代码：register.jsp:1//取出xml格式数据,myXmlHttpRequest.responseXML是个xmldom对象2varmes=myXmlHttpRequest.responseXML.getElementsByTagName("mes");3//mes是个list类型mes[0]代表取出第一个节点，认为mes下面还有其他节点，所有需要用childNodes[0]4varmes_val=mes[0].childNodes[0].nodeValue;5$("myres").value=mes_val;register.jsp:1out.print("<res><mes>用户名不可以用，对不起</mes></res>");完整代码如下：register.jsp:1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Tra...
ajax学习之1-登录验证之-json
ajax登陆验证的json版本，主要是xmlhttprequest获取时代码要写对，核心代码：register.jsp:1//取出json格式数据,myXmlHttpRequest.responseXML是个xmldom对象2varmes=myXmlHttpRequest.responseText;3//json数据是原生态数据，4varmes_obj=eval('('+mes+')');5$("myres").value=mes_obj.res;registerPro.jsp(服务器端) 1out.print("{'res':'该用户不可以用','date':'2011-11'}"); 完整代码如下：register.jsp:1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">4<html>5<head>6<title...
ajax学习之1-经典登陆验证
1.ajax诞生原由传统客户端和服务器端响应方式的缺点:a整体提交b整个页面刷新c用户体验差。ajax：集7种技术的综合-javascript，xml，xstl，xhtml，dom，xmlhttprequest，css.ajax的本质是http请求。登陆验证，实现效果如下：2.练习主要内容：一个注册界面，register.jsp,一个服务器验证界面registerPro.jsp,注册界面上js代码完成ajax交互3.主要代码如下(备注，能够区分post和get的两种写法，建议用post，好处1-安全，数据量多2-编码格式比较好)：register.jsp1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">4<html>5<head>6<title>MyJSP'register.jsp'startingpage</title>...
jquery学习之1.22-小练习5-实现添加页面上填写信息到当前页面表格中
效果图：实现代码：1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">4<html>5<head>6<title>11</title>7<styletype="text/css">8body{height:100%;width:50%;margin:50pxauto;padding:20px;border:1pxsolidblack;text-align:center}9table{border:5pxsolidgrey;margin:0auto;width:500px;height:300px;background:#11fadd;text-align:center}10tabletrtd{border:1pxsolid#abcddd;}11</style>12<scripttype="te...
jquery学习之1.21-小练习4实现对复选框的全选，全不选，反选
通过prop和removeAttr方法实现对复选框的全选，全不选，反选。效果图如下：代码如下：1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">4<html>5<head>6<title>11</title>7<styletype="text/css">8body{height:100%;width:50%;margin:50pxauto;padding:20px;border:1pxsolidblack;}9</style>10<scripttype="text/javascript"src="../js/jquery-1.11.0.js">11</script>12<scriptlanguage="javascript">13$(document).read...
jquery学习之1.20-获取同辈元素和子元素
获取同辈元素和子元素，所用方法如下：代码如下：<%@pagelanguage="java"import="java.util.*"pageEncoding="utf-8"%><!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"><html><head><title>11</title><styletype="text/css">body{height:100%;width:50%;margin:50pxauto;padding:20px;border:1pxsolidblack;}div{background:grey;width:20%;float:left;height:30%;border:1pxsolidblack}divdiv{background:pink;width:50%;height:30%;}</style><scripttype="text/javascript"src="../js/jquery-1.1...
jquery学习之1.19-小练习3-输入用户名密码时焦点触发和失去焦点
功能：进入页面，输入框用户名中默认填写的有用户名/手机/邮箱，当鼠标移动到上面时，默认值消失。鼠标移开时，如果没有填值，则继续显示用户名/手机/邮箱页面效果： 代码如下：1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">4<html>5<head>6<title>11</title>7<styletype="text/css">8body{height:100%;width:50%;margin:50pxauto;padding:20px;border:1pxsolidblack;}9</style>10<scripttype="text/javascript"src="../js/jquery-1.11.0.js">11<...