JS如何比较两个数组,当Arr1中等于1的元素对应Arr2中的元素也等于1时,返回true?

比较两个数组,例如

  • Arr1:[0,0,0,1,1,0,1,0,0,0]
  • Arr2:[1,0,0,1,1,1,1,0,0,0]

当Arr1中等于1的元素对应Arr2中的元素也等于1时,返回true;其他所有情况都返回false

以上情况就返回true

以下情况全返回false

  • Arr1:[0,0,1,1,1,0,1,0,0,0]
  • Arr2:[1,0,0,1,1,1,1,0,0,0]

  • Arr1:[0,0,0,1,1,1,1,0,0,0]
  • Arr2:[1,0,0,1,1,0,1,0,0,0]

    原生JS 如何判断?

4个回答

var a = [0,0,0,1,1,0,1,0,0,0];
var b = [1,0,0,1,1,1,1,0,0,0];

var c = [0,0,1,1,1,0,1,0,0,0];
var d = [1,0,0,1,1,1,1,0,0,0];

var e = [0,0,0,1,1,1,1,0,0,0];
var f = [1,0,0,1,1,0,1,0,0,0];

function test(arr1,arr2){
    var flag = false;
  for(var i = 0; i < arr1.length; i ++){
        if(arr1[i]  == 1){
            if(arr2[i] != 1){
                flag = false;
                break;
            }else{
                flag = true;
            }
        }
    }
  return flag;
}

alert("a=b : " + test(a,b))
alert("c=d : " + test(c,d))
alert("e=f : " + test(e,f))

qq810646038
摄影陳 感谢!!新手总是容易把问题想复杂了
11 个月之前 回复

必须要强调两个数组的位置,才能确定对比为true

        var list1 =[0,0,0,1,1,1,1,0,0,0];
        var list2 =[1,0,0,1,1,0,1,0,0,0];
        list_compare(list1,list2);

        function list_compare(list1,list2) {
            var list_boolean = new Array(list1.length);
            for(var i=0;i<list1.length;i++){
                if(list1[i]==1 && list2[i]==1){
                    list_boolean[i] = true;
                }else{
                    list_boolean[i] = false;
                }
            }
            for(var i=0;i<list_boolean.length;i++){
                alert(list_boolean[i]);
            }
        }
