6.19心得

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了6.19心得相关的知识,希望对你有一定的参考价值。

push和shift的区别
push方法有一个参数,也就是要添加到数组尾部的元素
代码
<script type="text/javascript">
var arr = ["html","CSS","JavaScript","DOM"];
var arr2 = [1,2,3,4];
arr.push("php");
var popped = arr2.pop();
</script>

shift方法则没有参数,而是返回从数组头部删除的元素。
代码
<script type="text/javascript">
var arr = ["HTML","CSS","JavaScript","DOM"];
var arr2 = [1,2,3,4];
arr.unshift("PHP");
var shifted = arr2.shift();
</script>

什么是队列
队列是一种特殊的线性表,特殊之处在于它只允许在表的前端(front)进行删除操作,
而在表的后端(rear)进行插入操作,和栈一样,队列是一种操作受限制的线性表。进
行插入操作的端称为队尾,进行删除操作的端称为队头。
队列的数据元素又称为队列元素。在队列中插入一个队列元素称为入队,从队列中删除
一个队列元素称为出队。因为队列只允许在一端插入,在另一端删除,所以只有最早进
入队列的元素才能最先从队列中删除,故队列又称为先进先出(FIFO—first in first out)线性表。

什么是栈
栈是限定仅在表头进行插入和删除操作的线性表。
栈作为一种数据结构,是一种只能在一端进行插入和删除操作的特殊线性表。它按照先进后
出的原则存储数据,先进入的数据被压入栈底,最后的数据在栈顶,需要读数据的时候从栈
顶开始弹出数据(最后一个数据被第一个读出来)。栈具有记忆作用,对栈的插入与删除操
作中,不需要改变栈底指针。
栈是允许在同一端进行插入和删除操作的特殊线性表。允许进行插入和删除操作的一端称为
栈顶(top),另一端为栈底(bottom);栈底固定,而栈顶浮动;栈中元素个数为零时称为空栈。
插入一般称为进栈(PUSH),删除则称为退栈(POP)。栈也称为后进先出表。
栈可以用来在函数调用的时候存储断点,做递归时要用到栈!
堆栈帧一般包含如下几方面的信息:
1.函数的返回地址和参数
2. 临时变量:包括函数的非静态局部变量以及编译器自动生成的其他临时变量。

sort的底层原理
正序

<script>
var numArr = new Array(12,23,1,4,23,34,2,5);
numArr.sort(function compare(a,b){return a-b;});
for (var i = 0; i<numArr.length; i++) {
document.write(numArr[i] +"<br>");
}
</script>
倒序

<script>
var numArr = new Array(12,23,1,4,23,34,2,5);
numArr.sort(function compare(a,b){return b-a;});
for (var i = 0; i<numArr.length; i++) {
document.write(numArr[i] +"<br>");
}
</script>

split用法
split() 方法用于把一个字符串分割成字符串数组。
<script type="text/javascript">

var str="How are you doing today?"

document.write(str.split(" ") + "<br />")
document.write(str.split("") + "<br />")
document.write(str.split(" ",3))

</script>

找验证码的插件
html代码:

<script type="text/javascript" src="idcode/jquery.min.js"></script>
<script language="javascript" src="idcode/jquery.idcode.js"></script>
<link type="text/css" rel="stylesheet" href="idcode/jquery.idcode.css" />
<script>
$(document).ready(function(){
$.idcode.setCode();
});
</script>
<span id="idcode"></span>
css代码:

#ehong-code-input{
width:42px;
letter-spacing:2px;
margin:0px 8px 0px 0px;
}
.ehong-idcode-val{
position:relative;
padding:1px 4px 1px 4px;
top:0px;
*top:-3px;
letter-spacing:4px;
display:inline;
cursor:pointer;
font-size:16px;
font-family:"Courier New", Courier, monospace;
text-decoration:none;
font-weight:bold;
}
.ehong-idcode-val0{
border:solid 1px #A4CDED;
background-color:#ECFAFB;
}

.ehong-idcode-val1{
border:solid 1px #A4CDED;
background-color:#FCEFCF;
}
.ehong-idcode-val2{
border:solid 1px #6C9;
background-color:#D0F0DF;
}
.ehong-idcode-val3{
border:solid 1px #6C9;
background-color:#DCDDD8;
}
.ehong-idcode-val4{
border:solid 1px #6C9;
background-color:#F1DEFF;
}
.ehong-idcode-val5{
border:solid 1px #6C9;
background-color:#ACE1F1;
}
.ehong-code-val-tip{
font-size:12px;
color:#1098EC;
top:0px;
*top:-3px;
position:relative;
margin:0px 0px 0px 4px;
cursor:pointer;
}
js代码:

