jquery获取相同class的div并绑定点击事件
<div id="outadded_content">
            <div class="outadded_menu">
                <img style="height:65%;width:80%;" src="../image/more.png" />
                <span>菜单1</span>
            </div>
            <div class="outadded_menu">
                <img style="height:65%;width:80%;" src="../image/more.png" />
                <span>菜单2</span>
            </div>
            <div class="outadded_menu">
                <img style="height:65%;width:80%;" src="../image/more.png" />
                <div>菜单3</div>
            </div>
            <div class="outadded_menu">
                <img style="height:65%;width:80%;" src="../image/more.png" />
                <span>菜单4</span>
            </div>
            <div class="outadded_menu" id="a">
                <img style="height:65%;width:80%;" src="../image/more.png" />
                <span>菜单5</span>
            </div>
        </div>

需要用jquery获取class为outadded_menu的div对象,并且绑定点击事件,获取所点击的div的id的值。

在线等...

8个回答

$(".outadded_menu").fclick(function () {
var clickId = this.id;
});

var ArrayMenu = $('.outadded_menu');
    for(var i = 0;i < ArrayMenu.length; i++){   
        //绑定方法每个菜单的点击
        $(ArrayMenu[i]).bind("click",{'bindText':i},function ChangContent(e){
            var num = e.data.bindText;
            alert(num+"你的事件");
        });
    }

$('.outadded_menu').each(function(){
$(this).click(function){
alert($(this).html())
}
})

fclick换成click事件,手误

 $('.outadded_menu').click(function(){
     console.log($(this).attr('id'));
 })
$('.outadded_menu').click(function(){event.....});
当有顺序之分的时候,我是用blind("click",function(){event.....});

$('.outadded_menu').on('click',function(){
alert($(this).attr('id'));
});