function f(arr1,arr2) {
    for (let i = 0; i < arr1.length; i++) {
        if(arr1[i]===1&&arr2[i]!==1){
            return false
        }
    }
}
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
完整的json数组arr1包含一个小的json数组arr2 点击arr1其他元素arr2的值消失
**完整的json数组包含一个小的json数组 点击完整json数组的其他元素时小json数组返回的值也没了** ** 实际上点击任何一个元素 之前的都会消失 而且心 和肝 点击后背景不会退掉** ``` var arr1 = [ { "name" : "心", "acupoint_num" : "1" }, { "name" : "肝", "acupoint_num" : "2" }, { "name" : "脑袋", "acupoint_num" : "3" }, { "name" : "屁股", "acupoint_num" : "4" } ]; var retStr = ","; $('#xueweiList').append( $(arr1).map( function() { return '<li id=' + this.acupoint_num + '><a href="#" >' + this.name + '</a></li><li>' }).get().join('')); $("#nav>ul>li").click( function() { var focus = $(this).toggleClass('h_nav_over') .hasClass('h_nav_over'); if (focus) retStr += this.id + ','; else retStr = retStr.replace(',' + this.id + ',', ','); $("#xueweis").val(retStr.replace(/^,|,$/g, '')); }); /* 2-获取疾病对应穴位 */ var arr2 = [ { "earName" : "心", "acupoint_num" : "1" }, { "earName" : "肝", "acupoint_num" : "2" } ]; var arrStr2 = ''; var xueweisStr = ""; $.each(arr2, function(index2, item) { // 获取后台传来的json是数组 arrStr2 += "<input type='button' id='" + arr2[index2].acupoint_num + "' value='" + arr2[index2].earName + "' name='earName'/>"; $.each(arr1, function(index, item) { if(arr2[index2].acupoint_num==arr1[index].acupoint_num){ $("#"+arr1[index].acupoint_num).css({"background-color":"#98bf21"}); $("#xueweis").val(xueweisStr);//直接用js返回对应的穴位值给inupt赋值 } }); xueweisStr += arr2[index2].acupoint_num + ","; }); $("#xueweis").val(xueweisStr);//直接用js返回对应的穴位值给inupt赋值 var td2 = document.getElementById("xueweiTd2"); var div2 = document.getElementById("xuewei2"); div2.innerHTML = arrStr2; td2.appendChild(div2); }); ``` 这个是没有点击脑袋之前 小的json数组包含 1 和2 两个id 对应 心和肝 ![图片说明](https://img-ask.csdn.net/upload/201607/21/1469094478_441858.png) 这个是点击脑袋之后 1 和2 都没有了 ![图片说明](https://img-ask.csdn.net/upload/201607/21/1469094529_702469.png)
请教各位大神:一种新的数组排序,初测速度是快速排序的50倍,有无市场价值,时间复杂度能计算出来吗?
求助:最近,发现了一种新的数组排序方法,初测其速度是快速排序法的近50倍,想知道有没有市场价值,时间复杂度能计算出来吗?请各位大神赐教! 下面,为了便于区别说明将这个新方法暂且称之占位排序法; 用javascript脚本语言实现快速排序法和占位排序方法之后,然后在同一台(较老旧的,cpu是AMD推土机)电脑上,用ie浏览器运行,样本1000时,快速排序法和占位排序法所耗时分别是:18毫秒、15毫秒;样本10000时,所耗时间分别是:95毫秒、80毫秒;样本100000时,耗时分别是:2405毫秒、407毫秒;样本1000000时,耗时分别是:190888毫秒、3962毫秒;占位方比快排法在对100万数据进行排序时,快了近50倍!!! 占位排序法的理念是:一是,只对数组全局作一次遍历,以后每次只遍历数组的一小部分;二是,把数据的迁移次数降至极致。 占位法的实现方法是: 分段处理、选取代表、萝卜占位、先乱后治、小马快跑、多看少动; 将一个大的数组分割成多个段;首先,要在各段数据p内明确锚点位;其次,锚点位的确定要遵守一个预先明确的固定规范; 其特征还在于,在锚点位上保存的数据不仅要体现自身的数据特征,还要能体现所在段p共同的数据特征。 ![图片说明](https://img-ask.csdn.net/upload/201906/20/1560998940_178698.jpg) 举例:如果在段p内,继续分段p_;假设一个索引地址m; m即是段p的锚点位,又是p_的锚点位,那么在索引m存放的数据,要求必须同时体现:自身的数据征、段p的共同的数据特征、段p_的共同的数据特征;如果对锚点位的数据操作直接作用在需要排序的数据集合上,称之为内建锚点(以下所有实例如无特别说明均采用内建锚点的方式);如果对锚点位的数据进行的操作,还需要额外的映射在另外一个数据集合上,则称之为外建锚点。 列举一个实例,做进一步说明:要从大到小重新排序一个数组A;数组A有100个元素:数据d,规定从A[0]开始每5个数据为一组p_;同时,从A[0]开始每15个数据为一组p;这样一个p内就有3个p_;更进一步,规定每个段的第一个索引对应段的锚点位;那么,A[0]是p的锚点位,又是p_的锚点位;则,A[5]是p_的一个锚点位,而不是p的锚点位;假设初始状态:A[0]存放的数据为5、A[3]为6、A[7]为9、A[12]为8,其他数据均为2;为了在排序过程中,减少遍历和迁移数据的数量,选择最大值来表达每一段数据的共同属性;这样在p_内,A[0]和A[3]的数据值要进行交换;在p内,A[0]和A[7]的数据值还要进行交换,优选的,不仅交换A[0]和A[7]的数据值,还要对A[0]至A[4]与A[5]至A[9],两个p_段内的数据进行整理,使A[0]至A[9]中最大的5个数迁移至A[0]至A[4]中,A[0]至A[9]中最小的5个数迁移至A[5]至A[9]中;最后的结果为:A[0]为9、A[5]为2、A[10]为8。 所述的萝卜占位,指的是“一个萝卜、一个坑”的占位理论在计算机数据整理和筛选过程中的运用; 一方面,更具体的,假设要从一个更大的数据集合中筛选出最小的n个数据,那么只要从数据集合中任意找出n个数据,然后再从这n个数据中找到最大的一个n_,据此就可以准确的进行以下推断:如果存在一个数据大于n_,那么该数据一定不是要选的数据;如果存在一个数据n_1,只要n_1小于n_,那么就又能证明了n_这个数据一定不是要选的,所以就可以安全的用n_1将n_替换掉了;接下来,对调整后的n个数据重新排查,再次找出n个数据中最大的那个,然后重复以上操作,直到将所有符合要求的数据都找出来; 另一方面,设定锚点存放的是每个数据段p的最小的值,p段里面还有p_段,要筛选出最小的n个数据;那么,就可以先遍历p的锚点,选择出锚点值最小的n个p段,再从这n个p段中出找出锚点值最小的n个p_段;再从这n个p_中找到锚点的值最大的p_1;最后遍历这n个p_数据段的数据,只有满足小于或等于p_1,同时又小于n_的值才有可能是要选取的值,所以可以安全的操作这些数据与n_的数据进行互换; 否则,一定不是,所以可以将它们安全的排除在目标之外; 而从一个更大的数据集合中筛选出最大的n个数据,与此逻辑相同,但取值相反;具体的, 只要从数据集合中任意找出n个数据,然后再从这n个数据中找到最小的一个n_,据此就可以准确的进行以下推断:如果存在一个数据小于n_,那么该数据一定不是我们要选的数据;如果存在一个数据n_1,只要n_1大于n_,那么就又能证明了n_这个数据一定不是我们要选的,所以就可以安全的用n_1将n_替换掉了;接下来,对调整后的n个数据重新排查,再次找出n个数据中最小的那个,然后重复以上操作,直到将所有符合要求的数据都找出来; 另一方面,更进一步,接上例,更具体的,设定锚点存放的是每个数据段p的最大的值,p段里面还有p_段,要筛选出最大的n个数据;那么,就可以先遍历p的锚点,选择出锚点值最大的n个p段,再从这n个p段中出找出锚点值最大的n个p_段;再从这n个p_中找到锚点的值最小的p_1;最后遍历这n个p_数据段的数据,只有满足大于或等于p_1,同时又大于n_的值才有可能是要选取的值,所以可以安全的操作这些数据与n_的数据进行互换;否则,一定不是,所以可以将它们安全的排除在目标之外; 通过这种方法有效的减少了数据的遍历数量和数据的交换次数; ![图片说明](https://img-ask.csdn.net/upload/201906/20/1560999113_571306.jpg) ``` <!doctype html><head><meta charset="UTF-8"><title>占位排序法</title></head><body><script> /**********用于随机产生一个测试用数组*****/ function arrcf(arr,arrLength){ for(var i = 0; i < arrLength; i++){arr[i]=Math.floor(Math.random()*10000);};} var arr = new Array(); arrcf(arr,1000000);//调用生成随机数组 var d = new Date(); var t = d.getTime();//记录程序开始的 /**********用于随机产生一个测试用数组****/ var z =25; //步长,每次可排好的数据个数,可调整 var p =4*z; //数据分段长度,可根据实际情况调整 var pxb = 0; //prr数组中arr[prr[*]]最大值的下标* var pxm = 0; //arr[prr[*]]中最小值的下标* var f2 = arr.length; //数组长度 var fi = f2-z; //段的头部 var mx = fi; //步长内极值(最小值)的下标 var pi = 0; //中间过渡变量 var prr = new Array();//中间过渡数组 /**** 预处理 ***************/ ycl(f2); /**** 全面排序 *************/ for(var fi=f2-z;fi>0;fi-=z){ //向prr[]填充z个p节点的下标 var prr= new Array(); for (var iii=0;iii<z;iii++ ){ prr[iii]=iii*p;} //找出arr[prr[*]]最小的*值 pxb = prrmax(pxb); //便历节点找出最大的z个数据,更新prr[] for(var ii=(z)*p; ii< fi ;ii+= p){ if(arr[prr[pxb]]<arr[ii]){ prr[pxb]=ii; //重新确定prr[]中的最小值 pxb = prrmax(pxb);}} mx=colt(z,fi); //获取步长内的最小值 //遍历prr数组 for(var i=0;i<z;i++){ pi=prr[i]; if(arr[mx]<arr[prr[i]]){ //步长内的最小值,是否小于段的最大值 var z1= Math.floor(fi/p)*p; if(z1===pi){ //判断步长的头部是否在段内 //处理尾部数据,即步长头部所在的段 var z1= Math.floor(fi/p)*p; for(var ii=z1;ii<fi;ii++){ //遍历arr[]数组的当前段 if(arr[ii] >= arr[prr[pxb]]){ //如果当前值不小于arr[prr[]]最小值 if(arr[ii]>arr[mx]){ dtod(ii,mx); mx=colt(z,fi); //获取步长内的最小值 }} if(arr[ii]>arr[pi]){ //动态维护本段的最大值 pi=ii; }} //保存最大值到段的开头位置 if(arr[pi]>arr[prr[i]]){dtod(pi,prr[i]);} }else{ for(var ii=prr[i];ii<prr[i]+p;ii++){ //遍历arr[]数组的当前段 if(arr[ii] >= arr[prr[pxb]]){ //如果当前值大于等于prr[]中的arr[prr[]]最小值 if(arr[ii]>arr[mx]){ //如果当前值大于数组中的最小值 dtod(mx,ii); //数据交换 mx=colt(z,fi); //重新获取步长内的最小值 }} if(arr[ii]>arr[pi]){ //动态维护本段的最大值 pi=ii; }} //保存最大值到段的开头位置 if(arr[pi]>arr[prr[i]]){ dtod(pi,prr[i]); }}}} if(fi>p*z){ var fz=fi; var zf=fi+z; zpx(fz,zf); }else{ var fz=0; var zf=fi+z; zpx(fz,zf); break; }} /************以下位置用于封装函数*****************************/ //标记段数据的最大值属性 function ycl(f2){ for (var i=0;i<f2;i += p ){ var max=i; var rp=i+p; for(var ii=i;ii<rp;ii++){ if(arr[max]<arr[ii]){ max=ii; }} dtod(i,max); }} //选取步长内最小数据的索引号 function colt(z,fi){var mrx=fi+z; for(var i=fi;i<mrx;i++){if(arr[mx]>arr[i]){mx=i;}}return(mx); } //数据交换 function dtod(dt1,dt2){y=arr[dt1];arr[dt1]=arr[dt2];arr[dt2]=y;} //找出arr[prr[i]]最小的i值 function prrmax(pxb){ var pxb=0; for(var pi = 0;pi<z;pi++){if(arr[prr[pxb]]>arr[prr[pi]]){pxb=pi;}}return(pxb);} //以1为步长,双向式,对数据排序 function zpx(fz,zf){ //zf排序的开始位置,fz排序的结束位置 for(fz;fz<zf;zf){ var mi=fz; //记录最小值 var ma=zf-1; //记录最大值 if(arr[fz]>arr[zf-1]){dtod(fz,zf-1);}//前后两个数比较,交换位置 for(var i=fz;i<zf;i++){ if(arr[i]<arr[mi]){mi=i;}else if(arr[i]>arr[ma]){ ma=i; }} dtod(fz,mi); dtod(ma,zf-1); fz++; zf--; }} /**********以下用于输出结果**********************/ //for(var i=0;i<arr.length;i++){ document.write(arr[i]+",,,,,"+i+"<br>")}; var t2=(new Date().valueOf());document.write("---开始时间---"+t2+"<br>---完成时间---"+t+"<br>-占位排序法-用时--------"+(t2-t)+"---毫秒<br>"); for(var i=0;i<arr.length;i++){if(arr[i-1]>arr[i]){alert("数组排序有误,错误在:"+i);}else{x1=-1;}};if(x1<0){alert("排序正确");}; </script></body></html> ```下面是快排法 ``` ``` <!doctype html><head><meta charset="UTF-8"> <title>快速法数组排序</title></head><body> <script> //用于随机产生一个测试用数组 function arrcf(arr,arrLength){ //数组名字(调用前在函数外声明一下,做在全局的),数组长度 for(var i = 0; i < arrLength; i++){arr[i]=Math.floor(Math.random()*1000);}; } //调用生成随机数组 var arr = new Array(); arrcf(arr,1000000); var d = new Date(); var t = d.getTime();//记录程序开始的时间,用于测试程序执行效率 /********* (以下代码采用52.0Hz的方案,https://blog.csdn.net/Loving_M/article/details/52993521)******/ var times=0; var quickSort=function(arr){ //如果数组长度小于等于1无需判断直接返回即可 if(arr.length<=1){return arr;} var midIndex=Math.floor(arr.length/2);//取基准点 var midIndexVal=arr.splice(midIndex,1);//取基准点的值,splice(index,1)函数可以返回数组中被删除的那个数arr[index+1] var left=[];//存放比基准点小的数组 var right=[];//存放比基准点大的数组 //遍历数组,进行判断分配 for(var i=0;i<arr.length;i++){ if(arr[i]<midIndexVal){left.push(arr[i]);}//比基准点小的放在左边数组 else{right.push(arr[i]);}//比基准点大的放在右边数组 } //递归执行以上操作,对左右两个数组进行操作,直到数组长度为<=1; return quickSort(left).concat(midIndexVal,quickSort(right)); }; quickSort(arr); /*******************************************************************************************/ //用于输出结果 var t2=(new Date().valueOf()); document.write("---开始时间---"+ t2 +"<br>---完成时间---"+t+"<br>-快速法-用时----"+(t2-t)+"---毫秒<br>"); </script></body></html> ``` ![图片说明](https://img-ask.csdn.net/upload/201906/20/1561001908_368628.jpg) ![图片说明](https://img-ask.csdn.net/upload/201906/20/1561002457_733470.jpg)
后台传来的json数组的id值 和 前端修改的值就行整合
**完整的json数组包含一个小的json数组 点击完整json数组的其他元素时小json数组返回的值也没了** ** 实际上点击任何一个元素 之前的都会消失 而且心 和肝 点击后背景不会退掉** ``` var arr1 = [ { "name" : "心", "acupoint_num" : "1" }, { "name" : "肝", "acupoint_num" : "2" }, { "name" : "脑袋", "acupoint_num" : "3" }, { "name" : "屁股", "acupoint_num" : "4" } ]; var retStr = ","; $('#xueweiList').append( $(arr1).map( function() { return '<li id=' + this.acupoint_num + '><a href="#" >' + this.name + '</a></li><li>' }).get().join('')); $("#nav>ul>li").click( function() { var focus = $(this).toggleClass('h_nav_over') .hasClass('h_nav_over'); if (focus) retStr += this.id + ','; else retStr = retStr.replace(',' + this.id + ',', ','); $("#xueweis").val(retStr.replace(/^,|,$/g, '')); }); /* 2-获取疾病对应穴位 */ var arr2 = [ { "earName" : "心", "acupoint_num" : "1" }, { "earName" : "肝", "acupoint_num" : "2" } ]; var arrStr2 = ''; var xueweisStr = ""; $.each(arr2, function(index2, item) { // 获取后台传来的json是数组 arrStr2 += "<input type='button' id='" + arr2[index2].acupoint_num + "' value='" + arr2[index2].earName + "' name='earName'/>"; $.each(arr1, function(index, item) { if(arr2[index2].acupoint_num==arr1[index].acupoint_num){ $("#"+arr1[index].acupoint_num).css({"background-color":"#98bf21"}); $("#xueweis").val(xueweisStr);//直接用js返回对应的穴位值给inupt赋值 } }); xueweisStr += arr2[index2].acupoint_num + ","; }); $("#xueweis").val(xueweisStr);//直接用js返回对应的穴位值给inupt赋值 var td2 = document.getElementById("xueweiTd2"); var div2 = document.getElementById("xuewei2"); div2.innerHTML = arrStr2; td2.appendChild(div2); }); ``` 这个是没有点击脑袋之前 小的json数组包含 1 和2 两个id 对应 心和肝 ![图片说明](https://img-ask.csdn.net/upload/201607/21/1469094478_441858.png) 这个是点击脑袋之后 1 和2 都没有了 ![图片说明](https://img-ask.csdn.net/upload/201607/21/1469094529_702469.png)
js图片切换,附图绿框中的小点触发mouseover时对应图片不一致,麻烦大神们指点
## 做个实例,js中发现了些问题!当我点击图中两侧的向左向右按钮后,再onmouseover触发图下的小点时,对应的图片不一致了,onmouseout后又正常了。 ![图片说明](https://img-ask.csdn.net/upload/201905/28/1559028470_229219.jpg) ``` <!doctype HTML> <html> <head> <meta charset="utf-8"> <title></title> <meta name="description" content=""> <meta name="keywords" content=""> <style type="text/css"> *{ padding:0; margin:0; } a{ text-decoration:none; } li{ list-style:none; } img{ border:0; } #scrollAdvWrap{ width:340px; height:240px; overflow:hidden; border:1px solid #000; margin:0 auto; position:relative; } #adv{ position:absolute; top:0; left:0; } #adv li{ float:left; } #adv img{ width:340px; height:240px; vertical-align:top; } #prev,#next{ position:absolute; width:30px; height:40px; top:100px; z-index:1; opacity:0.5; filter:alpha(opacity=50); } #prev{ left:0; background:url(images/news_arr_l.png); } #next{ right:0; background:url(images/news_arr_r.png); } #dotBtn{ position:absolute; bottom:10px; left:50%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -o-transform:translate(-50%,0); -ms-transform:translate(-50%,0); } #dotBtn li{ float:left; width:10px; height:10px; background:silver; cursor:pointer; margin:0 4px; } #dotBtn .active{ background:red; } </style> <script> window.$=HTMLElement.prototype.$=function(selector){ return (this==window?document:this).querySelectorAll(selector); } window.onload=function(){ app.tabAdv(); } var app={}; app.tabAdv=function(){ var lBtn=$("#prev")[0]; var rBtn=$("#next")[0]; var oUl=$("#adv")[0]; var oLi=oUl.$("li"); var oImg=oUl.$("img"); var dot=$("#dotBtn")[0]; var dotLi=dot.$("li"); var oneWidth=oLi[0].offsetWidth; var arr=[]; var dotArr=[]; var timer=null; function getWidth(){ var widths=oneWidth*oLi.length; oUl.style.width=widths+"px"; } getWidth(); for(var i=0;i<oLi.length;i++){ var image=oLi[i].getElementsByTagName("img")[0]; var imgSrc=image.src; arr.push(imgSrc); } console.log(arr); for(var i=0;i<dotLi.length;i++){ dotArr.push(dotLi[i].className); } console.log(dotArr); timer=setInterval(toNext,3000); for(var i=0;i<oLi.length;i++){ oLi[i].onmouseover=dotLi[i].onmouseover=lBtn.onmouseover=rBtn.onmouseover=function(){ clearInterval(timer); } oLi[i].onmouseout=dotLi[i].onmouseout=lBtn.onmouseout=rBtn.onmouseout=function(){ timer=setInterval(toNext,3000); } } lBtn.onmouseover=rBtn.onmouseover=function(){ clearInterval(timer); this.style.opacity=1; this.style.filter="alpha(opacity=100)"; } lBtn.onmouseout=rBtn.onmouseout=function(){ timer=setInterval(toNext,3000); this.style.opacity=0.5; this.style.filter="alpha(opacity=50)"; } lBtn.addEventListener("click",toPrev); rBtn.addEventListener("click",toNext); function toPrev(){ arr.unshift(arr[arr.length-1]); arr.pop(); dotArr.push(dotArr[0]); dotArr.shift(); for(var i=0;i<oImg.length;i++){ oImg[i].src=arr[i]; } for(var i=0;i<dotLi.length;i++){ dotLi[i].className=dotArr[i]; } } function toNext(){ arr.push(arr[0]); arr.shift(); dotArr.unshift(dotArr[dotArr.length-1]); dotArr.pop(); for(var i=0;i<oImg.length;i++){ oImg[i].src=arr[i]; } for(var i=0;i<dotLi.length;i++){ dotLi[i].className=dotArr[i]; } } for(var i=0;i<dotLi.length;i++){ dotLi[i].index=i; dotLi[i].onmouseover=function(){ clearInterval(timer); for(var i=0;i<dotLi.length;i++){ dotLi[i].className=""; } this.className="active"; oImg[0].src=arr[this.index];//小点对应的图片不正确,出现混乱; } } } </script> </head> <body> <div id="scrollAdvWrap"> <ul id="adv"> <li> <a href="#" target="_blank"><img src="images/2019030312_db55ca2f155f4d19aeca24361d0c9d81_7129_mwpm_03200403.jpg" /></a> </li> <li> <a href="#" target="_blank"><img src="images/2019030301_5f23d23f8b6743c2be80bdce17d80b11_2742_mwpm_03200403.jpg" /></a> </li> <li> <a href="#" target="_blank"><img src="images/l21S-hrvcwnk5207891.jpg" /></a> </li> <li> <a href="#" target="_blank"><img src="images/lpfY-hrvcwnk5211656.jpg" /></a> </li> <li> <a href="#" target="_blank"><img src="images/pjCb-hrvcwnk5230787.jpg" /></a> </li> </ul> <a href="javascript:;" id="prev"></a> <a href="javascript:;" id="next"></a> <ul id="dotBtn"> <li class="active"></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> </body> </html> ```
求JQ或JS仿京东淘宝属性规格SKU样式
把这个修改成属性值可以在input-text区自定义,删除自定义的值后自动恢复初始属性值。如图所示功能:![图片说明](https://img-ask.csdn.net/upload/201608/13/1471094693_376707.png) ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>生成表格</title> <link rel="stylesheet" type="text/css" href="css/table.css"> <style type="text/css"> .hide {display: none;} .mt10 {margin-top: 10px;} .control-group {overflow: hidden;} .control-group a {color: #666;text-decoration: none;} .control-group a:hover {text-decoration: underline;} .control-label {float: left;width: 100px;line-height: 24px;} .controls {overflow: hidden;} .controls input[type="text"] {border: 1px solid #ddd;height: 20px;width: 120px;} .controls input[type="button"] {margin-top: 10px;height: 32px;cursor: pointer;} .config_item {margin-top: 10px;border: 1px dashed #ddd;padding: 10px;} .config_item section {margin-top: 10px;} .config_item section span {margin-right: 16px;} .config_item input[type="text"] {width: 80px;text-align: center;} .choose_config .Father_Title {margin: 0;margin-bottom: 10px;padding: 0;font-size: 16px;font-weight: normal;display: inline-block;vertical-align: middle;} .choose_config .Father_Item {padding: 0;margin: 0;margin-bottom: 10px;list-style: none;display: inline-block;vertical-align: middle;} .choose_config .Father_Item li {display: inline-block;margin-right: 10px;} .columnList {border-collapse: collapse;} .columnList th {background-color: #eee;} .columnList th,.columnList td {padding: 5px 10px;border: 1px solid #ddd;line-height: 24px;text-align: center;} </style> </head> <body> <!-- 选择信息 --> <div class="control-group choose_config"> <div class="control-label">选择信息:</div> <div class="controls"> <h3 class="Father_Title">颜色:</h3> <ul class="Father_Item Father_Item0"> <li><label><input id="Checkbox0" type="checkbox" class="checkbox check_all" value="全选">全选</label></li> <li><label><input id="Checkbox0" type="checkbox" class="checkbox check_item" value="红色">红色</label></li> <li><label><input id="Checkbox0" type="checkbox" class="checkbox check_item" value="白色">白色</label></li> <li><label><input id="Checkbox0" type="checkbox" class="checkbox check_item" value="土豪金">土豪金</label></li> </ul><br> <h3 class="Father_Title">内存:</h3> <ul class="Father_Item Father_Item1"> <li><label><input id="Checkbox0" type="checkbox" class="checkbox check_all" value="全选">全选</label></li> <li><label><input id="Checkbox1" type="checkbox" class="checkbox check_item" value="32G">32G</label></li> <li><label><input id="Checkbox1" type="checkbox" class="checkbox check_item" value="16G">16G</label></li> </ul><br> <h3 class="Father_Title">尺寸:</h3> <ul class="Father_Item Father_Item2"> <li><label><input id="Checkbox0" type="checkbox" class="checkbox check_all" value="全选">全选</label></li> <li><label><input id="Checkbox2" type="checkbox" class="checkbox check_item" value="5.5">5.5</label></li> <li><label><input id="Checkbox2" type="checkbox" class="checkbox check_item" value="4.5">4.5</label></li> <li><label><input id="Checkbox2" type="checkbox" class="checkbox check_item" value="3.5">3.5</label></li> </ul><br> </div> </div> <!-- 生成表格 --> <div class="control-group mt10"> <div class="control-label">生成表格:</div> <div class="controls" id="createTable"> </div> </div> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> /** * Created by Administrator on 14-12-01. * 模拟淘宝SKU添加组合 * 页面注意事项: * 1、 .Father_Title 这个类作用是取到所有标题的值,赋给表格,如有改变JS也应相应改动 * 2、 .Father_Item 这个类作用是取类型组数,有多少类型就添加相应的类名:如: Father_Item1、Father_Item2、Father_Item3 ... */ $(function() { $(document).on('change', '.choose_config label', function() { var parent=$(this).parents('.Father_Item'); var _this=$('.checkbox',this); // 是否全选 $('.checkbox',parent).each(function() { var bCheck2=true; if (_this.hasClass('check_all')) { if (_this.get(0).checked) { bCheck2=true; $('.check_item',parent).prop('checked', bCheck2); }else{ bCheck2=false; $('.check_item',parent).prop('checked', bCheck2); } return false; } else { if ((!this.checked)&&(!$(this).hasClass('check_all'))) { bCheck2 = false; $('.check_all',parent).prop('checked', bCheck2); return false; } } $('.check_all',parent).prop('checked', bCheck2); }); step.Creat_Table(); }); var step = { // 信息组合 Creat_Table: function() { step.hebingFunction(); var SKUObj = $('.Father_Title'); var arrayTile = new Array(); // 表格标题数组 var arrayInfor = new Array(); // 盛放每组选中的CheckBox值的对象 var arrayColumn = new Array(); // 指定列,用来合并哪些列 var bCheck = true; // 是否全选,只有全选,表格才会生成 var columnIndex = 0; $.each(SKUObj, function(i, item) { arrayColumn.push(columnIndex++); arrayTile.push(SKUObj.eq(i).text().replace(':', '')); var itemName = '.Father_Item' + i; var bCheck2 = true; // 是否全选 // 获取选中的checkbox的值 var order = new Array(); $(itemName + ' .check_item:checked').each(function() { order.push($(this).val()); }); arrayInfor.push(order); if (order.join() == '') { bCheck = false; } }) // 开始生成表格 if (bCheck) { $('#createTable').html(''); var table = $('<table id="process" class="columnList"></table>'); table.appendTo($('#createTable')); var thead = $('<thead></thead>'); thead.appendTo(table); var trHead = $('<tr></tr>'); trHead.appendTo(thead); // 创建表头 var str = ''; $.each(arrayTile, function(index, item) { str += '<th width="100">' + item + '</th>'; }) str += '<th width="200">价格</th><th width="100">操作</th>'; trHead.append(str); var tbody = $('<tbody></tbody>'); tbody.appendTo(table); var zuheDate = step.doExchange(arrayInfor); if (zuheDate.length > 0) { //创建行 $.each(zuheDate, function(index, item) { var td_array = item.split(','); var tr = $('<tr></tr>'); tr.appendTo(tbody); var str = ''; $.each(td_array, function(i, values) { str += '<td>' + values + '</td>'; }); str += '<td ><input name="Txt_PriceSon" class="inpbox inpbox-mini" type="text"></td>'; str += '<td ><a href="#">删除</a></td>'; tr.append(str); }); } //结束创建Table表 arrayColumn.pop(); //删除数组中最后一项 //合并单元格 $(table).mergeCell({ // 目前只有cols这么一个配置项, 用数组表示列的索引,从0开始 cols: arrayColumn }); } else { //未全选中,清除表格 document.getElementById('createTable').innerHTML = ""; } }, hebingFunction: function() { $.fn.mergeCell = function(options) { return this.each(function() { var cols = options.cols; for (var i = cols.length - 1; cols[i] != undefined; i--) { mergeCell($(this), cols[i]); } dispose($(this)); }) }; function mergeCell($table, colIndex) { $table.data('col-content', ''); // 存放单元格内容 $table.data('col-rowspan', 1); // 存放计算的rowspan值 默认为1 $table.data('col-td', $()); // 存放发现的第一个与前一行比较结果不同td(jQuery封装过的), 默认一个"空"的jquery对象 $table.data('trNum', $('tbody tr', $table).length); // 要处理表格的总行数, 用于最后一行做特殊处理时进行判断之用 // 进行"扫面"处理 关键是定位col-td, 和其对应的rowspan $('tbody tr', $table).each(function(index) { // td:eq中的colIndex即列索引 var $td = $('td:eq(' + colIndex + ')', this); // 获取单元格的当前内容 var currentContent = $td.html(); // 第一次时走次分支 if ($table.data('col-content') == '') { $table.data('col-content', currentContent); $table.data('col-td', $td); } else { // 上一行与当前行内容相同 if ($table.data('col-content') == currentContent) { // 上一行与当前行内容相同则col-rowspan累加, 保存新值 var rowspan = $table.data('col-rowspan') + 1; $table.data('col-rowspan', rowspan); // 值得注意的是 如果用了$td.remove()就会对其他列的处理造成影响 $td.hide(); // 最后一行的情况比较特殊一点 // 比如最后2行 td中的内容是一样的, 那么到最后一行就应该把此时的col-td里保存的td设置rowspan // 最后一行不会向下判断是否有不同的内容 if (++index == $table.data('trNum')) $table.data('col-td').attr('rowspan', $table.data('col-rowspan')); } // 上一行与当前行内容不同 else { // col-rowspan默认为1, 如果统计出的col-rowspan没有变化, 不处理 if ($table.data('col-rowspan') != 1) { $table.data('col-td').attr('rowspan', $table.data('col-rowspan')); } // 保存第一次出现不同内容的td, 和其内容, 重置col-rowspan $table.data('col-td', $td); $table.data('col-content', $td.html()); $table.data('col-rowspan', 1); } } }) } // 同样是个private函数 清理内存之用 function dispose($table) { $table.removeData(); } }, doExchange: function(doubleArrays) { // 二维数组,最先两个数组组合成一个数组,与后边的数组组成新的数组,依次类推,知道二维数组变成以为数组,所有数据两两组合 var len = doubleArrays.length; if (len >= 2) { var arr1 = doubleArrays[0]; var arr2 = doubleArrays[1]; var len1 = arr1.length; var len2 = arr2.length; var newLen = len1 * len2; var temp = new Array(newLen); var index = 0; for (var i = 0; i < len1; i++) { for (var j = 0; j < len2; j++) { temp[index++] = arr1[i] + ',' + arr2[j]; } } var newArray = new Array(len - 1); newArray[0] = temp; if (len > 2) { var _count = 1; for (var i = 2; i < len; i++) { newArray[_count++] = doubleArrays[i]; } } return step.doExchange(newArray); } else { return doubleArrays[0]; } } } }) </script> </body> </html> ``` ``` ```
Ext如何在登陆界面里同时实现动态换肤和记住密码
<p>//大家好,下面这些代码,是一个登陆界面。里面有动态换肤和记住密码两个功能。我测试过当只有其中一个(比如记住密码)功能时,一切正常,可当两个在一起时,就</p> <p>//有问题(比如换肤不彻底。或执行了  "Ext.Msg.alert("信息","去记密码了");"这句,但是测试时,没效果)我想一定是,得到cookie时,没有限得到所有的cookies,</p> <p>//而导致的,网上说用 "Ext.state.Manager.setProvider(new Ext.state.CookieProvider({}));”  可对它,一点也不了解。。。。。。。。。。。<br>Ext.onReady(function(){<br> <br> Ext.QuickTips.init();  //开启表单提示<br> //login combo 设置 Start<br> var login_store = new Ext.data.Store({<br>      proxy: new Ext.data.HttpProxy({url:'../servlet/Login_combo'}),<br>      reader: new Ext.data.ArrayReader({},[<br>         {name:'value'},<br>         {name:'text'}<br>      ])<br>  })<br> //login combo 设置  end<br> //设置 Login combo Start<br>  var login_combo = new Ext.form.ComboBox({<br>      store: login_store,<br>      fieldLabel: '角色',<br>      emptyText: '请选择',<br>      mode: 'remote',<br>      name: 'duty',<br>      triggerAction: 'all',<br>      valueField: 'value',<br>      displayField: 'text',<br>      width: 90,<br>      readOnly: true,<br>      msgTarget: 'side', <br>      allowBlank: false<br>  });<br>  //设置 Login combo end <br>  <br>  //加载Login_store中所有关于角色的数据<br>     login_store.load();<br> <br> //form设置 Start<br>  var myform = new Ext.form.FormPanel({<br>        defaultType: 'textfield',<br>        labelAlign: 'right',<br>        labelWidth: 58,<br>        x: 50,<br>        y: 40,<br>        anchor:'85% 105%', <br>        frame:true,<br>        items: [{<br>            fieldLabel: '用户名',<br>            name: 'username',<br>            id: 'username',<br>            xtype: 'numberfield',<br>            msgTarget: 'side',<br>            allowBlank: false,<br>            allowNegative: false,<br>            allowDecimals: false,<br>            decimalPrecision: 4,<br>            minValue: 0,<br>            maxValue: 150,<br>            listeners: {<br>              'blur': function() {<br>               showPassword()<br>              }<br>            }<br>        },{<br>            fieldLabel: '密码',<br>            name: 'password',<br>            msgTarget: 'side',<br>            allowBlank: false,<br>            vtype: 'alphanum'<br>        },{<br>         xtype: 'panel',<br>         layout: 'form',<br>         labelWidth: 58,<br>         items:[login_combo,{<br>           layout: 'column',<br>           items: [{<br>            columnWidth: .5,<br>             xtype: 'checkbox',<br>             name: 'remember',<br>             id: 'remember',<br>             inputValue: 'remember',//真正有用<br>             boxLabel: '记住密码'        <br>           },{<br>            columnWidth: .5,<br>             xtype: 'checkbox',<br>             name: 'autoLogin',<br>             inputValue: 'autoLogin',<br>             boxLabel: '自动登录'<br>           }]<br>         }]<br>        }]<br>    });<br>    //form设置 end<br> <br><span style="color: #993300;">    //记住密码功能 Start</span> <br>    //1.设置cookie<br>    function setCookie(name,value) {<br>     var date = new Date();<br>     date.setTime(date.getTime() + 2 * 60 * 60);<br>     window.document.cookie = name + "=" + value + ";expire=" + date.toGMTString();<br>    }<br>    //2.监听事件<br>    function remember() { <br>     if(myform.findByType("checkbox")[0].checked==true) {<br>      Ext.Msg.alert("信息","去记密码了");<br>      setCookie(Ext.get("username").getValue(),Ext.get("password").getValue());<br>     }<br>       <br>    }<br>    //3.得到username字符串长度  Start<br>    function getCookie() {<br>     var username = Ext.get("username").getValue() + "=";  <br>     var username_len = username.length;                   <br><span style="color: #993300;">     var cookie_len = window.document.cookie.length;       //感觉 这里 只有客户端只有一个cookie是才成立?????????????????</span><br>     var i = 0;<br>     while(i&lt;cookie_len) {                                <br>      var j = i + username_len;                         <br>         if(window.document.cookie.substring(i,j)==username) return getCookieValue(j);<br>      i = window.document.cookie.indexOf(" ",j);  <br>      if(i==-1) <br>      return null;<br>     }<br>    }<br>    <br>    //4.读取cookie中的password对应的值<br>    function getCookieValue(offset) {<br>     var password_len = window.document.cookie.indexOf(";",offset);<br>     if(password_len==-1)                                          <br>     password_len = window.document.cookie.length;<br>     return window.document.cookie.substring(offset,password_len);<br>    }<br>    //5.将cookie中存储的password显示出来<br>    function showPassword() {<br>     var password = getCookie();<br>     if(password!=null) {<br>      window.document.all.password.value=password;<br>     }<br>    }<br>    //记住密码功能 end <br>    <br>    //combox设置 Start<br>    //定义combox中要显示的数据,(二维数组data)<br>    var data = [<br>      ['xtheme-pink.css','粉红色'],<br>      ['xtheme-gray.css','灰色'],<br>      ['','默认']<br>    ];<br>    //定义处理数据的store<br>    var store = new Ext.data.SimpleStore({<br>      fields: ['value','text'],<br>      data: data<br>    });<br>    <br>    var combo = new Ext.form.ComboBox({<br>      fieldLabel: '皮肤',<br>      store: store,<br>      emptyText: '请选择您喜欢的皮肤',<br>      mode: 'local',<br>      triggerAction: 'all',<br>      valueField: 'value',<br>      displayField: 'text'<br>    });<br>    //combox设置 end<br>    <br>  <span style="color: #993300;">  //comboBox 事件(换肤功能) Start</span><br>    combo.on('select',function(comboBox){   <span style="color: #993300;">//执行换肤功能</span><br>       var css_skin = comboBox.getValue();<br>       var date = new Date();<br>       date.setTime(date.getTime() + 30*24*60*60);<br>       window.document.getElementsByTagName("link")[1].href="../scripts/ext/resources/css/" + css_skin;<br>       window.document.cookie = "css=" + css_skin + ";expires=" + date.toGMTString(); <br>    });<br>    //以上换肤功能只能用于当前,关闭浏览器不会保留此皮肤。下面让他保留<br><span style="color: #993300;">    var cookieArr = window.document.cookie.split(";");  //感觉 这里 只有客户端只有一个cookie是才成立??????????????????</span><br>    var css = null;<br>    for(var i=0;i&lt;cookieArr.length;i++) {<br>     var arr = cookieArr[i].split("=");<br>     if(arr[0]=="css") {<br>      css = arr[1];<br>     }<br>    };<br>      window.document.getElementsByTagName("link")[1].href="../scripts/ext/resources/css/" + css;<br>    //comboBox 事件(换肤功能) end<br>    <br>    //存放combo的form Start<br>    var combo_form = new Ext.form.FormPanel({<br>       labelWidth: 90,<br>       labelAlign: 'right',<br>       frame: true,<br>       x: 0,<br>       y: 0,<br>       anchor:'100% 25%',<br>       items:[combo]<br>    }); <br>    //存放combo的form end<br>   var _window = new Ext.Window({<br>    layout: 'absolute',<br>    buttonAlign:'center',<br>    title: '登陆',<br>    modal: true,<br>    closable: false,<br>    resizable: false,<br>    plain: true,<br>    width: 350,<br>    height: 230,<br>    items: [combo_form,myform],<br>    buttons: [{<br>            text: '确定',<br>            handler: function(){<br><span style="color: #993300;">             remember();    //执行记住密码        ?????????????????????????????</span><br>             if(!myform.getForm().isValid()) {<br>              return;<br>             }<br>             <br>             myform.getForm().submit({<br>               method: 'post',<br>               waitMsg: '正在登陆,请稍等。。。。',<br>               url: '../servlet/LoginServlet',<br>               success : function(myform, action) {<br>                      if(action.result.msg=='登陆成功'){<br>                           Ext.Msg.alert("信息",action.result.msg);<br>                            window.location.href = 'Admin_main.jsp';<br>                        }<br>                        else {<br>                         Ext.Msg.alelt("信息",action.result.msg);<br>                        }<br>                   },<br>                failure: function(myform,action) {<br>                Ext.Msg.alert("信息",action.result.msg);<br>                }<br>             })<br>              }   <br>        },{<br>           text: '取消',<br>           handler:function(){<br>             myform.getForm().reset();<br>           }<br>        }]<br>   })<br>   _window.show();<br>});</p>
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
卸载 x 雷某度!GitHub 标星 1.5w+,从此我只用这款全能高速下载工具!
作者 | Rocky0429 来源 | Python空间 大家好,我是 Rocky0429,一个喜欢在网上收集各种资源的蒟蒻… 网上资源眼花缭乱,下载的方式也同样千奇百怪,比如 BT 下载,磁力链接,网盘资源等等等等,下个资源可真不容易,不一样的方式要用不同的下载软件,因此某比较有名的 x 雷和某度网盘成了我经常使用的工具。 作为一个没有钱的穷鬼,某度网盘几十 kb 的下载速度让我...
2019年还剩1天,我从外包公司离职了
这日子过的可真快啊,2019年还剩1天,外包公司干了不到3个月,我离职了
《面试宝典》2019年springmvc面试高频题(java)
前言 2019即将过去,伴随我们即将迎来的又是新的一年,过完春节,马上又要迎来新的金三银四面试季。那么,作为程序猿的你,是否真的有所准备的呢,亦或是安于本职工作,继续做好手头上的事情。 当然,不论选择如何,假如你真的准备在之后的金三银四跳槽的话,那么作为一个Java工程师,就不可不看了。如何在几个月的时间里,快速的为即将到来的面试进行充分的准备呢? 1、什么是Spring MVC ?简单...
计算机网络的核心概念
这是《计算机网络》系列文章的第二篇文章 我们第一篇文章讲述了计算机网络的基本概念,互联网的基本名词,什么是协议以及几种接入网以及网络传输的物理媒体,那么本篇文章我们来探讨一下网络核心、交换网络、时延、丢包、吞吐量以及计算机网络的协议层次和网络攻击。 网络核心 网络的核心是由因特网端系统和链路构成的网状网络,下面这幅图正确的表达了这一点 那么在不同的 ISP 和本地以及家庭网络是如何交换信息的呢?...
python自动下载图片
近日闲来无事,总有一种无形的力量萦绕在朕身边,让朕精神涣散,昏昏欲睡。 可是,像朕这么有职业操守的社畜怎么能在上班期间睡瞌睡呢,我不禁陷入了沉思。。。。 突然旁边的IOS同事问:‘嘿,兄弟,我发现一个网站的图片很有意思啊,能不能帮我保存下来提升我的开发灵感?’ 作为一个坚强的社畜怎么能说自己不行呢,当时朕就不假思索的答应:‘oh, It’s simple. Wait for me a few
一名大专同学的四个问题
【前言】   收到一封来信,赶上各种事情拖了几日,利用今天要放下工作的时机,做个回复。   2020年到了,就以这一封信,作为开年标志吧。 【正文】   您好,我是一名现在有很多困惑的大二学生。有一些问题想要向您请教。   先说一下我的基本情况,高考失利,不想复读,来到广州一所大专读计算机应用技术专业。学校是偏艺术类的,计算机专业没有实验室更不用说工作室了。而且学校的学风也不好。但我很想在计算机领...
复习一周,京东+百度一面,不小心都拿了Offer
京东和百度一面都问了啥,面试官百般刁难,可惜我全会。
20道你必须要背会的微服务面试题,面试一定会被问到
写在前面: 在学习springcloud之前大家一定要先了解下,常见的面试题有那块,然后我们带着问题去学习这个微服务技术,那么就会更加理解springcloud技术。如果你已经学了springcloud,那么在准备面试的时候,一定要看看看这些面试题。 文章目录1、什么是微服务?2、微服务之间是如何通讯的?3、springcloud 与dubbo有哪些区别?4、请谈谈对SpringBoot 和S...
Java 14 都快来了,为什么还有这么多人固守Java 8?
从Java 9开始,Java版本的发布就让人眼花缭乱了。每隔6个月,都会冒出一个新版本出来,Java 10 , Java 11, Java 12, Java 13, 到2020年3月份,...
轻松搭建基于 SpringBoot + Vue 的 Web 商城应用
首先介绍下在本文出现的几个比较重要的概念: 函数计算(Function Compute): 函数计算是一个事件驱动的服务,通过函数计算,用户无需管理服务器等运行情况,只需编写代码并上传。函数计算准备计算资源,并以弹性伸缩的方式运行用户代码,而用户只需根据实际代码运行所消耗的资源进行付费。Fun: Fun 是一个用于支持 Serverless 应用部署的工具,能帮助您便捷地管理函数计算、API ...
Python+OpenCV实时图像处理
目录 1、导入库文件 2、设计GUI 3、调用摄像头 4、实时图像处理 4.1、阈值二值化 4.2、边缘检测 4.3、轮廓检测 4.4、高斯滤波 4.5、色彩转换 4.6、调节对比度 5、退出系统 初学OpenCV图像处理的小伙伴肯定对什么高斯函数、滤波处理、阈值二值化等特性非常头疼,这里给各位分享一个小项目,可通过摄像头实时动态查看各类图像处理的特点,也可对各位调参、测试...
2020年一线城市程序员工资大调查
人才需求 一线城市共发布岗位38115个,招聘120827人。 其中 beijing 22805 guangzhou 25081 shanghai 39614 shenzhen 33327 工资分布 2020年中国一线城市程序员的平均工资为16285元,工资中位数为14583元,其中95%的人的工资位于5000到20000元之间。 和往年数据比较: yea...
为什么猝死的都是程序员,基本上不见产品经理猝死呢?
相信大家时不时听到程序员猝死的消息,但是基本上听不到产品经理猝死的消息,这是为什么呢? 我们先百度搜一下:程序员猝死,出现将近700多万条搜索结果: 搜索一下:产品经理猝死,只有400万条的搜索结果,从搜索结果数量上来看,程序员猝死的搜索结果就比产品经理猝死的搜索结果高了一倍,而且从下图可以看到,首页里面的五条搜索结果,其实只有两条才是符合条件。 所以程序员猝死的概率真的比产品经理大,并不是错...
害怕面试被问HashMap?这一篇就搞定了!
声明:本文以jdk1.8为主! 搞定HashMap 作为一个Java从业者,面试的时候肯定会被问到过HashMap,因为对于HashMap来说,可以说是Java集合中的精髓了,如果你觉得自己对它掌握的还不够好,我想今天这篇文章会非常适合你,至少,看了今天这篇文章,以后不怕面试被问HashMap了 其实在我学习HashMap的过程中,我个人觉得HashMap还是挺复杂的,如果真的想把它搞得明明白...
毕业5年,我问遍了身边的大佬,总结了他们的学习方法
我问了身边10个大佬,总结了他们的学习方法,原来成功都是有迹可循的。
python爬取百部电影数据,我分析出了一个残酷的真相
2019年就这么匆匆过去了,就在前几天国家电影局发布了2019年中国电影市场数据,数据显示去年总票房为642.66亿元,同比增长5.4%;国产电影总票房411.75亿元,同比增长8.65%,市场占比 64.07%;城市院线观影人次17.27亿,同比增长0.64%。 看上去似乎是一片大好对不对?不过作为一名严谨求实的数据分析师,我从官方数据中看出了一点端倪:国产票房增幅都已经高达8.65%了,为什...
推荐10个堪称神器的学习网站
每天都会收到很多读者的私信,问我:“二哥,有什么推荐的学习网站吗?最近很浮躁,手头的一些网站都看烦了,想看看二哥这里有什么新鲜货。” 今天一早做了个恶梦,梦到被老板辞退了。虽然说在我们公司,只有我辞退老板的份,没有老板辞退我这一说,但是还是被吓得 4 点多都起来了。(主要是因为我掌握着公司所有的核心源码,哈哈哈) 既然 4 点多起来,就得好好利用起来。于是我就挑选了 10 个堪称神器的学习网站,推...
这些软件太强了,Windows必装!尤其程序员!
Windows可谓是大多数人的生产力工具,集娱乐办公于一体,虽然在程序员这个群体中都说苹果是信仰,但是大部分不都是从Windows过来的,而且现在依然有很多的程序员用Windows。 所以,今天我就把我私藏的Windows必装的软件分享给大家,如果有一个你没有用过甚至没有听过,那你就赚了????,这可都是提升你幸福感的高效率生产力工具哦! 走起!???? NO、1 ScreenToGif 屏幕,摄像头和白板...
阿里面试一个ArrayList我都能跟面试官扯半小时
我是真的没想到,面试官会这样问我ArrayList。
曾经优秀的人,怎么就突然不优秀了。
职场上有很多辛酸事,很多合伙人出局的故事,很多技术骨干被裁员的故事。说来模板都类似,曾经是名校毕业,曾经是优秀员工,曾经被领导表扬,曾经业绩突出,然而突然有一天,因为种种原因,被裁员了,...
大学四年因为知道了这32个网站,我成了别人眼中的大神!
依稀记得,毕业那天,我们导员发给我毕业证的时候对我说“你可是咱们系的风云人物啊”,哎呀,别提当时多开心啦????,嗯,我们导员是所有导员中最帅的一个,真的???? 不过,导员说的是实话,很多人都叫我大神的,为啥,因为我知道这32个网站啊,你说强不强????,这次是绝对的干货,看好啦,走起来! PS:每个网站都是学计算机混互联网必须知道的,真的牛杯,我就不过多介绍了,大家自行探索,觉得没用的,尽管留言吐槽吧???? 社...
2020年1月中国编程语言排行榜,python是2019增长最快编程语言
编程语言比例 排名 编程语言 最低工资 工资中位数 最低工资 最高工资 人头 人头百分比 1 rust 20713 17500 5042 46250 480 0.14% 2 typescript 18503 22500 6000 30000 1821 0.52% 3 lua 18150 17500 5250 35000 2956 0.84% 4 go 17989 16...
看完这篇HTTP,跟面试官扯皮就没问题了
我是一名程序员,我的主要编程语言是 Java,我更是一名 Web 开发人员,所以我必须要了解 HTTP,所以本篇文章就来带你从 HTTP 入门到进阶,看完让你有一种恍然大悟、醍醐灌顶的感觉。 最初在有网络之前,我们的电脑都是单机的,单机系统是孤立的,我还记得 05 年前那会儿家里有个电脑,想打电脑游戏还得两个人在一个电脑上玩儿,及其不方便。我就想为什么家里人不让上网,我的同学 xxx 家里有网,每...
史上最全的IDEA快捷键总结
现在Idea成了主流开发工具,这篇博客对其使用的快捷键做了总结,希望对大家的开发工作有所帮助。
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
谁是华为扫地僧?
是的,华为也有扫地僧!2020年2月11-12日,“养在深闺人不知”的华为2012实验室扫地僧们,将在华为开发者大会2020(Cloud)上,和大家见面。到时,你可以和扫地僧们,吃一个洋...
Idea 中最常用的10款插件(提高开发效率),一定要学会使用!
学习使用一些插件,可以提高开发效率。对于我们开发人员很有帮助。这篇博客介绍了开发中使用的插件。
AI 没让人类失业,搞 AI 的人先失业了
最近和几个 AI 领域的大佬闲聊 根据他们讲的消息和段子 改编出下面这个故事 如有雷同 都是巧合 1. 老王创业失败,被限制高消费 “这里写我跑路的消息实在太夸张了。” 王葱葱哼笑一下,把消息分享给群里。 阿杰也看了消息,笑了笑。在座几位也都笑了。 王葱葱是个有名的人物,21岁那年以全额奖学金进入 KMU 攻读人工智能博士,累计发表论文 40 余篇,个人技术博客更是成为深度学习领域内风向标。 ...
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆每天早上8:30推送 作者|Mr.K 编辑| Emma 来源|技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯...
作为一名大学生,如何在B站上快乐的学习?
B站是个宝,谁用谁知道???? 作为一名大学生,你必须掌握的一项能力就是自学能力,很多看起来很牛X的人,你可以了解下,人家私底下一定是花大量的时间自学的,你可能会说,我也想学习啊,可是嘞,该学习啥嘞,不怕告诉你,互联网时代,最不缺的就是学习资源,最宝贵的是啥? 你可能会说是时间,不,不是时间,而是你的注意力,懂了吧! 那么,你说学习资源多,我咋不知道,那今天我就告诉你一个你必须知道的学习的地方,人称...
那些年,我们信了课本里的那些鬼话
教材永远都是有错误的,从小学到大学,我们不断的学习了很多错误知识。 斑羚飞渡 在我们学习的很多小学课文里,有很多是错误文章,或者说是假课文。像《斑羚飞渡》: 随着镰刀头羊的那声吼叫,整个斑羚群迅速分成两拨,老年斑羚为一拨,年轻斑羚为一拨。 就在这时,我看见,从那拨老斑羚里走出一只公斑羚来。公斑羚朝那拨年轻斑羚示意性地咩了一声,一只半大的斑羚应声走了出来。一老一少走到伤心崖,后退了几步,突...
一个程序在计算机中是如何运行的?超级干货!!!
强烈声明:本文很干,请自备茶水!???? 开门见山,咱不说废话! 你有没有想过,你写的程序,是如何在计算机中运行的吗?比如我们搞Java的,肯定写过这段代码 public class HelloWorld { public static void main(String[] args) { System.out.println("Hello World!"); } ...
【蘑菇街技术部年会】程序员与女神共舞,鼻血再次没止住。(文末内推)
蘑菇街技术部的年会,别开生面,一样全是美女。
那个在阿里养猪的工程师,5年了……
简介: 在阿里,走过1825天,没有趴下,依旧斗志满满,被称为“五年陈”。他们会被授予一枚戒指,过程就叫做“授戒仪式”。今天,咱们听听阿里的那些“五年陈”们的故事。 下一个五年,猪圈见! 我就是那个在养猪场里敲代码的工程师,一年多前我和20位工程师去了四川的猪场,出发前总架构师慷慨激昂的说:同学们,中国的养猪产业将因为我们而改变。但到了猪场,发现根本不是那么回事:要个WIFI,没有;...
为什么程序猿都不愿意去外包?
分享外包的组织架构,盈利模式,亲身经历,以及根据一些外包朋友的反馈,写了这篇文章 ,希望对正在找工作的老铁有所帮助
Java校招入职华为,半年后我跑路了
何来 我,一个双非本科弟弟,有幸在 19 届的秋招中得到前东家华为(以下简称 hw)的赏识,当时秋招签订就业协议,说是入了某 java bg,之后一系列组织架构调整原因等等让人无法理解的神操作,最终毕业前夕,被通知调往其他 bg 做嵌入式开发(纯 C 语言)。 由于已至于校招末尾,之前拿到的其他 offer 又无法再收回,一时感到无力回天,只得默默接受。 毕业后,直接入职开始了嵌入式苦旅,由于从未...
世界上有哪些代码量很少,但很牛逼很经典的算法或项目案例?
点击上方蓝字设为星标下面开始今天的学习~今天分享四个代码量很少,但很牛逼很经典的算法或项目案例。1、no code 项目地址:https://github.com/kelseyhight...
Python全栈 Linux基础之3.Linux常用命令
Linux对文件(包括目录)有很多常用命令,可以加快开发效率:ls是列出当前目录下的文件列表,选项有-a、-l、-h,还可以使用通配符;c功能是跳转目录,可以使用相对路径和绝对路径;mkdir命令创建一个新的目录,有-p选项,rm删除文件或目录,有-f、-r选项;cp用于复制文件,有-i、-r选项,tree命令可以将目录结构显示出来(树状显示),有-d选项,mv用来移动文件/目录,有-i选项;cat查看文件内容,more分屏显示文件内容,grep搜索内容;>、>>将执行结果重定向到一个文件;|用于管道输出。
​两年前不知如何编写代码的我,现在是一名人工智能工程师
全文共3526字,预计学习时长11分钟 图源:Unsplash 经常有小伙伴私信给小芯,我没有编程基础,不会写代码,如何进入AI行业呢?还能赶上AI浪潮吗? 任何时候努力都不算晚。 下面,小芯就给大家讲一个朋友的真实故事,希望能给那些处于迷茫与徘徊中的小伙伴们一丝启发。(下文以第一人称叙述) 图源:Unsplash 正如Elsa所说,职业转换是...
强烈推荐10本程序员必读的书
很遗憾,这个春节注定是刻骨铭心的,新型冠状病毒让每个人的神经都是紧绷的。那些处在武汉的白衣天使们,尤其值得我们的尊敬。而我们这些窝在家里的程序员,能不外出就不外出,就是对社会做出的最大的贡献。 有些读者私下问我,窝了几天,有点颓丧,能否推荐几本书在家里看看。我花了一天的时间,挑选了 10 本我最喜欢的书,你可以挑选感兴趣的来读一读。读书不仅可以平复恐惧的压力,还可以对未来充满希望,毕竟苦难终将会...
非典逼出了淘宝和京东,新冠病毒能够逼出什么?
loonggg读完需要5分钟速读仅需 2 分钟大家好,我是你们的校长。我知道大家在家里都憋坏了,大家可能相对于封闭在家里“坐月子”,更希望能够早日上班。今天我带着大家换个思路来聊一个问题...
立即提问