(function($){
var settings = {
e : ‘idcode‘,
codeType : { name : ‘follow‘, len: 4},
codeTip : ‘看不清,换一组‘,
inputID : ‘‘
};

var _set = {
storeLable : ‘codeval‘,
store : ‘#ehong-code-input‘,
codeval : ‘#ehong-code‘
}
$.idcode = {
getCode:function(option){
_commSetting(option);
return _storeData(_set.storeLable, null);
},
setCode:function(option){
_commSetting(option);
_setCodeStyle("#"+settings.e, settings.codeType.name, settings.codeType.len);

},
validateCode:function(option){
_commSetting(option);
var inputV;
if(settings.inputID){
inputV=$(‘#‘ + settings.inputID).val();
}else{
inputV=$(_set.store).val();
}

if(inputV == _storeData(_set.storeLable, null)){
return true;
}else{
_setCodeStyle("#"+settings.e, settings.codeType.name, settings.codeType.len);
return false;
}
}
};

function _commSetting(option){
$.extend(settings, option);
}

function _storeData(dataLabel, data){
var store = $(_set.codeval).get(0);
if(data){
$.data(store, dataLabel, data);
}else{
return $.data(store, dataLabel);
}
}

function _setCodeStyle(eid, codeType, codeLength){
var codeObj = _createCode(settings.codeType.name, settings.codeType.len);
var randNum = Math.floor(Math.random()*6);
var htmlCode=‘‘
if(!settings.inputID){
htmlCode=‘<span><input id="ehong-code-input" type="text" maxlength="4" /></span>‘;
}
htmlCode+=‘<div id="ehong-code" class="ehong-idcode-val ehong-idcode-val‘;
htmlCode+=String(randNum);
htmlCode+=‘" href="#" onblur="return false" onfocus="return false" oncontextmenu="return false" onclick="$.idcode.setCode()">‘ + _setStyle(codeObj) + ‘</div>‘ + ‘<span id="ehong-code-tip-ck" class="ehong-code-val-tip" onclick="$.idcode.setCode()">‘+ settings.codeTip +‘</span>‘;
$(eid).html(htmlCode);
_storeData(_set.storeLable, codeObj);
}

function _setStyle(codeObj){
var fnCodeObj = new Array();
var col = new Array(‘#BF0C43‘, ‘#E69A2A‘,‘#707F02‘,‘#18975F‘,‘#BC3087‘,‘#73C841‘,‘#780320‘,‘#90719B‘,‘#1F72D8‘,‘#D6A03C‘,‘#6B486E‘,‘#243F5F‘,‘#16BDB5‘);
var charIndex;
for(var i=0;i<codeObj.length;i++){
charIndex = Math.floor(Math.random()*col.length);
fnCodeObj.push(‘<font color="‘ + col[charIndex] + ‘">‘ + codeObj.charAt(i) + ‘</font>‘);
}
return fnCodeObj.join(‘‘);
}
function _createCode(codeType, codeLength){
var codeObj;
if(codeType==‘follow‘){
codeObj = _createCodeFollow(codeLength);
}else if(codeType==‘calc‘){
codeObj = _createCodeCalc(codeLength);
}else{
codeObj="";
}
return codeObj;
}

function _createCodeCalc(codeLength){
var code1, code2, codeResult;
var selectChar = new Array(‘0‘,‘1‘,‘2‘,‘3‘,‘4‘,‘5‘,‘6‘,‘7‘,‘8‘,‘9‘);
var charIndex;
for(var i=0;i<codeLength;i++){
charIndex = Math.floor(Math.random()*selectChar.length);
code1 +=selectChar[charIndex];

charIndex = Math.floor(Math.random()*selectChar.length);
code2 +=selectChar[charIndex];
}
return [parseInt(code1), parseInt(code2) , parseInt(code1) + parseInt(code2)] ;
}

function _createCodeFollow(codeLength){
var code = "";
var selectChar = new Array(‘0‘,‘1‘,‘2‘,‘3‘,‘4‘,‘5‘,‘6‘,‘7‘,‘8‘,‘9‘,‘A‘,‘B‘,‘C‘,‘D‘,‘E‘,‘F‘,‘G‘,‘H‘,‘I‘,‘J‘,‘K‘,‘L‘,‘M‘,‘N‘,‘O‘,‘P‘,‘Q‘,‘R‘,‘S‘,‘T‘,‘U‘,‘V‘,‘W‘,‘X‘,‘Y‘,‘Z‘);

for(var i=0;i<codeLength;i++){
var charIndex = Math.floor(Math.random()*selectChar.length);
if(charIndex % 2 == 0){
code+=selectChar[charIndex].toLowerCase();
}else{
code +=selectChar[charIndex];
}
}
return code;
}

})(jQuery);

以上是关于6.19心得的主要内容,如果未能解决你的问题,请参考以下文章

h5培训心得体会

bpmn使用心得

CKA 考试心得

Amazon AWS 使用心得(摸索篇一)

MATLAB课程设计心得

matlab 心得体会