$('.outadded_menu').on("click",function(){
if($(this).attr('id')){
console.log($(this).attr('id'));
}
})
如何学习js

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
jQuery on绑定事件无法获取this的值
``` <div class="login_half"> <input name="username" value="请输入用户名" title="请输入用户名" class="field tooltip" /> </div> ``` ``` jQuery(document).ready(function () { jQuery(".login_half > input").on("blur", function () { var str = jQuery(this).prop("title"); alert(str); if (jQuery(this).val() == "") { jQuery(this).val(str); } }); jQuery(".login_half > input").on("click", function () { var str1 = jQuery(this).prop("title"); alert(str1); if (jQuery(this).val() == str1) { jQuery(this).val(""); } }); }); ``` 代码如上,事件绑定没问题,可以触发。 问题是:blur方法里获取title的值可以获取到。而click里获取不到. 用的jQuery是1.11.2的,求大神指教
jquery的click事件多次绑定
**.tools-comment是评论按钮的class名,点击它弹出回复评论层。添加回复内容,点发表,发表成功,将返回的数据写入页面中。此时不刷新页面,再次点击评论,发表,则一下发表了两条相同的数据,ajax请求了两次。第三次则发表三条......第N次发表N条。.editWindow-send就是弹出层上面的发表按钮的class名,代码如下,请大神帮看看是什么原因。** var topicid,artsid,articleid; $("#found").on("click",".tools-comment",function (){ //跳转评论 var tempHtml=''; var url="index.php?app=weixin&ac=wnote&ts=verifyUser"; $.ajax({ url:url, type:"get", async:false, datatype:"json", success:function(data) { var data=$.parseJSON(data); if(data.code==1) showEditWindow(); if(data.code==0) popWindowAlert(data.msg); if(data.code==4) location.href=data.ts_url; if(data.code==5) location.href=data.ts_url; } }); //这里需要记录当前点击是哪个话题 articleid=$(this).children(".docomment").attr("articleid"); artsid=$(this).children(".docomment").attr("artsid"); topicid=$(this).children(".docomment").attr("topicid"); if(articleid){ var url="index.php?app=weixin&ac=wnote&ts=addArticleComment"; $(".editWindow-send").on("click",function (){ var content=$("#ComentContent").val(); $.ajax({ url:url, type:"post", datatype:"json", async:false, data:{"articleid":articleid,"content":content}, success:function(data){ var data=$.parseJSON(data); //执行登陆跳转 if (data.status==800) { popWindowAlert(data.msg); } //执行成功返回跳转 if(data.status==1){ var htmlStr="<li class='reply-again' id="+data['res']['commentid']+" comment_id="+data['res']['commentid']+"><div class='ku_replyp delcomment' id="+data['res']['commentid']+" to_userid="+data['res']['commentid']+" comment_id="+data['res']['commentid']+"><div class='reply-photo'><a href='index.php?app=weixin&ac=wcircleZone&userid="+data['res']['userid']+"' class='ui-link'><img src='"+data['res']['face']+"'></a></div><div class='ku_replyp_text'>"+data['res']['username']+":</div> <div class='ku_replyp_con'>"+data['res']['content']+"</div></div><div class='reply-time'><div class='reply-time-l'>"+data['res']['addtime']+"</div> <div class='reply-time-r'> <ul><li class='glm-love'><i></i><span class='likenum'></span></li> <li class='glm-line'>|</li> <li class='comment-reply' to_comment_id='300' comment_id='300'><i></i></li> </ul></div> </div> <div class='reply-box-all'> </div><div class='clear'></div> <div class='br10'></div></li>"; $(".gl-replay-list").append(htmlStr); }else{ //执行失败 popWindowAlert(data.msg); } } }); }); } });
jQuery 轮播插件,如何绑定一个DIV实现跟IMG一样的轮播效果
网上摘的代码,简单的轮播jq 我想写一个新的DIV,绑定原来轮播div,跟原轮播div兄弟关系,但是能实现同步的轮播效果,显示轮播图1的时候同时显示新DIV1 ,求助。。新手不懂改jQ ``` <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jquery轮播效果图 </title> <script src="file:///C|/Users/qqbnb/Desktop/web/js/jquery-3.1.0.js"></script> <style type="text/css"> * { padding: 0px; margin: 0px; } a { text-decoration: none; } ul { list-style: outside none none; } .slider, .slider-panel img, .slider-extra { width: 650px; height: 413px; } .slider { text-align: center; margin: 30px auto; position: relative; } .slider-panel, .slider-nav, .slider-pre, .slider-next { position: absolute; z-index: 8; } .slider-panel { position: absolute; } .slider-panel img { border: none; } .slider-extra { position: relative; } .slider-nav { margin-left: -51px; position: absolute; left: 50%; bottom: 4px; } .slider-nav li { background: #3e3e3e; border-radius: 50%; color: #fff; cursor: pointer; margin: 0 2px; overflow: hidden; text-align: center; display: inline-block; height: 18px; line-height: 18px; width: 18px; } .slider-nav .slider-item-selected { background: blue; } .slider-page a{ background: rgba(0, 0, 0, 0.2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000); color: #fff; text-align: center; display: block; font-family: "simsun"; font-size: 22px; width: 28px; height: 62px; line-height: 62px; margin-top: -31px; position: absolute; top: 50%; } .slider-page a:HOVER { background: rgba(0, 0, 0, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); } .slider-next { left: 100%; margin-left: -28px; } </style> <script type="text/javascript"> $(document).ready(function() { var length, currentIndex = 0, interval, hasStarted = false, t = 3000; length = $('.slider-panel').length; $('.slider-panel:not(:first)').hide(); $('.slider-item:first').addClass('slider-item-selected'); $('.slider-page').hide(); $('.slider-panel, .slider-pre, .slider-next').hover(function() { stop(); $('.slider-page').show(); }, function() { $('.slider-page').hide(); start(); }); $('.slider-item').hover(function(e) { stop(); var preIndex = $(".slider-item").filter(".slider-item-selected").index(); currentIndex = $(this).index(); play(preIndex, currentIndex); }, function() { start(); }); $('.slider-pre').unbind('click'); $('.slider-pre').bind('click', function() { pre(); }); $('.slider-next').unbind('click'); $('.slider-next').bind('click', function() { next(); }); function pre() { var preIndex = currentIndex; currentIndex = (--currentIndex + length) % length; play(preIndex, currentIndex); } function next() { var preIndex = currentIndex; currentIndex = ++currentIndex % length; play(preIndex, currentIndex); } function play(preIndex, currentIndex) { $('.slider-panel').eq(preIndex).fadeOut(500) .parent().children().eq(currentIndex).fadeIn(1000); $('.slider-item').removeClass('slider-item-selected'); $('.slider-item').eq(currentIndex).addClass('slider-item-selected'); } function start() { if(!hasStarted) { hasStarted = true; interval = setInterval(next, t); } } function stop() { clearInterval(interval); hasStarted = false; } start(); }); </script> </head> <body> <div class="slider"> <ul class="slider-main"> <li class="slider-panel"> <img src="http://img4.imgtn.bdimg.com/it/u=533187501,2953408843&fm=206&gp=0.jpg"> </li> <li class="slider-panel"> <img src="http://img5.imgtn.bdimg.com/it/u=3704303780,566844591&fm=206&gp=0.jpg"> </li> <li class="slider-panel"> <img src="<img src="http://img5.imgtn.bdimg.com/it/u=1614013440,1930745513&fm=206&gp=0.jpg"> </li> <li class="slider-panel"> <img src="http://img3.imgtn.bdimg.com/it/u=1133907788,3208642985&fm=206&gp=0.jpg"> </li> </ul> <div class="slider-extra"> <ul class="slider-nav"> <li class="slider-item">1</li> <li class="slider-item">2</li> <li class="slider-item">3</li> <li class="slider-item">4</li> </ul> <div class="slider-page"> <a class="slider-pre" href="javascript:;;"><</a> <a class="slider-next" href="javascript:;;">></a> </div> </div> </div> </body> </html> <body> </body> </html> ```
jQuery 轮播插件,如何绑定一组DIV实现跟IMG一样的轮播效果
网上摘的代码,简单的轮播jq 我想写一个新一组DIV,绑定原来轮播div,跟原轮播div兄弟关系,但是能实现同步的轮播效果,显示轮播图1的时候同时显示新DIV1 ,求助。。新手不懂改jQ,因为不懂js。。 ``` <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jquery轮播效果图 </title> <script src="file:///C|/Users/qqbnb/Desktop/web/js/jquery-3.1.0.js"></script> <style type="text/css"> * { padding: 0px; margin: 0px; } a { text-decoration: none; } ul { list-style: outside none none; } .slider, .slider-panel img, .slider-extra { width: 650px; height: 413px; } .slider { text-align: center; margin: 30px auto; position: relative; } .slider-panel, .slider-nav, .slider-pre, .slider-next { position: absolute; z-index: 8; } .slider-panel { position: absolute; } .slider-panel img { border: none; } .slider-extra { position: relative; } .slider-nav { margin-left: -51px; position: absolute; left: 50%; bottom: 4px; } .slider-nav li { background: #3e3e3e; border-radius: 50%; color: #fff; cursor: pointer; margin: 0 2px; overflow: hidden; text-align: center; display: inline-block; height: 18px; line-height: 18px; width: 18px; } .slider-nav .slider-item-selected { background: blue; } .slider-page a{ background: rgba(0, 0, 0, 0.2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000); color: #fff; text-align: center; display: block; font-family: "simsun"; font-size: 22px; width: 28px; height: 62px; line-height: 62px; margin-top: -31px; position: absolute; top: 50%; } .slider-page a:HOVER { background: rgba(0, 0, 0, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); } .slider-next { left: 100%; margin-left: -28px; } </style> <script type="text/javascript"> $(document).ready(function() { var length, currentIndex = 0, interval, hasStarted = false, t = 3000; length = $('.slider-panel').length; $('.slider-panel:not(:first)').hide(); $('.slider-item:first').addClass('slider-item-selected'); $('.slider-page').hide(); $('.slider-panel, .slider-pre, .slider-next').hover(function() { stop(); $('.slider-page').show(); }, function() { $('.slider-page').hide(); start(); }); $('.slider-item').hover(function(e) { stop(); var preIndex = $(".slider-item").filter(".slider-item-selected").index(); currentIndex = $(this).index(); play(preIndex, currentIndex); }, function() { start(); }); $('.slider-pre').unbind('click'); $('.slider-pre').bind('click', function() { pre(); }); $('.slider-next').unbind('click'); $('.slider-next').bind('click', function() { next(); }); function pre() { var preIndex = currentIndex; currentIndex = (--currentIndex + length) % length; play(preIndex, currentIndex); } function next() { var preIndex = currentIndex; currentIndex = ++currentIndex % length; play(preIndex, currentIndex); } function play(preIndex, currentIndex) { $('.slider-panel').eq(preIndex).fadeOut(500) .parent().children().eq(currentIndex).fadeIn(1000); $('.slider-item').removeClass('slider-item-selected'); $('.slider-item').eq(currentIndex).addClass('slider-item-selected'); } function start() { if(!hasStarted) { hasStarted = true; interval = setInterval(next, t); } } function stop() { clearInterval(interval); hasStarted = false; } start(); }); </script> </head> <body> <div class="slider"> <ul class="slider-main"> <li class="slider-panel"> <img src="http://img4.imgtn.bdimg.com/it/u=533187501,2953408843&fm=206&gp=0.jpg"> </li> <li class="slider-panel"> <img src="http://img5.imgtn.bdimg.com/it/u=3704303780,566844591&fm=206&gp=0.jpg"> </li> <li class="slider-panel"> <img src="<img src="http://img5.imgtn.bdimg.com/it/u=1614013440,1930745513&fm=206&gp=0.jpg"> </li> <li class="slider-panel"> <img src="http://img3.imgtn.bdimg.com/it/u=1133907788,3208642985&fm=206&gp=0.jpg"> </li> </ul> <div class="slider-extra"> <ul class="slider-nav"> <li class="slider-item">1</li> <li class="slider-item">2</li> <li class="slider-item">3</li> <li class="slider-item">4</li> </ul> <div class="slider-page"> <a class="slider-pre" href="javascript:;;"><</a> <a class="slider-next" href="javascript:;;">></a> </div> </div> </div> </body> </html> <body> </body> </html> ```
求解关于js拷贝的问题
我跟着教程学的程序已经正常运行,但我有一点不能理解 问题是这样的。实现数据的单项绑定 ``` //左侧模板类目 var itemTmpl = `<div class="menu-item"> <img class="img" src="$picture" /> <div class="menu-item-right"> <p class="item-title">$name</p> <p class="item-description">$description</p> <p class="item-zan">$praise_content</p> <p class="item-price">¥$min_price<span class="unit">/$unit</span></p> </div> <div class="select-content"> <div class="minus"></div> <div class="count">$chooseCount</div> <div class="plus"></div> </div> </div>` //这里因为外面穿入了data,我们就不自己get了 function getList(data){ var list =data; initRightList(list); } //渲染列表 parma array 就是spus function initRightList(list){ $('.right-list-inner').html(''); list.forEach((item, index) => { if(!item.chooseCount){ item.chooseCount = 0; //在这里创建的chooseCount } var str = itemTmpl.replace('$picture', item.picture) .replace('$name', item.name) .replace('$description', item.description) .replace('$praise_content', item.praise_content) .replace('$min_price', item.min_price) .replace('$unit', item.unit) .replace('$chooseCount', item.chooseCount); var $target = $(str); $target.data('itemData', item); $('.right-list-inner').append($target); }); } //渲染title parma array function initRightTitle(str){ $('.right-title').text(str); } //给按钮绑定点击事件 function addClick(){ $('.menu-item').on('click', '.plus', (e) => { var $count = $(e.currentTarget).parent().find('.count'); $count.text(parseInt($count.text() || '0') + 1); var item = $(e.currentTarget).parents('.menu-item').first();//用first是因为可能是一个数组 var itemData = item.data('itemData'); itemData.chooseCount = itemData.chooseCount + 1; console.log('我为这个项目添加了chooseCount', itemData); console.log('我是更改了之后的总数据window.food_spu_tags', window.food_spu_tags); window.ShopBar.renderItems(); }); $('.menu-item').on('click', '.minus', (e) => { var $count = $(e.currentTarget).parent().find('.count'); if($count.text() == 0) return; $count.text(parseInt($count.text() || '0') - 1); var item = $(e.currentTarget).parents('.menu-item').first();//用first是因为可能是一个数组 var itemData = item.data('itemData'); itemData.chooseCount = itemData.chooseCount - 1; window.ShopBar.renderItems(); }); } function init(data){ //这里的data指的是food_spu_tags,也就是list getList(data.spus || []); initRightTitle(data.name || ''); addClick(); } //不能直接用init()的原因是,如果用了就会直接调用,但此时init的data还没传入 window.Right = { refresh: init } ``` 注意那个点击事件,点击完后就调用了shopbar.js 代码如下 ``` //顶部模板字符串 var itemTopTmpl = `<div class="choose-content"> <div class="content-top"> <div class="clear-car">清空购物车</div> </div> </div>`; //底部模板字符串 var itemBottomTmpl = `<div class="bottom-content"> <div class="shop-icon"> <div class="dot-num hide">1</div> </div> <div class="price-content"> <p class="total-price">¥<span class="total-price-span">0</span></p> <p class="other-price">另需配送&nbsp;¥<span class="shipping-fee">0</span></p> </div> <div class="submit-btn">去结算</div> </div>`; var $strBottom = $(itemBottomTmpl); var $strTop = $(itemTopTmpl); function init(data){ $('.shop-bar').append($strTop); $('.shop-bar').append($strBottom); } function renderItems(){ $strTop.find('.choose-item').remove(); var list = window.food_spu_tags || []; var tmpl = `<div class="choose-item"> <div class="item-name">$name</div> <div class="price">¥<span class="total">$price</span></div> <div class="select-content"> <div class="minus"></div> <div class="count">$chooseCount</div> <div class="plus"></div> </div> </div>` var totalPrice = 0; list.forEach((item, index) => { item.spus.forEach((_item) => { //如果有菜品数量大于0就开始渲染这条数据 if(_item.chooseCount > 0){ //计算每个菜品的总价就是单价x数量 var price = _item.min_price*_item.chooseCount; var row = tmpl.replace('$name', _item.name) .replace('$price', price) .replace('chooseCount', _item.chooseCount); // 计算整个总价 totalPrice += price; var $row = $(row); $row.data('itemData', _item); //这里的row就是改了数据的tmpl,是div.choose-item $strTop.append($row); } }) }); } window.ShopBar = { renderItems: renderItems } init(); ``` 我觉得很奇怪的点在上面那个JS的点击事件,他不是复制了一个IitemData等于jquery对象里传递过来的数据了吗,但之后改动他为什么前面暴露出来的window_spu_tags会变啊,是因为深浅拷贝的原因吗,有人能帮我细讲吗,如果要变成深拷贝应该怎么改?
Web开发-登录界面点击登录按钮没反应
**login.html** ``` <!DOCTYPE html> <html> <head> <title>登录</title> <link rel="stylesheet" type="text/css" href="css/login.css"> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.min.js"></script> <script src="js/frame.js"></script> <meta charset="UTF-8"> </head> <body> <div class="contain"> <div class="logintop"> </div> <div class="loginbody"> <div class="logindiv"> <form id="loginform" name="loginform" class="loginform"> <ul> <li> <input name="username" type="text" class="loginuser" value="" placeholder="输入账号" maxlength="100" id="username" errormsg="密码长度在6-16位之间"/> </li> <li> <input name="password" type="password" class="loginpwd" value="" placeholder="输入密码" id="password" errormsg="密码长度在6-16位之间"/> </li> <li> <input name="btnRtSubmit" type="button" class="loginbtn" id="btnRtSubmit" value="登录"/> </li> </ul> </form> </div> </div> <div class="loginbottom"> 版权所有 2019 Star-Net </div> </div> </body> </html> ``` **frame.js** ``` (function($){ alert("1"); function login(event){ alert("2"); event.preventDefault(); var userName = $("#username").val();//获取用户名 var password = $("#password").val();//获取密码 //Ajax向后台提交用户名、密码 alert("userName:"+userName+" password:"+password); $.post("/UserManager/loginController.do",{ username:userName, password:password }, function(data){ if((typeof(data)!="undefined")&&(null!= data) &&(0==data)){ //登录成功后隐藏登录表单 $(".contain").hide(); //登录成功后跳转到用户列表页 $("#content").load("/UserManager/listUserController.do"); } }); } $("#btnRtSubmit").bind("click",login);//为btnRtSubmit绑定事件 })($); ``` **我觉得问题应该出在frame.js上,但找不出问题在哪,大佬救我**
求教:怎么样给16个div设置data-index=""使 控制另一个div中16张图片显示隐藏?
怎么样给16个div设置data-index=""使 控制另一个div中16张图片显示隐藏? 代码: <div data-v-4a1fb872="" data-v-311834f5="" class="wrapper"> <div data-v-4a1fb872="" class="bg-left" style="background-image:url(小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/index2bg.2dead38.png)"> </div> <div data-v-4a1fb872="" class="part"> <div data-v-4a1fb872="" class="phone" style="background-image:url(小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/phone.1a1ffa5.png)"> <div data-v-4a1fb872="" class="phone-img"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/1-1.514b9e5.png" alt=""> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/1-2.fe2440c.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/1-3.61fa415.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/2-1.77e24af.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/2-2.03c77b0.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/2-3.68454c5.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/3-1.378751a.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/3-2.5415338.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/3-3.3522ddc.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/4-1.80e2eb2.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/4-2.67cb670.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/4-3.dc4d534.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/4-4.2cbe036.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/5-1.11fab89.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/5-2.2b657e7.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/5-3.f4f1d4b.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/5-4.4752a09.png" alt="" style="display: none;"> </div> </div> <div data-v-4a1fb872="" class="number"> 02 </div> <div data-v-4a1fb872="" class="con"> <div data-v-4a1fb872="" class="title"> 为销售赋能的小名片 </div> <div data-v-4a1fb872="" class="mark"> 产品展示 </div> <ul data-v-4a1fb872="" class="list"> <li data-v-4a1fb872="" class="item"> <div data-v-4a1fb872="" class="icon icon1"> </div> <div data-v-4a1fb872="" class="name"> 小名片展示 </div> <div data-v-4a1fb872="" class="info"> <div data-v-4a1fb872="" class="text"> <p data-v-4a1fb872=""> 统一公司形象,全员分享,小名片直达企业官网,产品、服务的展现 </p> </div> <div data-v-4a1fb872="" class="link"> <div data-v-4a1fb872="" data-index="0" class="link-item"> 名片信息 </div> <div data-v-4a1fb872="" data-index="1" class="link-item"> 个人信息 </div> <div data-v-4a1fb872="" data-index="2" class="link-item"> 更多信息 </div> </div> </div> </li> <li data-v-4a1fb872="" class="item"> <div data-v-4a1fb872="" class="icon icon2"> </div> <div data-v-4a1fb872="" class="name"> 绑定小官网 </div> <div data-v-4a1fb872="" class="info"> <div data-v-4a1fb872="" class="text"> <p data-v-4a1fb872=""> 企业官网、产品、服务的完整展现 </p> <p data-v-4a1fb872=""> 帮助访客第一时间了解企业,更快促成业务交流 </p> </div> <div data-v-4a1fb872="" class="link"> <div data-v-4a1fb872="" data-index="3" class="link-item"> 查看名片 </div> <div data-v-4a1fb872="" data-index="4" class="link-item"> 查看企业小官网 </div> <div data-v-4a1fb872="" data-index="5" class="link-item"> 小官网多样式介绍 </div> </div> </div> </li> <li data-v-4a1fb872="" class="item"> <div data-v-4a1fb872="" class="icon icon3"> </div> <div data-v-4a1fb872="" class="name"> 销售雷达展示 </div> <div data-v-4a1fb872="" class="info"> <div data-v-4a1fb872="" class="text"> <p data-v-4a1fb872=""> 访问消息实时推送,名片访客即客户,不加好友就可微信沟通不错过每个商机;探测访客访问动态,让销售沟通更高效 </p> </div> <div data-v-4a1fb872="" class="link"> <div data-v-4a1fb872="" data-index="6" class="link-item"> 实时推送访客消息 </div> <div data-v-4a1fb872="" data-index="7" class="link-item"> 不加微信好友沟通 </div> <div data-v-4a1fb872="" data-index="8" class="link-item"> 即时聊天 </div> </div> </div> </li> <li data-v-4a1fb872="" class="item"> <div data-v-4a1fb872="" class="icon icon4"> </div> <div data-v-4a1fb872="" class="name"> 智能AI分析 </div> <div data-v-4a1fb872="" class="info"> <div data-v-4a1fb872="" class="text"> <p data-v-4a1fb872=""> 分析客户兴趣与活跃度,挖掘深度用户 </p> </div> <div data-v-4a1fb872="" class="link"> <div data-v-4a1fb872="" data-index="9" class="link-item"> 访客数据分析 </div> <div data-v-4a1fb872="" data-index="10" class="link-item"> 访客互动情况 </div> <div data-v-4a1fb872="" data-index="11" class="link-item"> 销售人员能力分析 </div> <div data-v-4a1fb872="" data-index="12" class="link-item"> 销售详情分析 </div> </div> </div> </li> <li data-v-4a1fb872="" class="item"> <div data-v-4a1fb872="" class="icon icon5"> </div> <div data-v-4a1fb872="" class="name"> 商机SCRM </div> <div data-v-4a1fb872="" class="info"> <div data-v-4a1fb872="" class="text"> <p data-v-4a1fb872=""> 助销售进行客户标签化管理,客户跟进记录管理,客户AI分析 </p> </div> <div data-v-4a1fb872="" class="link"> <div data-v-4a1fb872="" data-index="13" class="link-item"> 商机标签化管理 </div> <div data-v-4a1fb872="" data-index="14" class="link-item"> 销售跟进记录 </div> <div data-v-4a1fb872="" data-index="15" class="link-item"> 客户访问轨迹 </div> <div data-v-4a1fb872="" data-index="16" class="link-item"> 客户兴趣分析 </div> </div> </div> </li> </ul> </div> </div> </div> ``` ``` 刚毕业的实习生,在网上扒的网站,但是js没有用,我也没学过js;求教怎么解决? css代码太多了,我也不知道拿那一部分所以就不放了, 这个网站就是我复制的网站 www.xcxzhan.com 里面可以拿到css,js 可以拿下来,但是不知道为什么没有用。 求大佬教学!!!跪谢!!!
javascript jquery加载异常
``` <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="text/javascript" src="../js/jquery-3.1.1.js"></script> <script type="text/javascript" src="../bootstrap/js/bootstrap.js"></script> <script type="text/javascript" src="../bootstrap/js/bootstrap-datetimepicker.js"></script> <script type="text/javascript" src="../bootstrap/js/locales/bootstrap-datetimepicker.zh-CN.js"></script> <script type="text/javascript" src="../js/jquery.cookie.js"></script> <script type="text/javascript" src="../js/pages/main.js"></script> <link rel="stylesheet" href="../bootstrap/css/bootstrap-datetimepicker.css"> <link rel="stylesheet" href="../style/main.css"> <!-- 支持屏幕 --> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <style> *{ font-family:"微软雅黑"; } .form_datetime{ position:relative; z-index:9999; } </style> <script type="text/javascript"> $(function(){ //分页显示 //上一页 var n=0; list(n); $("#pageup").click(function(){ n=n-10; if(n<0){ n=0; } $("#table_content").empty(); list(n); }); $("#page_1").click(function(){ n=0; $("#table_content").empty(); list(n); }); $("#page_2").click(function(){ n=10; $("#table_content").empty(); list(n); }); $("#page_3").click(function(){ n=20; $("#table_content").empty(); list(n); }); $("#page_4").click(function(){ n=30; $("#table_content").empty(); list(n); }); $("#page_5").click(function(){ n=40; $("#table_content").empty(); list(n); }); $("#pagedown").click(function(){ n=n+10; $("#table_content").empty(); list(n); }); //新增 $("#btn_new_save").click(function(){ var info_type=$("#iframe_new").contents().find("#info_type").val();//信息类别 alert(info_type); var type=$("#iframe_new").contents().find("#type").val();//产品类别 var type=$("#iframe_new").contents().find("#type").val();//类型 var release1=$("#iframe_new").contents().find("#release1").val();//发布时间 var effective_s=$("#iframe_new").contents().find("#effective_s").val();//开始时间 var effective_o=$("#iframe_new").contents().find("#effective_o").val();//结束时间 var compete=$("#iframe_new").contents().find("#compete").val();//竞争对手 var region=$("#iframe_new").contents().find("#region").val();//地区 var product=$("#iframe_new").contents().find("#product").val();//产品 var source=$("#iframe_new").contents().find("#source").val();//信息来源 var content=$("#iframe_new").contents().find("#content").val();//主要内容 var impact=$("#iframe_new").contents().find("#impact").val();//影响 $.ajax({ url:"http://localhost:8080/analysis/info/insertall.do", type:"post", data:{"info_type":info_type,"type":type,"release1":release1,"effective_s":effective_s,"effective_o":effective_o, "compete":compete,"region":region,"product":product,"source":source,"content":content,"impact":impact }, resultType:"json", success:function(result){ window.location.href="main.html"; } }); }); //删除 $("#btn_delete").click(function(){ $("input:checkbox[name='checkbox']:checked").each(function(){ id=$(this).val(); $.ajax({ url:"http://localhost:8080/analysis/info/deleteonebyid.do", type:"post", data:{"id":id}, resultType:"json", success:function(){ window.location.href="main.html"; } }); }); }); //修改 $("#modify_btn").click(function(){ var a=0; $("input:checkbox[name='checkbox']:checked").each(function(){ a=a+1; id=$(this).val(); if(a==1){ $.cookie("id",id); }else{ alert("请取消多选"); window.location.href="main.html"; } }); var modify2="<iframe class='embed-responsive-item' src='main/modify.html' id='iframe_modify' name='iframe_modify'></iframe>"; var $modify2=$(modify2); $("#modify_1").append($modify2); $("#btn_modify_save").click(function(){ var info_type=$("#iframe_modify").contents().find("#info_type").val();//信息类别 var type=$("#iframe_modify").contents().find("#type").val();//产品类别 var release1=$("#iframe_modify").contents().find("#release1").val();//发布时间 var effective_s=$("#iframe_modify").contents().find("#effective_s").val();//开始时间 var effective_o=$("#iframe_modify").contents().find("#effective_o").val();//结束时间 var compete=$("#iframe_modify").contents().find("#compete").val();//竞争对手 var region=$("#iframe_modify").contents().find("#region").val();//地区 var product=$("#iframe_modify").contents().find("#product").val();//产品 var source=$("#iframe_modify").contents().find("#source").val();//信息来源 var content=$("#iframe_modify").contents().find("#content").val();//主要内容 var impact=$("#iframe_modify").contents().find("#impact").val();//影响 $.ajax({ url:"http://localhost:8080/analysis/info/updatebyid.do", type:"post", data:{"id":id,"info_type":info_type,"type":type,"release1":release1,"effective_s":effective_s,"effective_o":effective_o, "compete":compete,"region":region,"product":product,"source":source,"content":content,"impact":impact }, resultType:"json", success:function(result){ window.location.href="main.html"; } }); }); }); //查询 $("#search-btn").click(function(){ var selectdata=$("#selectdata").val();//查询下拉选数据 var cont=$("#textdata").val(); $.cookie("selectdata",selectdata); $.cookie("cont",cont); $(".right").empty(); var ifra="<div class='embed-responsive embed-responsive-16by9'>"; ifra+="<iframe class='embed-responsive-item' src='main/search.html'></iframe>"; ifra+="</div>"; var $ifra=$(ifra); $(".right").append($ifra); }); }); </script> <link rel="stylesheet" href="../bootstrap/css/bootstrap.css"> </head> <body> <!-- top --> <div class="row"> <div class="col-md-12" style="height:50px;"> <img src="../image/logo.gif" class="img-responsive" alt="Responsive image" id="logo"> </div> </div> <div class="row"> <!-- left --> <div class="left"> <img src="../image/User.png" class="img-responsive center-block" alt="Responsive image"> <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="glyphicon glyphicon-th-large"></span> 情报信息 <span class="caret"></span> </button> <ul class="dropdown-menu" aria-labelledby="dropdownMenu2"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li role="separator" class="divider"></li> <li><a href="#">Separated link</a></li> </ul> </div> </div> <!-- right --> <div class="right" id="right2"> <div id="info"> <ol class="breadcrumb"> <span class="glyphicon glyphicon-home"></span> <li><a href="#">情报信息</a></li> <li><a href="#" class="active">信息汇总</a></li> </ol> </div> <div id="function_a"> <!-- new delete modify --> <div class="btn-group" role="group" aria-label="..."> <button type="button" class="btn btn-default" data-toggle="modal" data-target="#new" id="new_btn"> <span class="glyphicon glyphicon-pencil"></span> 新建 </button> <button type="button" class="btn btn-default" data-toggle="modal" data-target="#modify" id="modify_btn"> <span class="glyphicon glyphicon-file"></span> 修改 </button> <button type="button" class="btn btn-default" id="btn_delete"> <span class="glyphicon glyphicon-trash"></span> 删除 </button> </div> <!-- 搜索 --> <form class="form-inline pull-right"> <div class="form-group"> <select class="form-control" id="selectdata"> <option value="1">模糊查询</option> <option value="2">2</option> <option value="3">3</option> </select> </div> <div class="form-group"> <input type="text" class="form-control" placeholder="请输入内容" id="textdata"> </div> <button type="submit" class="btn btn-default" id="search-btn"> <span class="glyphicon glyphicon-search"></span> </button> </form> <!-- 动态具体内容 --> <div id="table_content"> </div> <!-- 分页 --> <nav aria-label="Page navigation" id="table_content2"> <ul class="pagination "> <li> <a href="#" aria-label="Previous" id="pageup"> <span aria-hidden="true">&laquo;</span> </a> </li> <li><a href="#" id="page_1">1</a></li> <li><a href="#" id="page_2">2</a></li> <li><a href="#" id="page_3">3</a></li> <li><a href="#" id="page_4">4</a></li> <li><a href="#" id="page_5">5</a></li> <li> <a href="#" aria-label="Next" id="pagedown"> <span aria-hidden="true">&raquo;</span> </a> </li> </ul> </nav> <!-- 模态框绑定数据 --> <!-- 新建 --> <div class="modal fade" id="new" tabindex="-1" role="dialog" aria-labelledby="newLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-lable="Close"> <span aria-hidden="true">&times;</span> </button> <h4 class="modal-title" id="newLabel">新建</h4> </div> <div class="modal-body" id="new_body"> <div class="embed-responsive embed-responsive-4by3"> <iframe class="embed-responsive-item" src="main/new.html" id="iframe_new" name="iframe_new"></iframe> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">取消</button> <button type="button" class="btn btn-primary" id="btn_new_save">保存</button> </div> </div> </div> </div> <!-- 修改 --> <div class="modal fade" id="modify" tabindex="-1" role="dialog" aria-labelledby="modifyLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"> &times;</span></button> <h4 class="modal-title" id="modifyLabel">修改</h4> </div> <div class="modal-body"> <div class="embed-responsive embed-responsive-4by3" id="modify_1"> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">取消</button> <button type="button" class="btn btn-primary" id="btn_modify_save">保存</button> </div> </div> </div> </div> </div> </div> </div> </body> </html> ``` 当我点击第二部分的search-btn2按钮后,浏览器又重新加载了第一部分,求大神帮忙解决,把js放在页面最后也是同样的效果。
jquery选择器this的问题
{foreach key=key item=item from=$hicList} <div class="equip"> <a href="#dialog" class="equipState"> <span class="online"></span> <span phyid="{$item.PHYID}" id={$item.ID} status="{$item.STATUS}">{$item.NAME}</span> </a> <span>设备正常运转</span> <div class="choose"> <input type="button" data-role=none value="解除绑定"/> <input type="button" data-role=none value="重启设备"/> <input type="button" data-role=none value="一键还原"/> </div> </div> {/foreach} 这是html中的源代码,我想在每次点击a事件时就弹出dialog,并传值 $(".equipState span:nth-child(2)").bind("click",function(){ $(".tishi").html(""); var element=$(this); var id=element.attr("id"); var phyid=element.attr("phyid"); var ssid=element.html(); $("#ssid").val(ssid); $(".ui-content a").bind("click",function(){ $(".tishi").html(""); var ssidChanged=$("#ssid").val(); alert(ssidChanged+" "+ssid); }); }) 我试了一下,alert弹出了4遍,这是为什么呢?
JQuery插件-HighCharts 一个令我蛋疼的事 求教、、
<div class="quote_title">引用</div><div class="quote_div"> <br />&nbsp; 最近在做一个监控系统,需要制作两个图形,一个度盘,一个波形图,最先开始使用了JFreeChart绘制图形,但是在服务器端绘制图形鸭梨很大,占用带宽多,浏览图形不畅快,抛弃之。 <br />&nbsp;&nbsp;&nbsp; 然后觉得可以使用Java Applet在客户端绘制图形,但是这个要求JRE环境,于是也被无情的抛弃了。 <br />&nbsp;&nbsp;&nbsp; 然后在网上找了会,发现一个HighCharts类库,一个JQuery插件,使用这个绘制出来的图形挺好看的,效果也令人满意,但是目前跟AJAX结合之后,highcharts制造出来的内存一直没有删除,PF使用率以每秒3MB的速度网上猛涨,令人大感鸭梨、、、(波形图现在困到这一个内存问题了) <br />&nbsp;&nbsp; 最后的度盘,在刚开始采用的Highcharts画的饼图,弄的一块一块的 效果也差,所以在GOOGLE了把JS绘图技术,搜出了 令我大感兴奋的矢量绘图技术,SVG AND VML,SVG支持除IE外大部分的浏览器,VML仅支持IE5以上的浏览器器,所以采用了SVG+VML结合在浏览器中绘图,图形不错,最后结合AJAX也没有发现内存问题。 <br />&nbsp;&nbsp; 所以现在在这想跟大家讨论一下HighCharts的使用、、请各位发表意见 <br /> <br /></div>自己要做一个实时的监控数据的图形,但是跟AJAX结合的时候,内存增长的速度 比较快,谁能帮我看看怎么回事,谢谢了!<img src="/images/smiles/icon_redface.gif"/> <br /><pre name="code" class="java"> waveLineImage = { chart: { renderTo: 'waveImage', //绘制到DIV容器中,根据ID defaultSeriesType: 'line', //绘制类型 目前是曲线 plotBorderWidth: 1, plotBorderColor: '#99CC99', marginRight: 12, showAxes: true }, title: { text: '', x: -20 //center }, xAxis: { tickWidth: 0, tickInterval: 5, gridLineWidth: 1, gridLineColor: '#99CC99', categories: [] }, yAxis: { title: { text: '' }, min: -1, tickInterval: 5, gridLineWidth: 1, gridLineColor: '#99CC99' }, plotOptions: { series: { animation: false, marker: { enabled: false } } }, tooltip: { enabled:false, formatter: function(){ return null; } }, legend: { enabled: false }, exporting: { enabled: false }, series: [{ name: "monitor", data: [] }, { name: "temp", data: [] }] }</pre> <br /> <br />上面是 初始化曲线图的实例 <br /> <br /><pre name="code" class="java"> var tempArray = null; function drawOscillogram(waveData){ if (waveData) { //传输过来的JSON数据 var dataArray = new Array(); var array = null, point = null, num = null,item = null; var waveDataLength = waveData.length; for (var i = 0; i &lt; waveDataLength; i++) { array = waveData[i].split(","); point = 1 / array.length; for (var j = 0; j &lt; array.length; j++) { num = i + Math.round((point * j) * 10) / 10; item = parseFloat(array[j]); dataArray.push([num, item]); num = null; } array = null; item = null; point = null; } if (waveDataLength &lt; 60) { //当不足60个点时,创建一个临时的数据,绑定到temp当中 if (tempArray == null) { tempArray = new Array(); for (var i = 0; i &lt; 61; i++) { tempArray.push([i, -6]); } } if(!waveLineImage.series[1]) waveLineImage.addSeries("",true,false); waveLineImage.series[1].data = tempArray; } else { tempArray = null; waveLineImage.series[1].remove(); } waveLineImage.series[0].data = dataArray; dataArray = null; waveDataLength = null; waveLineImage.redraw(); //重新绘制HighCharts图形 new Highcharts.Chart(waveLineImage); //绘制HIghcharts图形,这一句会生成大内 //存,想直接调用redraw重绘方法,完成绘图,这样不用重新刷新区域,而是在旧的基础上绘制,会减少内存,但 //是曲线什么都显示不出来 } } </pre> <br /> <br />waveData 是 传过来的 数据,把他绑定到图形中 ,内存长的飞快,每秒3MB,怎么修改,怀疑是//new Highcharts.Chart(waveLineImage);这句话增长的内存,然后调用 highCharts 的redraw 方法,重画,可是没有效果出来 求高手 提错!!!!<br/><strong>问题补充</strong><br/>上面有做出来的效果图,可以下载出来看一下、、 <br /> <br />另外HighCharts有一个redraw重绘方法,但是应该怎么调用呢,我调用无效!<br/><strong>问题补充</strong><br/>主要就是内存的方面了,也看了好多的JavaScript方面性能问题,内存释放问题,但是都不太理想,<br/><strong>问题补充</strong><br/> <br /><table class="bbcode"><tr><td>怎么没人回复啊 泪奔、、</td><td>太遗憾了吧</table><br/><strong>问题补充</strong><br/><div class="quote_title">引用</div><div class="quote_div"><ul> <li>用不用我加点注释 、、 汗 </li><li>哪一点有问题啊 泪奔中、、 </li><li>不回复也得顶起来啊 呜呜、 </li><li>大家都来探讨一下啊 呵呵 </li><li>大家在客户端都用什么方法绘制图表呢 </li></ul></div><br/><strong>问题补充</strong><br/><img src="/images/smiles/icon_sad.gif"/>&nbsp;<img src="/images/smiles/icon_surprised.gif"/>&nbsp;<img src="/images/smiles/icon_lol.gif"/>&nbsp;<img src="/images/smiles/icon_cool.gif"/>&nbsp;<img src="/images/smiles/icon_confused.gif"/>&nbsp;<img src="/images/smiles/icon_eek.gif"/>&nbsp;<img src="/images/smiles/icon_mad.gif"/>&nbsp;<img src="/images/smiles/icon_razz.gif"/>&nbsp;<img src="/images/smiles/icon_redface.gif"/>&nbsp;<img src="/images/smiles/icon_cry.gif"/> <br/><strong>问题补充</strong><br/><div class="quote_title">引用</div><div class="quote_div"><ul> <li><span style="color: #00ff00">咱么是顶起呢?还是顶起呢?呵呵</span> </li><li><span style="color: #0000ff">咱么是顶起呢?还是顶起呢?呵呵</span> </li><li><span style="color: red">顶顶顶 力压千钧</span> </li><li><span style="color: black">虽说晚上不上班 也不至于吧</span> </li><li><span style="color: #adefaa">有哪一点会是不好的 大大们都去哪了</span> </li></ul></div><br/><strong>问题补充</strong><br/><div class="quote_title">奥义之舞 写道</div><div class="quote_div"><div class="quote_title">引用</div><div class="quote_div"><ul> <li><span style="color: #00ff00">咱么是顶起呢?还是顶起呢?呵呵</span> </li><li><span style="color: #0000ff">看帖不回帖 很不给力啊</span> </li><li><span style="color: red">顶顶顶 力压千钧</span> </li><li><span style="color: black">虽说晚上不上班 也不至于吧</span> </li><li><span style="color: #adefaa">有哪一点会是不好的 大大们都去哪了</span> </li></ul></div></div> <br />+1<br/><strong>问题补充</strong><br/><div class="quote_title">引用</div><div class="quote_div">在highcharts官网http://www.highcharts.com/ref/#chart-object查了很久,经过测试,发现一个方法可行,很给力的时刻,修改了点代码,现在使用这种代码之后,可以保持在120KB/s左右的增长率</div> <br />修改后的代码:<pre name="code" class="java">waveLineImage = new Highcharts.Chart({ chart: { renderTo: 'waveImage', //绘制到DIV容器中,根据ID defaultSeriesType: 'line', //绘制类型 目前是曲线 plotBorderWidth: 1, plotBorderColor: '#99CC99', marginRight: 12, showAxes: true }, title: { text: '', x: -20 //center }, xAxis: { tickWidth: 0, tickInterval: 5, gridLineWidth: 1, gridLineColor: '#99CC99', categories: [] }, yAxis: { title: { text: '' }, min: -1, tickInterval: 5, gridLineWidth: 1, gridLineColor: '#99CC99' }, plotOptions: { series: { animation: false, marker: { enabled: false } } }, tooltip: { enabled:false, formatter: function(){ return null; } }, legend: { enabled: false }, exporting: { enabled: false }, series: [{ name: "monitor", data: [] }, { name: "temp", data: [] }] });</pre> 直接实例化绘图对象 <br /><pre name="code" class="java"> var tempArray = null; function drawOscillogram(waveData){ if (waveData) { //传输过来的JSON数据 var dataArray = new Array(); var array = null, point = null, num = null,item = null; var waveDataLength = waveData.length; for (var i = 0; i &lt; waveDataLength; i++) { array = waveData[i].split(","); point = 1 / array.length; for (var j = 0; j &lt; array.length; j++) { num = i + Math.round((point * j) * 10) / 10; item = parseFloat(array[j]); dataArray.push([num, item]); num = null;item=null; } array = null; item = null; point = null; } array = null; item = null; point = null; num = null; item=null; if (waveDataLength &lt; 60) { //当不足60个点时,创建一个临时的数据,绑定到temp当中 if (tempArray == null) { tempArray = new Array(); for (var i = 0; i &lt; 61; i++) { tempArray.push([i, -6]); } } if(!waveLineImage.series[1]) waveLineImage.addSeries("",true,false); waveLineImage.series[1].setData(tempArray); } else { tempArray = null; waveLineImage.series[1].remove(); } waveLineImage.series[0].setData(dataArray); //在这里通过setData方法设置数据 dataArray = null; waveDataLength = null; waveLineImage.redraw(); //这样调用图例对象的重绘方法可以找的到数据,以前数 //据是设置到JSON里面了,这个对象的数据应该没有更新 } } </pre> <br />不过这种现在仍然有100多KB的增长率,对于一个长期停留在页面中不刷新的局面,仍然是一个问题,各位老大们,有没有一个很好的意见提出来,让我继续改进,thank you<br/><strong>问题补充</strong><br/><div class="quote_title">tanqimin 写道</div><div class="quote_div">这个图表真的很蛋痛!</div> <br />哥们这个图表怎么了,很好看啊 呵呵 就是性能有点扯淡,不过性能是决定页面技术的优先选择、、 <br />很惆怅&nbsp;<img src="/images/smiles/icon_eek.gif"/> <br/><strong>问题补充</strong><br/><div class="quote_title">夜之son 写道</div><div class="quote_div">想让大家说什么呢,图太少,不给力。</div> <br />ok 上图 <br/><strong>问题补充</strong><br/>另外这个是VML画的度盘,跟AJAX结合 也不卡,很给力啊 呵呵 推荐 SVG + VML 结合 一秒 10多KB的增长量<br/><strong>问题补充</strong><br/>发现看英文文档狠让人蛋疼的事,有木有,中文帮助文档在哪里 呜呜 <br /> <br /><div class="quote_title">引用</div><div class="quote_div"> <br />希望对我的循环提出哪里可以优化点在、、感觉这里面也会浪费点性能 <br />希望最后能把PF增长率 控制在 10KB以内 <br />希望告我一个 JS代码 控制页面刷新的 代码 <br />这样我可以再内存增长到一定程度的时候 刷新释放内存 <br /></div><br/><strong>问题补充</strong><br/><div class="quote_title">hyj1254 写道</div><div class="quote_div">highChart我也在用,倒是没深究内存增长的问题。它也是vml+svg。内存不释放跟js代码和浏览器自身实现方式都有关系,有些情况你是无法有效释放内存的:比如在ie中,希望刷新释放内存是无法实现的,你可以到taobao、google地图等网站验证下,它默认将所有的页面元素都缓存起来,因此即使js完全没有问题它所占的内存也会越来越大。但chrome就好得多,每次刷新都显著地释放一些内存。至于highChart你可以到官网上反映下,看是否是内存泄露导致的。</div>+1 <br /><div class="quote_title">引用</div><div class="quote_div">用的浏览器 IE 和 火狐的 ,谷歌到没有看,不过同事通过谷歌浏览器访问了一下,正常,内存这块到没有看,这个浏览器的问题一直在关注, IE 和 FireFox的 掐架 一直没有停止 、、、</div> <br /><div class="quote_title">引用</div><div class="quote_div"> <br />&nbsp;&nbsp; 另外JS代码构造对象和释放对象之间,这个度由于刚开始关注性能问题,也没能做的很好,大家看到哪一点可以优化的,可以提出来、、 <br />over&nbsp;<img src="/images/smiles/icon_cry.gif"/>&nbsp;<img src="/images/smiles/icon_lol.gif"/>&nbsp;<img src="/images/smiles/icon_surprised.gif"/> <br /></div> <br /> <br /><br/><strong>问题补充</strong><br/><div class="quote_title">clue 写道</div><div class="quote_div">哦哦。。。原来是HighCharts <br />官方声称是有解决内存泄漏问题,但关键是。。。它指的泄漏是关闭浏览器仍不释放的泄漏,而非运行中释放 <br /> <br />基本上,想要解决难度很大,几乎底层代码都要过一遍,加上清理事件、解除Dom引用的逻辑。 <br />好像excanvas也需要一同改进 <br /> <br />HighCharts代码不便放出(就算放出也没用,版本低,改动大),但还是能做到将近0增长的。 <br /> <br />P.S. 推荐使用sIEve查看IE下Dom节点释放情况,JS本身的GC是很完善的,但与Dom循环引用就无能为力了。所以查看Dom节点的释放情况就知道是哪里有泄漏了。</div> <br />高手、、那按照你这样说,我要想做到内存0增长或近0增长,必须修改highcharts的源代码是么? <br />期待回答/// <br />对于上SIEVE这个软件,下载了也是用了 ,还有一个 火狐里面可以查看内存的软件,也使用了,但是 但是很头疼, <br />还没有找到解决的办法、 <br />还是经验少啊<br/><strong>问题补充</strong><br/><div class="quote_title">纪红玉 写道</div><div class="quote_div">JavaEye/ItEye <br />1号群 现招人 QQ 群号:39211996 <br />女程序员群7736086 <br />发完帖子我的号就没了,哎! <br /></div> <br />找女程序员群,貌似很难吧,估计你这个也是新创的、<br/><strong>问题补充</strong><br/><div class="quote_title">yintingbird 写道</div><div class="quote_div">我建议你用FusionCharts,你可以在网上搜一下,他的图表显示就很好,我用的就是这个,很简单的,你可以再往上找一个破解版的,但是破解版的柯南找的时候有点不好找。</div> <br />这个项目 已经基本完成了,这时候在动这个技术不太可可能,有可能到最后的时候 换成 SVG + VML了, <br />觉得这个 可以 控制,但是 AJAX 刷新时,内存也是嗖嗖的网上长啊,一秒10几KB 这还只是 小图形。 <br /> <br /> <br />不过应该比当年用DIV时候强吧、、<img src="/images/smiles/icon_cool.gif"/> <br/><strong>问题补充</strong><br/>很奇怪,为什么要投隐呢,难道我发的板块不对 晕、、<br/><strong>问题补充</strong><br/>偷偷的用 到时候 还得改 先拿着个练练手啊!<br/><strong>问题补充</strong><br/><div class="quote_title">conanca 写道</div><div class="quote_div"><div class="quote_title">奥义之舞 写道</div><div class="quote_div"><div class="quote_title">yintingbird 写道</div><div class="quote_div">我建议你用FusionCharts,你可以在网上搜一下,他的图表显示就很好,我用的就是这个,很简单的,你可以再往上找一个破解版的,但是破解版的柯南找的时候有点不好找。</div> <br />这个项目 已经基本完成了,这时候在动这个技术不太可可能,有可能到最后的时候 换成 SVG + VML了, <br />觉得这个 可以 控制,但是 AJAX 刷新时,内存也是嗖嗖的网上长啊,一秒10几KB 这还只是 小图形。 <br /> <br /> <br />不过应该比当年用DIV时候强吧、、<img src="/images/smiles/icon_cool.gif"/> </div> <br /> <br />HighCharts 商业用的话要收费吧。 <br />你们买了授权还是做的是国内项目?</div> <br />先拿这个练手,到时候重新换一个 <br />准备用raphael 谁用过这个,这个性能怎么样呢,封装的SVG+VML<br/><strong>问题补充</strong><br/><div class="quote_title">红四团 写道</div><div class="quote_div">HighCharts所renderer出来的每个Element都是可以destroy的,每个element都有destroy方法。HighCharts封装了VML和SVG,基本上能够跨浏览器。</div> <br />这个还真不知道,只知道总的有个释放的对象,结果一 释放,悲剧的事情发生了,整个图形都没有了<img src="/images/smiles/icon_cry.gif"/> <br /> <br /> <br />另外想知道 highcharts商用要上交多少money啊 <br /><br/><strong>问题补充</strong><br/><div class="quote_title">sunofsummer 写道</div><div class="quote_div">我以前和你遇到过同样的问题,amcharts可以解决。</div> <br />性能方面可以解决么,内存长的快不,和AJAX交互怎么样,<br/><strong>问题补充</strong><br/><div class="quote_title">kiven 写道</div><div class="quote_div">http://www.open-lib.com/Type/164-1.jsp <br /> <br />这里面或许有你要找的。大家都共享一下自己项目用的图标组件吧。</div> <br />thank you <br /> <br /> <br /> <br /> <br /> <br /> <br />不知道who用过Flex么 他生成的swf文件是在客户端生成的,还是服务器生成之后传输过来的呢,如果我要对他进行定时刷新,速度怎么样<br/><strong>问题补充</strong><br/><div class="quote_title">ahzzhen2 写道</div><div class="quote_div">用过Flex as3脚本写过一个监控的,内存占用是用仪表盘形式做的。也试过用pushlet+highchart写过(不是很理想,抛弃)</div> <br />貌似没理解我的意思,我说的是Flex监控 实时刷新 内存部分长的块么, 是在客户端 或者 服务器端绘图,绘制出来的图形传递速度怎么样,占用带宽多么<br/><strong>问题补充</strong><br/><div class="quote_title">sunofsummer 写道</div><div class="quote_div"><div class="quote_title">奥义之舞 写道</div><div class="quote_div"><div class="quote_title">sunofsummer 写道</div><div class="quote_div">我以前和你遇到过同样的问题,amcharts可以解决。</div> <br />性能方面可以解决么,内存长的快不,和AJAX交互怎么样,</div> <br /> <br />amcharts是基于flash实现的 如果网页游戏不存在内存问题的话 它也不会有的。 <br /></div> <br />额 这种的是不是刚开始都要进行加载等待一下啊
addeventlistener click怎么利用冒泡
``` <ul id="userList"> <li class="now"> <div class="photo"> <img src="../news_images/photo01.jpg" /> </div> <div class="info"> <h2>哈哈</h2> <p>呵呵 </p> </div> <span>11:04</span> </li> <li> <div class="photo"> <img src="../news_images/icon_user.jpg" /> </div> <div class="info"> <h2>会议</h2> <p>我知道了。</p> </div> <span>10:20</span> </li> <ul> 上面的代码 userList中的li都是动态加载的,现在我想给userList用原生addeventlistener绑定click事件。 只有li响应事件,li的任何子元素都不会响应事件, 我的做法是 document.getElementById('userList').addEventListener('click', function (e) { var target = e.target; //alert(target.nodeName) if (target.nodeName == "LI") { alert(123) } }) 这样只有点在了li上才弹出123,但是在p元素,span元素,img元素上是不会弹出的,如何可以像jquery那样$('#userList').on('click','li',function(){ alert(123) }) ```
将一段普通JS代码改为JQuery的代码
这是一个JS文件中的代码: [code="java"] InnerHtml="<div id=\""+IdNum+"_ChatHead\" class=\"ChatHead\"><input type='hidden' id='sss' ><input type='hidden' id='ddd' value='"+IdNum+"'>"+ "("+IdNum+")"+ " <a href=\"#\" onclick=\"ChatHidden(this.parentElement.parentElement.id);\">-</a>"+ " <a href=\"#\" onclick=\"ChatShow(this.parentElement.parentElement.id);\">+</a>"+ " <a href=\"#\" onclick=\"ChatClose(this.parentElement.parentElement.id);\">x</a>"+ " </div>"+ " <div id=\""+IdNum+"_ChatBody\" class=\"ChatBody\" align=\"center\">"+ " <iframe name=\"dddd\" src=\""+url+" \" width=\""+width+" \" height=\""+height+" \"></iframe>"+ " </div>"; $_odiv.html(InnerHtml); [/code] 需要换成JQuery的代码,于是我这样做了修改: [code="java"] //============ //王鑫 20090328 $_odiv1 = $("<div />"); //创建DIV1层 $_odiv2 = $("<div />"); //创建DIV2层 $_inpt1=$("<input />");//创建一号input $_inpt2=$("<input />");//创建二号input $_node_a1=$("<a href='#' onclick='ChatHidden(this.parentElement.parentElement.id)'>-</a>"); //创建一号<a> $_node_a2=$("<a href='#' onclick='ChatShow(this.parentElement.parentElement.id)'>+</a>"); //创建二号<a> $_node_a3=$("<a href='#' onclick='ChatClose(this.parentElement.parentElement.id)'>x</a>"); //创建三号<a> $_ifrm=$("<iframe />"); //创建IFrame //为DIV1层绑定属性。 $_odiv1.attr({ id:IdNum+"_ChatHead" }); $_odiv1.addClass("ChatHead"); //为DIV2层绑定属性。 $_odiv2.attr({ id:IdNum+"_ChatBody", align:"center" }); $_odiv2.addClass("ChatBody"); //为一号INPUT绑定属性 $_inpt1.attr({ type:"hidden", id:"sss" }); //为二号INPUT绑定属性 $_inpt2.attr({ type:"hidden", id:"ddd", value:IdNum }); //为IFRAM绑定属性 $_ifrm.attr({ name:"dddd", src:url, width:width, height:height }); //DIV2层中添加内容 $_odiv2.html($_odiv2.html()+$_ifrm.html()); //DIV1层中添加内容 $_odiv1.html($_odiv1.html()+$_inpt1.html()); $_odiv1.html($_odiv1.html()+$_inpt2.html()); $_odiv1.html("("+IdNum+")"); $_odiv1.html($_odiv1.html()+$_node_a1.html()); $_odiv1.html($_odiv1.html()+$_node_a2.html()); $_odiv1.html($_odiv1.html()+$_node_a3.html()); $_odiv.html($_odiv.html()+$_odiv1.html()); $_odiv.html($_odiv.html()+$_odiv2.html()); //===================== [/code] 当然,运行结果失败了。改完后需要的效果就没了。 似乎连属性绑定都有问题…… 谁能帮我改一下这个东西?急需啊。周末加班都不容易……
jq live方法阻止事件冒泡
<div class="rong"> <div class="head"> <span>下拉列表</span> <i class=" lnr lnr-chevron-down icon"></i> </div> <ul> <li>下拉列表1</li> <li>下拉列表2</li> <li>下拉列表3</li> <li>下拉列表4</li> </ul> </div> <script src="jq/jquery.js"></script> <script> var $fa = $('.rong').children('ul') $('.rong ').live('click',function(ev){ console.log(this) }) $('ul').live('click',function(ev){ console.log('sa') event.stopPropagation(); return false; }) </script> 请教一下懂得大神们。为什么使用live函数绑定事件event.stopPropagation()就不能阻止事件冒泡,而 return false却可以,懂得大神们详细讲解一下
springMVC 这里怎样才能访问到静态资源
web xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" version="3.1"> <!-- mavaen创建先修改webapp为3.1 --> <!-- 配置DispatherServlet --> <servlet> <servlet-name>spring-mvc</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <!--配置springMVC需要加载的配置文件 spring-dao.xml,spring-service.xml,spring-web.xml Mybatis->spring->springMVC --> <init-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:spring/spring-*.xml</param-value> </init-param> </servlet> <servlet-mapping> <servlet-name>spring-mvc</servlet-name> <!--默认匹配所有请求 --> <url-pattern>/</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list> </web-app> <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:mvc="http://www.springframework.org/schema/mvc" xmlns:context="http://www.springframework.org/schema/context" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.0.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd"> <!--配置springmvc--> <!--1:开始SpringMVC注解模式--> <!--简化配置:--> <!--1)自动注册DefaultAnnotationHandlerMapping,AnnotationMethodHandlerAdapter--> <!--2)提供一些列:数据绑定,数字和日期的format @NumberFormat @DataTimeFormart,xml,json 默认读写支持。--> <mvc:annotation-driven/> <!--2.静态资源默认servlet配置--> <!-- 1).加入对静态资源处理:js,gif,png 2).允许使用 "/" 做整体映射 --> <mvc:default-servlet-handler/> <!--3:配置JSP 显示ViewResolver--> <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/> <property name="prefix" value="/WEB-INF/jsp/"/> <property name="suffix" value=".jsp"/> </bean> <!--4:扫描web相关的bean--> <context:component-scan base-package="com.triggerpoint.*"/> </beans> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html class="no-js"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1,user-scalable=no"> <meta name="renderer" content="webkit"> <meta http-equiv="Cache-Control" content="no-siteapp"/> <!-- 启用360浏览器的极速模式(webkit) --> <meta name="renderer" content="webkit"> <!-- 避免IE使用兼容模式 --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 --> <meta name="HandheldFriendly" content="true"> <!-- 微软的老式浏览器 --> <meta name="MobileOptimized" content="320"> <!-- uc强制竖屏 --> <meta name="screen-orientation" content="portrait"> <!-- QQ强制竖屏 --> <meta name="x5-orientation" content="portrait"> <!-- UC强制全屏 --> <meta name="full-screen" content="yes"> <!-- QQ强制全屏 --> <meta name="x5-fullscreen" content="true"> <!-- UC应用模式 --> <meta name="browsermode" content="application"> <!-- QQ应用模式 --> <meta name="x5-page-mode" content="app"> <!-- windows phone 点击无高光 --> <meta name="msapplication-tap-highlight" content="no"> <!-- 适应移动端end --> <title>水果拼团网站</title> <link rel="stylesheet" href="/resources/css/frameui.css"/> <link rel="stylesheet" href="/resources/css/widget/slider.css"/> <link rel="stylesheet" href="/resources/css/index.css"/> </head> <body> <!--a1轮播图--> <div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{"directionNav":false}' > <ul class="am-slides cl"> <li> <img src="images/j-d01.jpg"> </li> <li> <img src="images/j-d02.jpg"> </li> </ul> </div> <!--介绍--> <div class="details-body-box"> <div class="tm"> <div class="td2"> <div class="td2_price"><span>已售:<b>948</b>件</span></div> <div class="cl"></div> <div class="td2_name"> 越南进口白肉火龙果 </div> <div class="td2_cx">外皮红艳,果肉绵软白嫩,汁液丰富,富含维生素C.</div> </div> </div> <div class="tm2"> <div class="td2_info"> <div class="td2_num">支付开团并邀请<span id="tuan_more_need_number">2</span>人参团,人数不足自动退款</div> </div> <div style="visibility: visible;" class="kt"> <div class="pin"> <div class="pin_btn_box"> <div class="pin_btn"> 3人团 </div> </div> <div class="pin_btn_box"> <div class="pin_btn pin_btn_bg2"> 原价 </div> </div> <div class="cl"></div> </div> <div> <a href="javascript:void(0);" class="kt_item kt_item_buy "> <div class="kt_price"><b>¥16.80</b>&nbsp;/&nbsp;700g~800g</div> <div class="kt_btn" id="tuan_one_number">原价购买</div> </a> <a href="pay.html" class="kt_item"> <div class="kt_price"><b>¥14.00</b>&nbsp;/&nbsp;700g~800g</div> <div class="kt_btn">立即拼团<br></div> </a> </div> </div> </div> <!--拼团玩法--> <div class="step"> <div class="step_hd"> 拼团玩法<a class="step_more" href="tuan_rule.html">查看详情</a> </div> <div id="footItem" class="step_list"> <div class="step_item step_item_on"> <div class="step_num">1</div> <div class="step_detail"> <p class="step_tit">选择 <br>心仪商品</p> </div> </div> <div class="step_item "> <div class="step_num">2</div> <div class="step_detail"> <p class="step_tit">支付开团 <br>或参团</p> </div> </div> <div class="step_item "> <div class="step_num">3</div> <div class="step_detail"> <p class="step_tit">等待好友 <br>参团支付</p> </div> </div> <div class="step_item"> <div class="step_num">4</div> <div class="step_detail"> <p class="step_tit">达到人数 <br>团购成功</p> </div> </div> </div> </div> <div class="outs-box"> <h1>商品详情</h1> <img src="/resources/images/d1.jpg"> <img src="/resources/images/d2.jpg"> <img src="/resources/images/d3.jpg"> </div> </div> <!--detail_footer begin--> <footer class="detail_footer"> <div class="return_left_box"> <a href="index.html"><div class="return_home fl"></div></a> <a href="javascript:void(0);"><div class="return_home share_tuan fl"></div></a> </div> <a href="pay.html"><div class="promptly_tuan fl">立即试用</div></a> <div class="cl"></div> </footer> <!--detail_footer end--> <!--引入js资源--> <script src="/resources/js/jquery.min.js"></script> <script src="/resources/js/amazeui.js"></script> <script src="/resources/js/handlebars.min.js"></script> <script src="/resources/js/amazeui.widgets.helper.js"></script> </body> </html>
ASP.net <%=token%>显示不出数据
打算用ASP.net <%=token%>输出到一个菜单链接里作为参数,在根目录的页面里能够正常显示,但是在二级目录下的页面就会出问题,也就是说显示不出来,菜单栏都是复制过去的,为什么会出现这种情况? ``` <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PersonEfficiency.aspx.cs" Inherits="RepairSever.Rank.PersonEfficiency" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>维修服务平台</title> <link href="../rsp/Tbase/base.css" rel="stylesheet" type="text/css" /> <link href="../rsp/Tbase/top.css" rel="stylesheet" type="text/css" /> <link href="../rsp/Template/Default/style.css" rel="stylesheet" type="text/css" /> <link href="../rsp/js/jNotify/jNotify.jquery.css" rel="stylesheet" type="text/css" /> <script src="../rsp/js/jquery-1.11.0.min.js" type="text/javascript"></script> <script src="../rsp/js/jquery.hoverdelay.js" type="text/javascript"></script> <script src="../rsp/js/jNotify/jNotify.jquery.js" type="text/javascript"></script> <script src="../rsp/js/layer/layer.min.js" type="text/javascript"></script> <script src="../rsp/js/base.js" type="text/javascript"></script> </head> <body> <form id="form1" runat="server"> <div> <!--top--> <div class="top"> <div class="layout-top"> <div class="layout-top-warp"> <ul class="layout-top-title"> <li class="top-app-title">高校后勤数字化平台</li> <li class="top-line-app"></li> <li class="top-app">维修服务<em class="top-arr"></em> <div class="top-app-menu" style="display: none;"> <ul> <li><a href="pc">个人中心</a></li> <li><a href="dsh">服务大厅</a></li> <li><a href="ssp">服务监督</a></li> <li><a href="pc/home/appnav/3" title="更多" style="font-weight: bold;">…</a></li> </ul> </div> </li> </ul> <ul class="layout-top-login"> <li class="top-line"></li> <li class="top-login" data-value="登录">登录</li> <li class="top-line"></li> </ul> </div> </div> </div> <!--endtop--> <!--logo--> <div class="layout-logo"> <div class="layout-logo-warp"> <img class="logo" src="../rsp/logo.png" /> <div class="logo2"></div> <div class="top-img"></div> <a class="btn logo-iwant" data-value="" href="rsp/my/wantrepair"> <em></em>我要报修</a> </div> <!--end logo--> <!--nav--> <div class="layout-nav"> <div class="layout-nav-warp"> <ul> <li id="nav-index"><a class="nav-a" href="../Default.aspx?token=<% =token%>">平台首页</a></li> <li id="nav-DataCx"><a class="nav-a" href="../sjcx.aspx?token=<% =token%>">数据查询</a></li> <li id="nav-DataJk"><a class="nav-a" href="../sjhz.aspx?token=<% =token%>">数据汇总</a></li> <li id="nav-DataJk"><a class="nav-a" href="../sjfx.aspx?token=<% =token%>">数据分析</a></li> <li id="nav-pm" class="nav-menu"><a class="nav-a">维修排名</a><em class="nav-arr"></em> <ul class="top-nav-menu" style="display: none;"> <li><a href="TeamEfficiency.aspx?token=<% =token%>">单位效率排名</a></li> <li><a href="PersonEfficiency.aspx?token=<% =token%>">个人效率排名</a></li> <li><a href="TeamSatisfaction.aspx?token=<% =token%>">单位满意度排名</a></li> <li><a href="PersonSatisfaction.aspx?token=<% =token%>">个人满意度排名</a></li> </ul> </li> <li id="nav-tj" class=" nav-menu"><a class="nav-a">维修统计</a><em class="nav-arr"></em> <ul class="top-nav-menu" style="display: none;"> <li><a href="../count/TeamWork.aspx?token=<% =token%>">单位工作量统计</a></li> <li><a href="../count/PersonWork.aspx?token=<% =token%>">个人工作量统计</a></li> <li><a href="../count/BuildingWork.aspx?token=<% =token%>">楼宇维修量统计</a></li> <li><a href="../count/RepairItem.aspx?token=<% =token%>">维修项目统计</a></li> </ul> </li> <li id="nav-wxdw"><a class="nav-a" href="#">维修队伍</a> </li> <li id="nav-fwzn" class=" nav-menu"><a class="nav-a">服务指南</a><em class="nav-arr"></em> <ul class="top-nav-menu" style="display: none;"> <li><a id="index-fw-常见问题解答" href="#" >常见问题解答</a></li> <li><a id="index-fw-维修范围划分" href="#" >维修范围划分</a></li> <li><a id="index-fw-不属后勤维修范围" href="#" >不属后勤维修范围</a></li> </ul> </li> </ul> <div class="layout-nav-search" id="layout-nav-search"> <form method="get" action="rsp/site/DataCx" id="search-form" onkeydown="if(event.keyCode==13){return false;}"> <input placeholder="输入报修内容进行检索" id="nav-search-input" name="search" /> <b></b> </form> </div> <script language="javascript" type="text/javascript"> $(document).ready(function () { $("#layout-nav-search b").click(function () { indexSearch(); }); $("#nav-search-input").keydown(function (event) { var keycode = (event.keyCode ? event.keyCode : event.which); if (keycode == 13) { indexSearch(); } }); }); function indexSearch() { if ($("#nav-search-input").val().length == 0) { return false; } $("#search-form").submit(); } </script> </div> </div> <!--end nav--> </div> <!--实时数据监控--> <!--实时数据监控--> <div class="layout-center"> <div class="box" style="min-height: 500px;"> <div class="box-title"> <span><b class="icon2"></b>个人维修效率排名</span> <ul class="box-nav-s"> <li class="yj3 " data-value="month">本月</li> <li class="yj3 on" data-value="year">本年</li> </ul> </div> <ul class="datalist datalist-head grxl"> <li class="xh">序号</li> <li class="Name">姓名</li> <li class="wxcs">维修次数</li> <li class="wxsj">平均用时(分)</li> </ul> <div id="personlist"> </div> <script type="text/javascript"> $(document).ready(function () { $(".datalist-item:odd").addClass("even_row"); }); </script> <div style="clear: both;"> </div> </div> <div style="clear: both;"> </div> </div> <!--footer--> <div class="layout-footer"> <div class="layout-footer-warp"> </div> <div class="layout-footer-bottom"> <div class="layout-footer-bottom-warp"> RSP2.0 -Repair service platform 版本号:2.01 版本时间:2014.5 </div> </div> </div> <!--footer end--> <div id="messge-box" class="messge-box yj5">提示信息</div> <div class="jump-top-box" style="right: 5px; visibility: visible; top: 606px;" id="gotoTop"> <div class="jump-top"> <a target="_self" href="#">返回顶部</a> </div> </div> </div> </form> </body> </html> <script language="javascript" type="text/javascript"> $(function () { $("#personlist").addClass("loading"); LoadData("year"); //加载数据 $(".box-nav-s li").click(function () { $(this).siblings().removeClass('on').end().addClass('on'); LoadData($(this).attr("data-value")); //加载数据 }); }); //加载 function LoadData(sdate) { $("#personlist").html(""); $("#personlist").addClass("loading"); var strurl = '../rsp/DataSolve/personlist.aspx' + "?token=<%=token%>"; strurl += '&dateType=' + sdate; $("#personlist").load(strurl, function (data) { $("#personlist").removeClass("loading"); }); } var loginuser = "0"; loginuser = "0"; $(document).ready(function () { $(".top-login,.top-exit").click(function () { switch ($(this).attr("data-value")) { case "登录": $.layer({ type: 2, title: false, shadeClose: true, area: ['660px', '360px'], offset: ['130px', ''], iframe: { src: 'pc/account/login/win?ReturnUrl=' + location.href } }); break; case "退出": layer.confirm('确定要退出吗?', function () { location.href = 'rsp/site/logout'; }); break; } }); //导航样式选择 $("#nav-pm").addClass("nav-on"); }); /*返回顶部*/ function gotoTop(min_height) { //预定义返回顶部的html代码,它的css样式默认为不显示 var gotoTop_html = '<div id="gotoTop">返回顶部</div>'; //将返回顶部的html代码插入页面上id为page的元素的末尾 $("#page").append(gotoTop_html); $("#gotoTop").click(//定义返回顶部点击向上滚动的动画 function () { $('html,body').animate({ scrollTop: 0 }, 700); }).hover(//为返回顶部增加鼠标进入的反馈效果,用添加删除css类实现 function () { $(this).addClass("hover"); }, function () { $(this).removeClass("hover"); }); //获取页面的最小高度,无传入值则默认为600像素 min_height ? min_height = min_height : min_height = 600; //为窗口的scroll事件绑定处理函数 $(window).scroll(function () { //获取窗口的滚动条的垂直位置 var s = $(window).scrollTop(); //当窗口的滚动条的垂直位置大于页面的最小高度时,让返回顶部元素渐现,否则渐隐 if (s > min_height) { $("#gotoTop").fadeIn(100); } else { $("#gotoTop").fadeOut(200); }; }); }; gotoTop(); </script> ``` ``` using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace RepairSever.Rank { public partial class PersonEfficiency : System.Web.UI.Page { public string token; protected void Page_Load(object sender, EventArgs e) { string token = Comm.GetToken(this); if (String.IsNullOrEmpty(token)) { Comm.Alert(this, "检测不到贵校信息,请重新登录"); return; } // WorkerEfficiency worker =new t_bx_form_status().GetAllWorkerEffciencyByToken(string token); } } public class WorkerEfficiency { private string _workNo; private string _name; private string _cnt; private string _time; public String workNo { get { return _workNo; } set { _workNo = value; } } public String name { get { return _name; } set { _name = value; } } public String cnt { get { return _cnt; } set { _cnt = value; } } public string time { get { return _time; } set { _time = value; } } } } ```
jqueryUI tab标签页的增加与切换问题
请教各位:我想通过点击不同的按钮或超链接, 添加一个tab,每个tab都不一样(可以是id不一样),如果tab已经存在,直接切换到该tab页,否则就增加tab并激活。 如下是我的思路,问题不知道出在哪里,请大侠帮我,不知道哪里脑残了,后面为什么index总是-1?所以我点链接总是切换不回已经打开过的tab页上 /* -----------------初始化 tabs--------------- */ var tabTemplate = "<li><a href='#{href}'>#{label}</a> <span class='ui-icon ui-icon-close' role='presentation'>Remove Tab</span></li>"; var tabs = $("#tabs").tabs();//初始化tab页 // tab关闭图标的关闭事件 tabs.delegate("span.ui-icon-close", "click", function () { var panelId = $(this).closest("li").remove().attr("aria-controls"); $("#" + panelId).remove(); tabs.tabs("refresh"); }); /* ------------------------- 切换(增加)tab页 --------------------- */ function openTab(tabLabel,id) { var id = "tabs-" + id,//生成tab页的id li = $(tabTemplate.replace(/#\{href\}/g, "#" + id).replace(/#\{label\}/g, tabLabel)), tabContentHtml = tabContent.val() || "Tab " + tabLabel + " content.", existing = tabs.find("[id='" + id + "']"); if (existing.length == 0) { tabs.find(".ui-tabs-nav").append(li); tabs.append("<div id='" + id + "'><p>" + tabContentHtml + "</p></div>"); tabs.tabs("refresh"); } existing = tabs.find("[id='" + id + "']"); var index = tabs.find(".ui-tabs-nav li").index(existing);//不知道哪里脑残了,为什么index总是-1? tabs.tabs("option", "active", index); } /*-------------------为某超链接绑定的点击事件---------------*/ $("#menu li").click(function (e) { openTab(this.innerText, this.id);//用超链接的文字作为tab页标题,id用来生成tab页的id }); 问题已经解决,这应该属于jqueryUI(1.10以上) 本身的问题,偶然在Stack Overflow网站上看到的,貌似国内的论坛秀技巧和转载教程的多,很多棘手的现实小问题都不屑于去解决啊。分享一下问题解决链接:http://stackoverflow.com/questions/14859281/select-tab-by-name-in-jquery-ui-1-10-0/14863843
jquery mobile点击返回按钮,返回到列表页,列表页又刷新了。
////<a data-icon="back" data-rel="back" class="ui-btn-left" data-direction="reverse"> 返回 ============================================================== 列表页:放了一个ajax请求返回json绑定append给ul。但是点击详情页的返回按钮时候会刷新页面。在浏览器里面没问题,但是放手机里面就要刷新。 $(document).on("pageshow","#page_s",function(){ $.mobile.page.prototype.options.domCache = true; loadInfo("t=gylist&a=1&b=2");//第一次加载默认数据 $("#div_search_gy").hide();//影藏搜索层 });
jquery data() undifined
``` //文件上传 $("#fileuploadsave").click(function(){ $.ajaxFileUpload({ url: 'http://localhost:8080/Data/upload/uploads.do', //用于文件上传的服务器端请求地址 secureuri: false, //是否需要安全协议,一般设置为false fileElementId: 'file1', //文件上传域的ID dataType: 'json', //返回值类型 一般设置为json success: function (result){ //服务器成功响应处理函数 var data=result.data; for(var i=0;i<data.length;i++){ var file_id=data[i].file_id; var file_name=data[i].file_name; var relative_path=data[i].relative_path; console.log(relative_path); var id=data[i].id; var image1="<img src='"+relative_path+"'/>"; image1+="<span>"+file_name+"</span>"; var file_a="<a class='a1'>删除</a>"; var $file_a=$(file_a); $file_a.data("file_id",file_id); console.log($file_a.data("file_id"));//第一次打印 var image_a=image1+file_a; var $image_a=$(image_a); //显示图片 $("#upload_img").append($image_a); } }, error:function(){ alert("fjlasjf"); } }); }); $("#upload_img").on("click",".a1",function(){ var file_id=$(this).data("file_id");//第二次打印 console.log(file_id); }); <div id="upload_img"></div> ``` 为什么第一次可以打印出,file_id值,第二次就不可以了呢,经常遇到这种使用data(),绑定数据异常,求解
jQuery怎么实现分页 导入插件怎么用呀
已经将数据从数据库中读出绑定上去啦 ``` <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@taglib uri="/struts-tags" prefix="s" %> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <s:head/> <base href="<%=basePath%>" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="shortcut icon" href="media/image/favicon.ico" /> <title>![图片说明](https://img-ask.csdn.net/upload/201506/17/1434516755_898164.jpg)</title> <script type="text/javascript" src="media/js/jquery-1.10.1.min.js"></script> </head> <body class="page-header-fixed page-footer-fixed"> <table class="table table-striped table-bordered table-hover dataTable"> <tr> <td>角色编号</td> <td>角色名称</td> <td>角色描述</td> </tr> <s:iterator value="modelList" status="item"> <tr> <td><s:property value="rid "/></td> <td><s:property value="rtitle"/></td> <td><s:property value="rdesc"/></td> </tr> </s:iterator> </table> </div> </body> </html> ```
终于明白阿里百度这样的大公司,为什么面试经常拿ThreadLocal考验求职者了
点击上面↑「爱开发」关注我们每晚10点,捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类,各个线程都拥有一份线程私有的数
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
此博客仅为我业余记录文章所用,发布到此,仅供网友阅读参考,如有侵权,请通知我,我会删掉。 补充 有不少读者留言说本文章没有用,因为天气预报直接打开手机就可以收到了,为何要多此一举发送到邮箱呢!!!那我在这里只能说:因为你没用,所以你没用!!! 这里主要介绍的是思路,不是天气预报!不是天气预报!!不是天气预报!!!天气预报只是用于举例。请各位不要再刚了!!! 下面是我会用到的两个场景: 每日下
死磕YOLO系列,YOLOv1 的大脑、躯干和手脚
YOLO 是我非常喜欢的目标检测算法,堪称工业级的目标检测,能够达到实时的要求,它帮我解决了许多实际问题。 这就是 YOLO 的目标检测效果。它定位了图像中物体的位置,当然,也能预测物体的类别。 之前我有写博文介绍过它,但是每次重新读它的论文,我都有新的收获,为此我准备写一个系列的文章来详尽分析它。这是第一篇,从它的起始 YOLOv1 讲起。 YOLOv1 的论文地址:https://www.c...
知乎高赞:中国有什么拿得出手的开源软件产品?(整理自本人原创回答)
知乎高赞:中国有什么拿得出手的开源软件产品? 在知乎上,有个问题问“中国有什么拿得出手的开源软件产品(在 GitHub 等社区受欢迎度较好的)?” 事实上,还不少呢~ 本人于2019.7.6进行了较为全面的回答,对这些受欢迎的 Github 开源项目分类整理如下: 分布式计算、云平台相关工具类 1.SkyWalking,作者吴晟、刘浩杨 等等 仓库地址: apache/skywalking 更...
20行Python代码爬取王者荣耀全英雄皮肤
引言 王者荣耀大家都玩过吧,没玩过的也应该听说过,作为时下最火的手机MOBA游戏,咳咳,好像跑题了。我们今天的重点是爬取王者荣耀所有英雄的所有皮肤,而且仅仅使用20行Python代码即可完成。 准备工作 爬取皮肤本身并不难,难点在于分析,我们首先得得到皮肤图片的url地址,话不多说,我们马上来到王者荣耀的官网: 我们点击英雄资料,然后随意地选择一位英雄,接着F12打开调试台,找到英雄原皮肤的图片...
简明易理解的@SpringBootApplication注解源码解析(包含面试提问)
欢迎关注文章系列 ,关注我 《提升能力,涨薪可待》 《面试知识,工作可待》 《实战演练,拒绝996》 欢迎关注我博客,原创技术文章第一时间推出 也欢迎关注公 众 号【Ccww笔记】,同时推出 如果此文对你有帮助、喜欢的话,那就点个赞呗,点个关注呗! 《提升能力,涨薪可待篇》- @SpringBootApplication注解源码解析 一、@SpringBootApplication 的作用是什...
西游记团队中如果需要裁掉一个人,会先裁掉谁?
2019年互联网寒冬,大批企业开始裁员,下图是网上流传的一张截图: 裁员不可避免,那如何才能做到不管大环境如何变化,自身不受影响呢? 我们先来看一个有意思的故事,如果西游记取经团队需要裁员一名,会裁掉谁呢,为什么? 西游记团队组成: 1.唐僧 作为团队teamleader,有很坚韧的品性和极高的原则性,不达目的不罢休,遇到任何问题,都没有退缩过,又很得上司支持和赏识(直接得到唐太宗的任命,既给袈...
Python语言高频重点汇总
Python语言高频重点汇总 GitHub面试宝典仓库 回到首页 目录: Python语言高频重点汇总 目录: 1. 函数-传参 2. 元类 3. @staticmethod和@classmethod两个装饰器 4. 类属性和实例属性 5. Python的自省 6. 列表、集合、字典推导式 7. Python中单下划线和双下划线 8. 格式化字符串中的%和format 9. 迭代器和生成器 10...
究竟你适不适合买Mac?
我清晰的记得,刚买的macbook pro回到家,开机后第一件事情,就是上了淘宝网,花了500元钱,找了一个上门维修电脑的师傅,上门给我装了一个windows系统。。。。。。 表砍我。。。 当时买mac的初衷,只是想要个固态硬盘的笔记本,用来运行一些复杂的扑克软件。而看了当时所有的SSD笔记本后,最终决定,还是买个好(xiong)看(da)的。 已经有好几个朋友问我mba怎么样了,所以今天尽量客观
程序员一般通过什么途径接私活?
二哥,你好,我想知道一般程序猿都如何接私活,我也想接,能告诉我一些方法吗? 上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”,还有很多读者问过我类似这样的问题。 我接的私活不算多,挣到的钱也没有多少,加起来不到 20W。说实话,这个数目说出来我是有点心虚的,毕竟太少了,大家轻喷。但我想,恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉,我也算是有经验的人了。 唾弃接私活、做外
ES6基础-ES6的扩展
进行对字符串扩展,正则扩展,数值扩展,函数扩展,对象扩展,数组扩展。 开发环境准备: 编辑器(VS Code, Atom,Sublime)或者IDE(Webstorm) 浏览器最新的Chrome 字符串的扩展: 模板字符串,部分新的方法,新的unicode表示和遍历方法: 部分新的字符串方法 padStart,padEnd,repeat,startsWith,endsWith,includes 字...
Python爬虫爬取淘宝,京东商品信息
小编是一个理科生,不善长说一些废话。简单介绍下原理然后直接上代码。 使用的工具(Python+pycharm2019.3+selenium+xpath+chromedriver)其中要使用pycharm也可以私聊我selenium是一个框架可以通过pip下载 pip install selenium -i https://pypi.tuna.tsinghua.edu.cn/simple/ 
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
你知道的越多,你不知道的越多 点赞再看,养成习惯 本文 GitHub https://github.com/JavaFamily 已收录,有一线大厂面试点思维导图,也整理了很多我的文档,欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。 前前言 为啥今天有个前前言呢? 因为你们的丙丙啊,昨天有牌面了哟,直接被微信官方推荐,知乎推荐,也就仅仅是还行吧(心里乐开花)
Java工作4年来应聘要16K最后没要,细节如下。。。
前奏: 今天2B哥和大家分享一位前几天面试的一位应聘者,工作4年26岁,统招本科。 以下就是他的简历和面试情况。 基本情况: 专业技能: 1、&nbsp;熟悉Sping了解SpringMVC、SpringBoot、Mybatis等框架、了解SpringCloud微服务 2、&nbsp;熟悉常用项目管理工具:SVN、GIT、MAVEN、Jenkins 3、&nbsp;熟悉Nginx、tomca
Python爬虫精简步骤1 获取数据
爬虫的工作分为四步: 1.获取数据。爬虫程序会根据我们提供的网址,向服务器发起请求,然后返回数据。 2.解析数据。爬虫程序会把服务器返回的数据解析成我们能读懂的格式。 3.提取数据。爬虫程序再从中提取出我们需要的数据。 4.储存数据。爬虫程序把这些有用的数据保存起来,便于你日后的使用和分析。 这一篇的内容就是:获取数据。 首先,我们将会利用一个强大的库——requests来获取数据。 在电脑上安装
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东
破14亿,Python分析我国存在哪些人口危机!
2020年1月17日,国家统计局发布了2019年国民经济报告,报告中指出我国人口突破14亿。 猪哥的朋友圈被14亿人口刷屏,但是很多人并没有看到我国复杂的人口问题:老龄化、男女比例失衡、生育率下降、人口红利下降等。 今天我们就来分析一下我们国家的人口数据吧! 更多有趣分析教程,扫描下方二维码关注vx公号「裸睡的猪」 即可查看! 一、背景 1.人口突破14亿 2020年1月17日,国家统计局发布
web前端javascript+jquery知识点总结
Javascript javascript 在前端网页中占有非常重要的地位,可以用于验证表单,制作特效等功能,它是一种描述语言,也是一种基于对象(Object)和事件驱动并具有安全性的脚本语言 ,语法同java类似,是一种解释性语言,边执行边解释。 JavaScript的组成: ECMAScipt 用于描述: 语法,变量和数据类型,运算符,逻辑控制语句,关键字保留字,对象。 浏览器对象模型(Br
Qt实践录:开篇
本系列文章介绍笔者的Qt实践之路。
在家远程办公效率低?那你一定要收好这个「在家办公」神器!
相信大家都已经收到国务院延长春节假期的消息,接下来,在家远程办公可能将会持续一段时间。 但是问题来了。远程办公不是人在电脑前就当坐班了,相反,对于沟通效率,文件协作,以及信息安全都有着极高的要求。有着非常多的挑战,比如: 1在异地互相不见面的会议上,如何提高沟通效率? 2文件之间的来往反馈如何做到及时性?如何保证信息安全? 3如何规划安排每天工作,以及如何进行成果验收? ......
作为一个程序员,内存和磁盘的这些事情,你不得不知道啊!!!
截止目前,我已经分享了如下几篇文章: 一个程序在计算机中是如何运行的?超级干货!!! 作为一个程序员,CPU的这些硬核知识你必须会! 作为一个程序员,内存的这些硬核知识你必须懂! 这些知识可以说是我们之前都不太重视的基础知识,可能大家在上大学的时候都学习过了,但是嘞,当时由于老师讲解的没那么有趣,又加上这些知识本身就比较枯燥,所以嘞,大家当初几乎等于没学。 再说啦,学习这些,也看不出来有什么用啊!
这个世界上人真的分三六九等,你信吗?
偶然间,在知乎上看到一个问题 一时间,勾起了我深深的回忆。 以前在厂里打过两次工,做过家教,干过辅导班,做过中介。零下几度的晚上,贴过广告,满脸、满手地长冻疮。   再回首那段岁月,虽然苦,但让我学会了坚持和忍耐。让我明白了,在这个世界上,无论环境多么的恶劣,只要心存希望,星星之火,亦可燎原。   下文是原回答,希望能对你能有所启发。   如果我说,这个世界上人真的分三六九等,
为什么听过很多道理,依然过不好这一生?
记录学习笔记是一个重要的习惯,不希望学习过的东西成为过眼云烟。做总结的同时也是一次复盘思考的过程。 本文是根据阅读得到 App上《万维钢·精英日课》部分文章后所做的一点笔记和思考。学习是一个系统的过程,思维模型的建立需要相对完整的学习和思考过程。以下观点是在碎片化阅读后总结的一点心得总结。
B 站上有哪些很好的学习资源?
哇说起B站,在小九眼里就是宝藏般的存在,放年假宅在家时一天刷6、7个小时不在话下,更别提今年的跨年晚会,我简直是跪着看完的!! 最早大家聚在在B站是为了追番,再后来我在上面刷欧美新歌和漂亮小姐姐的舞蹈视频,最近两年我和周围的朋友们已经把B站当作学习教室了,而且学习成本还免费,真是个励志的好平台ヽ(.◕ฺˇд ˇ◕ฺ;)ノ 下面我们就来盘点一下B站上优质的学习资源: 综合类 Oeasy: 综合
雷火神山直播超两亿,Web播放器事件监听是怎么实现的?
Web播放器解决了在手机浏览器和PC浏览器上播放音视频数据的问题,让视音频内容可以不依赖用户安装App,就能进行播放以及在社交平台进行传播。在视频业务大数据平台中,播放数据的统计分析非常重要,所以Web播放器在使用过程中,需要对其内部的数据进行收集并上报至服务端,此时,就需要对发生在其内部的一些播放行为进行事件监听。 那么Web播放器事件监听是怎么实现的呢? 01 监听事件明细表 名
3万字总结,Mysql优化之精髓
本文知识点较多,篇幅较长,请耐心学习 MySQL已经成为时下关系型数据库产品的中坚力量,备受互联网大厂的青睐,出门面试想进BAT,想拿高工资,不会点MySQL优化知识,拿offer的成功率会大大下降。 为什么要优化 系统的吞吐量瓶颈往往出现在数据库的访问速度上 随着应用程序的运行,数据库的中的数据会越来越多,处理时间会相应变慢 数据是存放在磁盘上的,读写速度无法和内存相比 如何优化 设计
一条链接即可让黑客跟踪你的位置! | Seeker工具使用
搬运自:冰崖的部落阁(icecliffsnet) 严正声明:本文仅限于技术讨论,严禁用于其他用途。 请遵守相对应法律规则,禁止用作违法途径,出事后果自负! 上次写的防社工文章里边提到的gps定位信息(如何防止自己被社工或人肉) 除了主动收集他人位置信息以外,我们还可以进行被动收集 (没有技术含量) Seeker作为一款高精度地理位置跟踪工具,同时也是社交工程学(社会工程学)爱好者...
作为程序员的我,大学四年一直自学,全靠这些实用工具和学习网站!
我本人因为高中沉迷于爱情,导致学业荒废,后来高考,毫无疑问进入了一所普普通通的大学,实在惭愧...... 我又是那么好强,现在学历不行,没办法改变的事情了,所以,进入大学开始,我就下定决心,一定要让自己掌握更多的技能,尤其选择了计算机这个行业,一定要多学习技术。 在进入大学学习不久后,我就认清了一个现实:我这个大学的整体教学质量和学习风气,真的一言难尽,懂的人自然知道怎么回事? 怎么办?我该如何更好的提升
前端JS初级面试题二 (。•ˇ‸ˇ•。)老铁们!快来瞧瞧自己都会了么
1. 传统事件绑定和符合W3C标准的事件绑定有什么区别? 传统事件绑定 &lt;div onclick=""&gt;123&lt;/div&gt; div1.onclick = function(){}; &lt;button onmouseover=""&gt;&lt;/button&gt; 注意: 如果给同一个元素绑定了两次或多次相同类型的事件,那么后面的绑定会覆盖前面的绑定 (不支持DOM事...
相关热词 c#开发的dll注册 c#的反射 c# grid绑定数据源 c#多线程怎么循环 c# 鼠标左键 c# char占位符 c# 日期比较 c#16进制转换为int c#用递归求顺序表中最大 c#小型erp源代码
立即提问