在js中控制样式出现问题,求助。

在html页面需要显示以下数据

 <!--第一行数据-->
<div class="main_store_slide" style="margin-top:70px;">
  <div class="swiper-container swiper-container-horizontal swiper-container-free-mode">
    <div class="swiper-wrapper">
      <!--1-->
      <div class="swiper-slide swiper-slide-active lawyer_b" >
         <ul class="ul1" style="display: block;">
           <li class="s1">122</li> 
           <li class="s2">2323</li>  
        </ul> 
      </div>
      <!--2-->
     <div class="swiper-slide swiper-slide-next lawyer_b" >
        <ul class="ul1" style="display: block;">
           <li class="s1">3434</li> 
           <li class="s2">454</li>
        </ul> 
     </div>
     <!--3-->
     <div class="swiper-slide swiper-slide-next lawyer_b" >
        <ul class="ul1" style="display: block;">
           <li class="s1">334</li> 
           <li class="s2">343443</li>
        </ul> 
     </div>
     <!--4-->
     <div class="swiper-slide swiper-slide-next lawyer_b" >
        <ul class="ul1" style="display: block;">
           <li class="s1">12</li> 
           <li class="s2">34</li>
        </ul> 
     </div>
  </div>
</div>
</div>
<!--end第一行数据-->

<!--第二行数据-->
<div class="main_store_slide" style="margin-top:70px;">
  <div class="swiper-container swiper-container-horizontal swiper-container-free-mode">
    <div class="swiper-wrapper">
       <!--1-->
      <div class="swiper-slide swiper-slide-active lawyer_b" >
         <ul class="ul1" style="display: block;">
           <li class="s1">122</li> 
           <li class="s2">2323</li>  
        </ul> 
      </div>
      <!--2-->
     <div class="swiper-slide swiper-slide-next lawyer_b" >
        <ul class="ul1" style="display: block;">
           <li class="s1">3434</li> 
           <li class="s2">454</li>
        </ul> 
     </div>
     <!--3-->
     <div class="swiper-slide swiper-slide-next lawyer_b" >
        <ul class="ul1" style="display: block;">
           <li class="s1">334</li> 
           <li class="s2">343443</li>
        </ul> 
     </div>
     <!--4-->
     <div class="swiper-slide swiper-slide-next lawyer_b" >
        <ul class="ul1" style="display: block;">
           <li class="s1">12</li> 
           <li class="s2">34</li>
        </ul> 
     </div>
  </div>
</div>
</div>
<!--end第二行数据-->
……

因这些数据是从接口中读取,然后在页面上显示,
所以,在js中控制相关样式,如下所示:

 <script type="text/javascript">
<!--
    $(function(){

       var str=""
       var j=0;
       for(var i=0;i<18;i++){
             j++
            if(j%4==0){
               str+="<div class='main_store_slide' style='margin-top:70px;'>";
                 str+="<div class='swiper-container swiper-container-horizontal swiper-container-free-mode'>";
                 str+="<div class='swiper-wrapper'>";
             }
              str+="<div class=\"swiper-slide swiper-slide-active lawyer_b\" >";
              str+="<ul class=\"ul1\" style=\"display: block;\">";
                  str+="<li class=\"s1\">12</li>";
              str+="<li class=\"s2\">34</li>";  
                   str+=" </ul> </div>";
          if(j%4==0){ 
                 str+="</div>";
                 str+="</div>";
                 str+="</div>";
                  }

       }
 $("#divid").html(str);
    })

//-->
</script>

请问 以上 js中该 如何修改。
有试过 用 :nth-of-type ,发现 样式乱了。

5个回答

你结构都错了,加nth-of-type有什么用,用2层for不是好理解点

   $(function () {
        var str = ""
        for (var i = 0; i < 18; i += 4) {

            str += "<div class='main_store_slide' style='margin-top:70px;'>";
            str += "<div class='swiper-container swiper-container-horizontal swiper-container-free-mode'>";
            str += "<div class='swiper-wrapper'>";
            for (var j = i, k = i + 4; j < k; j++) {
                str += "<div class=\"swiper-slide swiper-slide-active lawyer_b\" >";
                str += "<ul class=\"ul1\" style=\"display: block;\">";
                str += "<li class=\"s1\">" + i + '-' + j + "</li>";
                str += "<li class=\"s2\">34</li>";
                str += " </ul> </div>";
            }

            str += "</div>";
            str += "</div>";
            str += "</div>";

        }
        $("#divid").html(str);
    });
showbo
支付宝加好友偷能量挖 第二层for改这样,忘记i最大值了for (var j = i, k = Math.min(i + 4, 18) ; j < k; j++) {
大约 2 年之前 回复

不推荐这种 直接拼接字符串的形式来操作 样式的问题吧

qw0907
快跑蜗牛哥 是不推荐使用这种,问题是公司,没有专门的前端,这些样式还是美工从网上拷贝下来的。
大约 2 年之前 回复

应该是你的class里面有空格导致的,因为是拼接的空格会将字符串隔开导致识别不出来class

不推荐这种 直接拼接字符串的形式来操作,现在有很多开源的 js template 模板渲染的。 artTemplate 可以看看这个,个人用了,还不错,而且支持ie8

可能是转义字符的问题

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
求助,使用 Javascript 实现 'min-width' 特性功能。
在样式表中使用了min-width和max-width的属性,在其他就浏览器都显示正常, 但是在ie8下就不正确了,百度上说使用 Javascript 实现 'min-width' 和 'max-width' 特性功能,可是没有代码?请问有没有相关的实现代码可以参考下?
有偿求助,新手上路,jsp跳转servlet出现404错误,求大佬帮助,有偿求助
![图片说明](https://img-ask.csdn.net/upload/201909/22/1569142924_2258.png)显示错误的页面。 jsp代码 <%@ page contentType="text/html;charset=UTF-8" language="java" %> <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>首页</title> <!-- 1. 导入CSS的全局样式 --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- 2. jQuery导入,建议使用1.9以上的版本 --> <script src="js/jquery-2.1.0.min.js"></script> <!-- 3. 导入bootstrap的js文件 --> <script src="js/bootstrap.min.js"></script> <script type="text/javascript"> </script> </head> <body> <div>${user.name},欢迎您</div> <div align="center"> <a href="${pageContext.request.contextPath}/userListServlet" style="text-decoration:none;font-size:33px">查询所有用户信息 </a> </div> </body> </html> servlet代码 package cn.itcast.web.servlet; import cn.itcast.domain.User; import cn.itcast.service.UserService; import cn.itcast.service.impl.UserServiceImpl; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io.IOException; import java.util.List; @WebServlet(name = "userListServlet") public class UserListServlet extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //1.调用UserService完成查询 UserService service = new UserServiceImpl(); List<User> users = service.findAll(); //2.将list存入request域 request.setAttribute("users",users); //3.转发到list.jsp request.getRequestDispatcher("/list.jsp").forward(request,response); } protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { }![图片说明](https://img-ask.csdn.net/upload/201909/22/1569143210_312516.png)![图片说明](https://img-ask.csdn.net/upload/201909/22/1569143252_580759.png) } web3.0以上应该不用配置web.xml文件,是自动配置的吧
用js写轮播图,运行结果不对,有假设问题,但是不知道怎么改~求助~
思路是向右移动的时候clone最后一个到第一个位置,重新获取li,设置li[0]marginLeft为负,慢慢向右移动,图片也慢慢改变样式...移动完毕后删除clone的节点,重新绑定节点事件 向左移同理 1.报错没有,问题是调用函数结果不对,大佬把我代码复制运行一波就知道了 (1)问题应该是获取li elements没对,这里我试过 var a=3;var a = 5,结果输出等于5...那我每次前进或者后退都有重新获取li....应该没错啊? 小白表示一脸懵,知道卡在那里但是不知道为什么会卡住 大佬复制运行一下点点就知道了 ``` <!DOCTYPE html> <HTML> <head> <script> height=320; imgHeight=300; width=200; mostLeft=-188; RL=12; size={ /* img 200 300 0 0 img1 170 255 22.500000000000004 15.000000000000002 img2 150 225 37.5 25 img3 120 180 60 40 */ "imgheight1":imgHeight*0.8, "imgheight2":imgHeight*0.7, "imgheight3":imgHeight*0.6, "imgwidth1":width*0.8, "imgwidth2":width*0.7, "imgwidth3":width*0.6, "imgheight1top":imgHeight*(1-0.8)/2, "imgheight2top":imgHeight*(1-0.7)/2, "imgheight3top":imgHeight*(1-0.6)/2, "img1left":width*(1-0.8)/2, "img2left":width*(1-0.7)/2, "img3left":width*(1-0.6)/2 } change={ "imgWidthChange":(size.imgwidth1-size.imgwidth2)/40, "imgHeightChange":(size.imgheight1-size.imgheight2)/40, "imgMTChange":(size.imgheight2top-size.imgheight3top)/40, "imgMLChange":(size.img2left-size.img3left)/40, "opacity":1/40 } function bdEvent(){ var li=document.querySelectorAll("#slider li"); li[0].addEventListener("click", before,true); li[1].addEventListener("click", before,true); li[3].addEventListener("click", next,true); li[4].addEventListener("click", next,true); } function basecss(){ var slider=document.getElementById("slider"); var ul=document.querySelector("#slider ul"); var li=document.querySelectorAll("#slider li"); var img=document.querySelectorAll("#slider img"); var a=document.querySelectorAll("#slider a"); img[0].style.backgroundColor="red"; img[1].style.backgroundColor="green"; img[2].style.backgroundColor="black"; img[3].style.backgroundColor="yellow"; img[4].style.backgroundColor="blue"; document.body.style.margin="0px"; document.body.style.padding="0px"; var left=(screen.width-1024)/2; slider.style.width="1024px"; slider.style.height=height+"px"; slider.style.marginTop="50px"; slider.style.marginLeft=left+"px"; <!-- slider.style.overflow="hidden"; --> ul.style.width="9999px"; ul.style.margin="0px"; ul.style.padding="0px"; li[0].style.marginLeft="12px"; for(var i=0;i<li.length;i++){ li[i].style.listStyle="none"; li[i].style.width=width+"px"; li[i].style.height=height+"px"; li[i].style.cssFloat="left"; a[i].style.display="block"; a[i].style.margin="0px auto"; a[i].style.width="40px"; a[i].style.height="20px"; img[i].style.cssFloat="left"; if(i==0||i==4){ img[i].style.width=size.imgwidth2+"px"; img[i].style.height=size.imgheight2+"px"; img[i].style.marginTop=size.imgheight2top+"px"; img[i].style.marginLeft=size.img2left+"px"; } else if(i==1||i==3){ img[i].style.width=size.imgwidth1+"px"; img[i].style.height=size.imgheight1+"px"; img[i].style.marginTop=size.imgheight1top+"px"; img[i].style.marginLeft=size.img1left+"px"; }else if(i==2){ img[i].style.width=width+"px"; img[i].style.height=imgHeight+"px"; }else{ img[i].style.width=size.imgwidth3+"px"; img[i].style.height=size.imgheight3+"px"; img[i].style.marginTop=size.imgheight3top+"px"; img[i].style.marginLeft=size.img3left+"px"; } } } function next(){ var ul=document.querySelector("#slider ul"); var li=document.querySelectorAll("#slider li"); var img=document.querySelectorAll("img"); //copy最后一个放到最前面然后删除最后一个 var first=li[li.length-1].cloneNode(true); ul.insertBefore(first,li[0]); //改过后重新 获取li var li=document.querySelectorAll("#slider li"); var img=document.querySelectorAll("#slider img"); var mostLeft=-188; li[0].style.marginLeft=mostLeft+"px"; li[1].style.marginLeft="0px"; var pyl=5,imgWidthChange=0,imgHeightChange=0,imgMTChange=0,imgMLChange=0,opacity=1/40; /* img 200 300 0 0 img1 160 240 20 30 img2 140 210 30 45 img3 120 180 40 60 */ function add(){ if(parseInt(li[0].style.marginLeft)<12){ li[0].style.marginLeft=mostLeft+pyl+"px"; pyl+=5; imgWidthChange+=change.imgWidthChange; imgHeightChange+=change.imgHeightChange; imgMTChange+=change.imgMTChange; imgMLChange+=change.imgMLChange; opacity+=change.opacity; for(var i=0;i<6;i++){ switch(i){ case 0: li[i].style.opacity=opacity; img[i].style.width=size.imgwidth3+imgWidthChange+"px"; img[i].style.height=size.imgheight3+imgHeightChange+"px"; img[i].style.marginTop=size.imgheight3top+imgMTChange+"px"; img[i].style.marginLeft=size.img3left+imgMLChange+"px"; break case 1: img[i].style.width=size.imgwidth2+imgWidthChange+"px"; img[i].style.height=size.imgheight2+imgHeightChange+"px"; img[i].style.marginTop=size.imgheight2top+imgMTChange+"px"; img[i].style.marginLeft=size.img2left+imgMLChange+"px"; break case 2: img[i].style.width=size.imgwidth1+imgWidthChange*2+"px"; img[i].style.height=size.imgheight1+imgHeightChange*2+"px"; img[i].style.marginTop=size.imgheight1top+imgMTChange*2+"px"; img[i].style.marginLeft=size.img1left+imgMLChange*2+"px"; break case 3: img[i].style.width=width-imgWidthChange*2+"px"; img[i].style.height=imgHeight-imgHeightChange*2+"px"; img[i].style.marginTop=-imgMTChange*2+"px"; img[i].style.marginLeft=-imgMLChange*2+"px"; break case 4: img[i].style.width=size.imgwidth1-imgWidthChange+"px"; img[i].style.height=size.imgheight1-imgHeightChange+"px"; img[i].style.marginTop=size.imgheight1top-imgMTChange+"px"; img[i].style.marginLeft=size.img1left-imgMLChange+"px"; break case 5: img[i].style.width=size.imgwidth3-imgWidthChange+"px"; img[i].style.height=size.imgheight3-imgHeightChange+"px"; img[i].style.marginTop=size.imgheight2top+imgMTChange+"px"; img[i].style.marginLeft=size.img2left+imgMLChange+"px"; li[i].style.opacity=opacity; break } } var go=setTimeout(function(){add();},1000/60); } else{ ul.removeChild(li[li.length-1]); clearTimeout(go); bdEvent(); } } var go=setTimeout(function(){add();},1000/60); } function before(){ var ul=document.querySelector("#slider ul"); var li=document.querySelectorAll("#slider li"); var img=document.querySelectorAll("img"); //copy最后一个放到最前面然后删除最后一个 var last=li[0].cloneNode(true); ul.appendChild(last); console.log("6"); //重新获取li var li=document.querySelectorAll("#slider li"); var img=document.querySelectorAll("img"); var pyl=0,imgWidthChange=0,imgHeightChange=0,imgMTChange=0,imgMLChange=0,opacity=1/40; <!-- console.log(change.imgMTChange); --> /* 3 2 1 0 1 2 3 img 200 300 0 0 img1 160 240 20 30 img2 140 210 30 45 img3 120 180 40 60 */ function add(){ //重新获取后最左边 if(parseInt(li[0].style.marginLeft)>mostLeft){ li[0].style.marginLeft=RL+pyl+"px"; pyl=pyl-5; imgWidthChange+=change.imgWidthChange; imgHeightChange+=change.imgHeightChange; imgMTChange+=change.imgMTChange; imgMLChange+=change.imgMLChange; opacity+=change.opacity; for(var i=0;i<6;i++){ switch(i){ case 0: img[i].style.width=size.imgwidth2-imgWidthChange+"px"; img[i].style.height=size.imgheight2-imgHeightChange+"px"; img[i].style.marginTop=size.imgheight2top+imgMTChange+"px"; img[i].style.marginLeft=size.img2left+imgMLChange+"px"; li[i].style.opacity=1-opacity; break; case 1: img[i].style.width=size.imgwidth1-imgWidthChange+"px"; img[i].style.height=size.imgheight1-imgHeightChange+"px"; img[i].style.marginTop=size.imgheight1top-imgMTChange+"px"; img[i].style.marginLeft=size.img1left-imgMLChange+"px"; break; case 2: img[i].style.width=width-imgWidthChange*2+"px"; img[i].style.height=imgHeight-imgHeightChange*2+"px"; img[i].style.marginTop=-imgMTChange*2+"px"; img[i].style.marginLeft=-imgMLChange*2+"px"; break; case 3: img[i].style.width=size.imgwidth1+imgWidthChange*2+"px"; img[i].style.height=size.imgheight1+imgHeightChange*2+"px"; img[i].style.marginTop=size.imgheight1top+imgMTChange*2+"px"; img[i].style.marginLeft=size.img1left+imgMLChange*2+"px"; break; case 4: img[i].style.width=size.imgwidth2+imgWidthChange+"px"; img[i].style.height=size.imgheight2+imgHeightChange+"px"; img[i].style.marginTop=size.imgheight2top+imgMTChange+"px"; img[i].style.marginLeft=size.img2left+imgMLChange+"px"; break; case 5: li[i].style.opacity=opacity; img[i].style.width=size.imgwidth3+imgWidthChange+"px"; img[i].style.height=size.imgheight3+imgHeightChange+"px"; img[i].style.marginTop=size.imgheight3top+imgMTChange+"px"; img[i].style.marginLeft=size.img3left+imgMLChange+"px"; break; } } } else{ clearInterval(back); ul.removeChild(li[0]); bdEvent(); } } var back=setInterval(add,1000/60) } window.onload = function(){ basecss(); bdEvent(); } </script> </head> <body> <div id="slider"> <ul> <li> <img > <a>0000</a> </li> <li> <img > <a>0000</a> </li> <li> <img > <a>0000</a> </li> <li> <img > <a>0000</a> </li> <li> <img > <a>0000</a> </li> </ul> </div> </body> </HTML> ```
求助大佬淘淘商城访问后台Jsp报错jquery-easyui.min.js报错404错误
![图片说明](https://img-ask.csdn.net/upload/201909/24/1569284245_723951.png) ![图片说明](https://img-ask.csdn.net/upload/201909/24/1569284254_253961.png) ![图片说明](https://img-ask.csdn.net/upload/201909/24/1569284261_489003.png) 昨天找过好多帖子的方法,都试过了,都还是没有用,后台js样式还是没有了。
uniapp 项目打包后端运行后部分css失效?
求助下大家,下面说明问题: 1.h5项目本地运行调试正常。 2.打包后直接上传到云存储空间,调试运行正常。 3.上传至后端php环境后,有一部分css样式失效,(后端为tp5,环境在微信公众号网页内)。 有人碰到过是什么问题引起的吗?
SEC7113: CSS 因 Mime 类型不匹配而被忽略,怎么解决?(新手求助)
在火狐、谷歌都可以正常的显示。在别人的IE浏览器(相同版本)上也可以显示,但是在自己电脑上的IE浏览器就完全不能加载样式了,控制台报告 SEC7113: CSS 因 Mime 类型不匹配而被忽略。我仔细检查了样式引入格式,是按照标准写法引入的。请各位大神指点下小弟,应该如何解决?
openlayers标绘lineString,边框的样式
![重要天气预告图](https://img-ask.csdn.net/upload/201911/15/1573806483_636007.png) 有一个需求,给的数据可以用linestring画出来,但是边框需要按照途中标注的用曲线表示,有点类似linedash的只是把虚线要绘制成途中的样式,求助各位有好的方法吗。openlayers的ol.style.stroke目前看来只找到了用canvas画布来自定义边框但是效果不理想..canvas设置的边框样例http://viglino.github.io/ol-ext/examples/style/map.style.strokepattern.html
element表格滚动条问题
如图: ![图片说明](https://img-ask.csdn.net/upload/201905/08/1557277773_783057.png) ![图片说明](https://img-ask.csdn.net/upload/201905/08/1557277783_289420.png) 修改了表格原有的滚动条样式(宽度变窄),但是原有的宽度还有留在那里,我的操作栏那一列是固定fixed的,所以最右边就会留下缝隙,横向滚动来回滚动时也会出现缝隙 ============== 贴上滚动条样式代码 ![图片说明](https://img-ask.csdn.net/upload/201905/08/1557278303_501095.png) 操作栏列代码 ``` <el-table-column align="center" label="操作栏" width="140" fixed="right"> <template slot-scope="scope"> <el-button size="mini" plain type="primary" >编辑</el-button> <el-button size="mini" plain type="danger" >删除</el-button> </template> </el-table-column> ``` 求助。。。。
需要做一个网站,却被困难拦住了
我是要做一个购物的网站来作为期末作业,有一点小问题遇到和一些想用的小技巧却不知道怎么去用。 例如: 搜索框的DIV+CSS样式和JS效果不理想 折叠菜单JS效果没有完成 其他一些布局也有瑕疵 希望有大神来帮帮我 这是我第一次来求助 可以的话请假我QQ593921602 不胜感谢!!!!!
求助:find(":input").attr("checked",false); 只执行一次。
<meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script type="text/javascript" src="jquery-1.11.1.js"></script> <style type="text/css"> table { border: 0; border-collapse: collapse; } td { font: normal 12px/17px Arial; padding: 2px; width: 100px; } th { font: bold 12px/17px Arial; text-align: left; padding: 4px; border-bottom: 1px solid #333; } .dan { background: #fc0; } .ou { background: #0ff; } .ed { background: #669; color: #fff; } </style> <script type="text/javascript"> $(function(){ //设置偶数行和奇数行 //$("table tbody tr:odd").addClass("ou"); $("tbody>tr:odd").addClass("ou"); $("tbody>tr:even").addClass("dan"); $("tbody>tr:has(:checked)").addClass("ed"); //搜索被选中的行 has(:checked) $('tbody>tr').click(function(){ var hasend=$(this).hasClass("ed"); ///* if(hasend){ $(this).removeClass("ed").find(":input").attr("checked",false); }else{ $(this).addClass("ed").find(":input").attr("checked",true); } //*/ //$(this)[hasend?"removeClass":"addClass"]("ed").find(":input").attr("checked",!hasend); //尝试换成这种方式同样是只能选中勾上,不选中勾去掉,再选中就不起作用了 }) //遍历指定触发函数 // // // }) </script> <table> <tr> <th></th> <th>标题</th> <th>时间</th> <th>地点</th> </tr> <tbody> <tr> <td><input type="checkbox" name="choice" value=""/></td> <td>视频1</td> <td>2011</td> <td>上海</td> </tr> <tr> <td><input type="checkbox" name="choice" value="" /></td> <td>视频1</td> <td>2012</td> <td>上海2</td> </tr> <tr> <td><input type="checkbox" name="choice" value="" /></td> <td>视频1</td> <td>2011</td> <td>上海</td> </tr> <tr> <td><input type="checkbox" name="choice" value="" /></td> <td>视频1</td> <td>2012</td> <td>上海2</td> </tr> <tr> <td><input type="checkbox" name="choice" value="" /></td> <td>视频1</td> <td>2011</td> <td>上海</td> </tr> </tbody> </table>
[腾讯地图]点击某一个Marker,然后样式更改。怎样让非点击的Marker样式回复原状?
最近在捣鼓腾讯地图,然后,产品经理要求——Marker的状态有2种,选中和未选中。当我点击其中一个标注的时候,样式就更替的选中样式,如果之前有选中的就恢复成未选中样式。 尝试了几种我所想的办法,都不行;开发文档上也没有。特来求助各位,如果这能实现,该怎么实现?最好有代码可以让我参考一下~ ``` const latlngs = []; const test = []; let datas; if (this.allProjects) { datas = this.allProjects; for (let j = 0; j < this.allProjects.length; j++) { latlngs.push(new qq.maps.LatLng(this.allProjects[j].maLat, this.allProjects[j].maLng)); test.push(new qq.maps.LatLng(this.allProjects[j].maLat, this.allProjects[j].maLng)); } } for (let i = 0; i < latlngs.length; i++) { // 判断,以便显示不一样的图标 if (this.allProjects[i].hasParkingLot()) { let marker = new qq.maps.Marker({ icon: noSelectedIcon, position: latlngs[i], map: this.map }); qq.maps.event.addListener(marker, 'click', () => { infoWin.open(); infoWin.setContent('<div style="text-align:center;white-space:' + 'nowrap;margin:10px;font-size:0.2rem;">这是' + datas[i].maName + '</div>'); infoWin.setPosition(latlngs[i]); this.map.panTo(latlngs[i]); // 移动地图中心 this.selectedProject = datas[i]; // debugger this.markerSelect = marker; marker.setIcon(selectedIcon); }); } } ``` 就是这样子,按照腾讯地图给的API以及示例方法,我将坐标组里面的点都循环显示出来,于是,每一个点击的marker都是点击到的单个信息并不是好几个含在其中。但是,每次一更改图标设置marker.setIcon都是一次性修改全部,无语了。 这种怎么破解?
求助,左边菜单导航,右边ifrname实现数据展示?
现在问题是右边空白区域DIV不能平铺,我改变它大小也不能改变,该模版我是网上下的,但是自己怎么改都改不出来!大神帮我看看!![图片说明](https://img-ask.csdn.net/upload/201706/16/1497598842_760020.png)我现在要的效果是右边能 铺满和左边菜单对齐! 以下是JSP代码 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>租赁管理首页</title> <link rel="stylesheet" href="css/index.css" type="text/css" /> </head> <body id="bg"> <!-- <div class="top1"> <h1 align="center" style="font-size: 20px; color: #ffffff">涛涛租赁系统</h1> </div> --> <div class="container"> <div class="leftsidebar_box"> <div class="line"></div> <dl class="system_log"> <dt onClick="changeImage()"> 系统记录<img src="images/left/select_xl01.png"> </dt> <dd class="first_dd"> <a href="#">充值记录</a> </dd> <dd> <a href="#">短信充值记录</a> </dd> <dd> <a href="#">消费记录</a> </dd> <dd> <a href="#">操作记录</a> </dd> </dl> <dl class="custom"> <dt onClick="changeImage()"> 房东管理<img src="images/left/select_xl01.png"> </dt> <dd class="first_dd"> <a href="page/add.jsp" target="main">新增房东</a> </dd> <dd> <a href="page/update.jsp" target="main">修改房东</a> </dd> <dd> <a href="#" target="main">查看房东</a> </dd> <dd> <a href="#" target="main">删除房东</a> </dd> </dl> <dl class="channel"> <dt> 渠道管理<img src="images/left/select_xl01.png"> </dt> <dd class="first_dd"> <a href="#">渠道主页</a> </dd> <dd> <a href="#">渠道标准管理</a> </dd> <dd> <a href="#">系统通知</a> </dd> <dd> <a href="#">渠道商管理</a> </dd> <dd> <a href="#">渠道商链接</a> </dd> </dl> <dl class="app"> <dt onClick="changeImage()"> APP管理<img src="images/left/select_xl01.png"> </dt> <dd class="first_dd"> <a href="#">App运营商管理</a> </dd> <dd> <a href="#">开放接口管理</a> </dd> <dd> <a href="#">接口类型管理</a> </dd> </dl> <dl class="cloud"> <dt> 大数据云平台<img src="images/left/select_xl01.png"> </dt> <dd class="first_dd"> <a href="#">平台运营商管理</a> </dd> </dl> <dl class="syetem_management"> <dt> 系统管理<img src="images/left/select_xl01.png"> </dt> <dd class="first_dd"> <a href="#">后台用户管理</a> </dd> <dd> <a href="#">角色管理</a> </dd> <dd> <a href="#">客户类型管理</a> </dd> <dd> <a href="#">栏目管理</a> </dd> <dd> <a href="#">微官网模板组管理</a> </dd> <dd> <a href="#">商城模板管理</a> </dd> <dd> <a href="#">微功能管理</a> </dd> <dd> <a href="#">修改用户密码</a> </dd> </dl> <dl class="source"> <dt> 素材库管理<img src="images/left/select_xl01.png"> </dt> <dd class="first_dd"> <a href="#">图片库</a> </dd> <dd> <a href="#">链接库</a> </dd> <dd> <a href="#">推广管理</a> </dd> </dl> <dl class="statistics"> <dt> 统计分析<img src="images/left/select_xl01.png"> </dt> <dd class="first_dd"> <a href="#">客户统计</a> </dd> </dl> </div> </div> <div class="rt" style="width:400px; height: 400px; float: right;"> <iframe name="main" frameborder="-1" scrolling="no"></iframe> </div> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> $(".leftsidebar_box dt").css({ "background-color" : "#3992d0" }); $(".leftsidebar_box dt img").attr("src", "images/left/select_xl01.png"); $(function() { $(".leftsidebar_box dd").hide(); $(".leftsidebar_box dt").click( function() { $(".leftsidebar_box dt").css({ "background-color" : "#3992d0" }) $(this).css({ "background-color" : "#317eb4" }); $(this).parent().find('dd').removeClass("menu_chioce"); $(".leftsidebar_box dt img").attr("src", "images/left/select_xl01.png"); $(this).parent().find('img').attr("src", "images/left/select_xl.png"); $(".menu_chioce").slideUp(); $(this).parent().find('dd').slideToggle(); $(this).parent().find('dd').addClass("menu_chioce"); }); }) </script> </body> </html> 以下是CSS样式: @CHARSET "UTF-8"; body { margin: 0; padding: 0; overflow-x: hidden; } img { border: none; } * { font-family: '微软雅黑'; font-size: 12px; color: #626262; } dl, dt, dd { display: block; margin: 0; } a { text-decoration: none; } #bg { background-image: url(../images/content/dotted.png); } .container { width: 100%; height: 100%; margin: auto; } /*left*/ .top1 { width: 100%; height: 50px; background-color: #3992d0; } .leftsidebar_box { width: 160px; height: auto !important; overflow: visible !important; position: fixed; height: 100% !important; background-color: #3992d0; } .line { height: 2px; width: 100%; background-image: url(images/left/line_bg.png); background-repeat: repeat-x; } .leftsidebar_box dt { padding-left: 40px; padding-right: 10px; background-repeat: no-repeat; background-position: 10px center; color: #f5f5f5; font-size: 14px; position: relative; line-height: 48px; cursor: pointer; } .leftsidebar_box dd { background-color: #317eb4; padding-left: 40px; } .leftsidebar_box dd a { color: #f5f5f5; line-height: 20px; } .leftsidebar_box dt img { position: absolute; right: 10px; top: 20px; } .system_log dt { background-image: url(images/left/system.png) } .custom dt { background-image: url(images/left/custom.png) } .channel dt { background-image: url(images/left/channel.png) } .app dt { background-image: url(images/left/app.png) } .cloud dt { background-image: url(images/left/cloud.png) } .syetem_management dt { background-image: url(images/left/syetem_management.png) } .source dt { background-image: url(images/left/source.png) } .statistics dt { background-image: url(images/left/statistics.png) } .leftsidebar_box dl dd:last-child { padding-bottom: 10px; } /*right*/ .rt { float: right; }
求助:哪位大神帮我实现下点击修改按钮弹出弹框并且里面自动获取值
我用的是hibernate+springMvc+maven实现的demo想要点击首页列表显示的数据后面的修改按钮可以弹出一个弹框,弹框力量有input文本框 ,弹框出现的时候里面自动有要修改的那一条数据的值 页面: ``` <%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> <!DOCTYPE html> <html lang="en" class="no-js"> <head> <base href="<%=basePath%>" /> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Sidebar Transitions</title> <meta name="description" content="Sidebar Transitions: Transition effects for off-canvas views" /> <meta name="keywords" content="transition, off-canvas, navigation, effect, 3d, css3, smooth" /> <link rel="stylesheet" type="text/css" href="static/test/css/normalize.css" /> <link rel="stylesheet" type="text/css" href="static/test/css/demo.css" /> <!-- 样式 --> <link rel="stylesheet" type="text/css" href="static/test/css/component.css" /> <link rel="stylesheet" href="static/css/pintuer.css" /> <link rel="stylesheet" href="static/css/admin.css"> <link rel="stylesheet" href="static/css/main.css" type="text/css" /> <script src="static/test/js/modernizr.custom.js"></script> <style> #pop { width: 300px; height: 400px; border: solid 1px #000; position: fixed; left: 50%; top: 50%; margin-left: -150px; margin-top: -200px; border: solid 1px #000; border-radius: 5px; background: #fff; display: none; z-index: 22 } #lightbox { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; filter: alpha(opacity = 50); opacity: .5; display: none } </style> </head> <body id="7" style="background-image: url('static/images/bj3.jpg');"> <div id="st-container" class="st-container"> <!-- example menus these menus will be on top of the push wrapper --> <nav class="st-menu st-effect-11" id="menu-11"> <h2 class="icon icon-lab">Column</h2> <ul> <li><a class="icon icon-group (alias)" href="mian">首页</a></li> <li><a class="icon icon-plus" href="add">增加</a></li> <li><a class="icon icon-edit (alias)" href="#">修改</a></li> <li><a class="icon icon-thumb-tack" href="#">待定</a></li> <li><a class="icon icon-wrench" href="#">测试</a></li> </ul> </nav> <!-- content push wrapper --> <div class="st-pusher" id="5"> <div class="st-content" id="4"> <!-- this is the wrapper for the content --> <div class="st-content-inner" id="3"> <header class="codrops-header"> <h1 style="color: #48a770"> ChenHonest Administrate <span>User information management case</span> </h1> </header> <div class="main clearfix" id="2"> <div id="st-trigger-effects" class="column" style="padding-left: 0px; padding-right: 18px;"> <form action="vague" method="post"> <div class="form-group"> <div class="field"> <div class="input-group"> <span class="addbtn"> <button type="button" class="button bg-green-light icon-search"></button> </span> <input id="vague" type="text" class="input" name="name" size="50" placeholder="用户名关键词" /><span class="addbtn"> <button type="submit" class="button bg-green-light">搜索</button> </span> </div> </div> </div> </form> <br> <table class="table table-hover" style="line-height: 35px; color: #48a770;"> <tr> <th width="400">用户名</th> <th width="600">昵称</th> <th width="200">年龄</th> <th width="1000">操作</th> </tr> <c:if test="${empty list}"> <tr style="height: 340px;"> <td align="center" colspan=4><h3>未找到内容</h3></td> </tr> </c:if> <c:forEach var="item" items="${list}"> <tr id="content"> <th width="400"><a href="con?id=${item.id}">${item.name }</a></th> <th width="600"><a href="upd?id=${item.id}">${item.nice_name }</a></th> <th width="200"><a href="upd?id=${item.id}">${item.age }</a></th> <th width="1000"><a class="button border-dot button-little" href="delete?id=${item.id}" onclick="return confirm('确认删除?')">删除</a> <a class="button border-dot button-little" href="#" onclick="return PopLayer(this)">修改</a></th> </tr> </c:forEach> </table> <br> <div> <ul class="pagination border-mix" style="width: 441px; padding-right: 120px;"> <li class="disabled"><a href="#">«</a></li> <li><a href="#">1</a></li> <li class="active"><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">»</a></li> </ul> </div> <br> <button data-effect="st-effect-11">更多功能</button> </div> <div class="column" style="color: #48a770"> <p>显示内容</p> <p>Here is some inspiration for showing them in style using CSS transitions.</p> <a href="test" class="button border-dot">测试</a> </div> </div> </div> </div> </div> </div> <script src="static/test/js/classie.js"></script> <script src="static/test/js/sidebarEffects.js"></script> <div id="lightbox"></div> <div id="pop"> <form> <table width="100%" border="0" cellpadding="5" cellspacing="5"> <tr> <td colspan="2">修改用户</td> </tr> <tr> <td align="right">用户名:</td> <td><input type="text" name="name" /></td> </tr> <tr> <td align="right">昵 称:</td> <td><input type="text" name="nickname" /></td> </tr> <tr> <td align="right">年 龄:</td> <td><input type="text" name="age" /></td> </tr> <tr> <td colspan="2" align="right"><input type="button" value="保存" /> <input type="button" value="关闭" onclick="PopLayer()" /></td> </tr> </table> </form> </div> <script> var pop = document.getElementById('pop'), popf = pop .getElementsByTagName('form')[0], lightbox = document .getElementById('lightbox') function PopLayer(obj) { lightbox.style.display = pop.style.display = obj ? 'block' : 'none'; if (obj) {//点击修改 var tr = obj.parentNode.parentNode popf.name.value = tr.cells[0].innerHTML popf.nickname.value = tr.cells[1].innerHTML popf.age.value = tr.cells[2].innerHTML } return false } </script> </body> </html> ``` dao层 ``` /* * @(#) usersDaoImpl.java 2015年12月9日 * * Copyright (c) 2015,RongHui Technology. All Rights Reserved. * WWW.RHTECH.NET CONFIDENTIAL */ package com.ronghui.dao; import java.util.List; import javax.annotation.Resource; import org.hibernate.Query; import org.hibernate.Session; import org.hibernate.SessionFactory; import org.springframework.stereotype.Repository; import com.ronghui.model.User; @Repository("usersDao") public class usersDaoImpl implements usersDao { // extends BaseDaoImpl<UserEntity, Integer> @Resource protected SessionFactory sessionFactory; public Session getSession() { return sessionFactory.getCurrentSession(); } public void setSessionFactory(SessionFactory sessionFactory) { this.sessionFactory = sessionFactory; } //显示 @Override public List<User> listInfo() { // TODO Auto-generated method stub String hql="from User"; Query query=(Query)this.getSession().createQuery(hql); List<User> list=query.list(); return list; } public void update(User user){ String hql="update User set age=? ,nice_name=? ,name=?, pwd=?,content=? where id=?"; Query query=this.getSession().createQuery(hql); query.setInteger(0, user.getAge()); query.setString(1, user.getNice_name()); query.setString(2, user.getName()); query.setString(3, user.getPwd()); query.setString(4, user.getPwd()); query.setInteger(5, user.getId()); query.executeUpdate(); } } ``` service层没什么我就不放了 controller ``` /** * */ package com.ronghui.controller; import java.util.HashMap; import java.util.List; import java.util.Map; import javax.annotation.Resource; import javax.servlet.http.HttpServletRequest; import org.springframework.stereotype.Controller; import org.springframework.ui.ModelMap; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.bind.annotation.ResponseBody; import com.ronghui.model.User; import com.ronghui.service.usersService; @Controller public class UserController { @Resource private usersService usersService; private String name; // list显示 @RequestMapping(value = "/mian", method = RequestMethod.GET) public String userlogin(ModelMap model) { List list = usersService.listInfo(); model.addAttribute("list", list); return "mian"; } @RequestMapping("update") public String update(int id, String name, String nice_name, String pwd, int age,String content) { User user = new User(); user.setId(id); user.setName(name); user.setNice_name(nice_name); user.setAge(age); user.setPwd(pwd); user.setContent(content); usersService.update(user); return "redirect:mian"; } } ``` 修改的方法都是可以实现的 就差大神们帮我加个点击就有弹框 类似下面图片的 样式不重要 只要能实现就可以了 拜托各位大神0.0 ![图片说明](https://img-ask.csdn.net/upload/201512/17/1450318143_309578.png) ![图片说明](https://img-ask.csdn.net/upload/201512/17/1450329569_6383.png)
终于明白阿里百度这样的大公司,为什么面试经常拿ThreadLocal考验求职者了
点击上面↑「爱开发」关注我们每晚10点,捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类,各个线程都拥有一份线程私...
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小人工智障。 思路可以运用在不同地方,主要介绍的是思路。
面试官问我:什么是消息队列?什么场景需要他?用了会出现什么问题?
你知道的越多,你不知道的越多 点赞再看,养成习惯 GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图、个人联系方式和人才交流群,欢迎Star和完善 前言 消息队列在互联网技术存储方面使用如此广泛,几乎所有的后端技术面试官都要在消息队列的使用和原理方面对小伙伴们进行360°的刁难。 作为一个在互联网公司面一次拿一次Offer的面霸...
8年经验面试官详解 Java 面试秘诀
作者 |胡书敏 责编 | 刘静 出品 | CSDN(ID:CSDNnews) 本人目前在一家知名外企担任架构师,而且最近八年来,在多家外企和互联网公司担任Java技术面试官,前后累计面试了有两三百位候选人。在本文里,就将结合本人的面试经验,针对Java初学者、Java初级开发和Java开发,给出若干准备简历和准备面试的建议。 Java程序员准备和投递简历的实...
究竟你适不适合买Mac?
我清晰的记得,刚买的macbook pro回到家,开机后第一件事情,就是上了淘宝网,花了500元钱,找了一个上门维修电脑的师傅,上门给我装了一个windows系统。。。。。。 表砍我。。。 当时买mac的初衷,只是想要个固态硬盘的笔记本,用来运行一些复杂的扑克软件。而看了当时所有的SSD笔记本后,最终决定,还是买个好(xiong)看(da)的。 已经有好几个朋友问我mba怎么样了,所以今天尽量客观...
MyBatis研习录(01)——MyBatis概述与入门
MyBatis 是一款优秀的持久层框架,它支持定制化 SQL、存储过程以及高级映射。MyBatis原本是apache的一个开源项目iBatis, 2010年该项目由apache software foundation 迁移到了google code并改名为MyBatis 。2013年11月MyBatis又迁移到Github。
程序员一般通过什么途径接私活?
二哥,你好,我想知道一般程序猿都如何接私活,我也想接,能告诉我一些方法吗? 上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”,还有很多读者问过我类似这样的问题。 我接的私活不算多,挣到的钱也没有多少,加起来不到 20W。说实话,这个数目说出来我是有点心虚的,毕竟太少了,大家轻喷。但我想,恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉,我也算是有经验的人了。 唾弃接私活、做外...
Python爬虫爬取淘宝,京东商品信息
小编是一个理科生,不善长说一些废话。简单介绍下原理然后直接上代码。 使用的工具(Python+pycharm2019.3+selenium+xpath+chromedriver)其中要使用pycharm也可以私聊我selenium是一个框架可以通过pip下载 pip installselenium -ihttps://pypi.tuna.tsinghua.edu.cn/simple/ ...
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
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 获取数据
爬虫,从本质上来说,就是利用程序在网上拿到对我们有价值的数据。 爬虫能做很多事,能做商业分析,也能做生活助手,比如:分析北京近两年二手房成交均价是多少?广州的Python工程师平均薪资是多少?北京哪家餐厅粤菜最好吃?等等。 这是个人利用爬虫所做到的事情,而公司,同样可以利用爬虫来实现巨大的商业价值。比如你所熟悉的搜索引擎——百度和谷歌,它们的核心技术之一也是爬虫,而且是超级爬虫。 从搜索巨头到人工...
Python绘图,圣诞树,花,爱心 | Turtle篇
每周每日,分享Python实战代码,入门资料,进阶资料,基础语法,爬虫,数据分析,web网站,机器学习,深度学习等等。 公众号回复【进群】沟通交流吧,QQ扫码进群学习吧 微信群 QQ群 1.画圣诞树 import turtle screen = turtle.Screen() screen.setup(800,600) circle = turtle.Turtle()...
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东...
破14亿,Python分析我国存在哪些人口危机!
一、背景 二、爬取数据 三、数据分析 1、总人口 2、男女人口比例 3、人口城镇化 4、人口增长率 5、人口老化(抚养比) 6、各省人口 7、世界人口 四、遇到的问题 遇到的问题 1、数据分页,需要获取从1949-2018年数据,观察到有近20年参数:LAST20,由此推测获取近70年的参数可设置为:LAST70 2、2019年数据没有放上去,可以手动添加上去 3、将数据进行 行列转换 4、列名...
web前端javascript+jquery知识点总结
1.Javascript 语法.用途 javascript 在前端网页中占有非常重要的地位,可以用于验证表单,制作特效等功能,它是一种描述语言,也是一种基于对象(Object)和事件驱动并具有安全性的脚本语言 ...
Python实战:抓肺炎疫情实时数据,画2019-nCoV疫情地图
今天,群里白垩老师问如何用python画武汉肺炎疫情地图。白垩老师是研究海洋生态与地球生物的学者,国家重点实验室成员,于不惑之年学习python,实为我等学习楷模。先前我并没有关注武汉肺炎的具体数据,也没有画过类似的数据分布图。于是就拿了两个小时,专门研究了一下,遂成此文。
听说想当黑客的都玩过这个Monyer游戏(1~14攻略)
第零关 进入传送门开始第0关(游戏链接) 请点击链接进入第1关: 连接在左边→ ←连接在右边 看不到啊。。。。(只能看到一堆大佬做完的留名,也能看到菜鸡的我,在后面~~) 直接fn+f12吧 &lt;span&gt;连接在左边→&lt;/span&gt; &lt;a href="first.php"&gt;&lt;/a&gt; &lt;span&gt;←连接在右边&lt;/span&gt; o...
在家远程办公效率低?那你一定要收好这个「在家办公」神器!
相信大家都已经收到国务院延长春节假期的消息,接下来,在家远程办公可能将会持续一段时间。 但是问题来了。远程办公不是人在电脑前就当坐班了,相反,对于沟通效率,文件协作,以及信息安全都有着极高的要求。有着非常多的挑战,比如: 1在异地互相不见面的会议上,如何提高沟通效率? 2文件之间的来往反馈如何做到及时性?如何保证信息安全? 3如何规划安排每天工作,以及如何进行成果验收? ...... ...
作为一个程序员,内存和磁盘的这些事情,你不得不知道啊!!!
截止目前,我已经分享了如下几篇文章: 一个程序在计算机中是如何运行的?超级干货!!! 作为一个程序员,CPU的这些硬核知识你必须会! 作为一个程序员,内存的这些硬核知识你必须懂! 这些知识可以说是我们之前都不太重视的基础知识,可能大家在上大学的时候都学习过了,但是嘞,当时由于老师讲解的没那么有趣,又加上这些知识本身就比较枯燥,所以嘞,大家当初几乎等于没学。 再说啦,学习这些,也看不出来有什么用啊!...
渗透测试-灰鸽子远控木马
木马概述 灰鸽子( Huigezi),原本该软件适用于公司和家庭管理,其功能十分强大,不但能监视摄像头、键盘记录、监控桌面、文件操作等。还提供了黑客专用功能,如:伪装系统图标、随意更换启动项名称和表述、随意更换端口、运行后自删除、毫无提示安装等,并采用反弹链接这种缺陷设计,使得使用者拥有最高权限,一经破解即无法控制。最终导致被黑客恶意使用。原作者的灰鸽子被定义为是一款集多种控制方式于一体的木马程序...
Python:爬取疫情每日数据
前言 目前每天各大平台,如腾讯、今日头条都会更新疫情每日数据,他们的数据源都是一样的,主要都是通过各地的卫健委官网通报。 以全国、湖北和上海为例,分别为以下三个网站: 国家卫健委官网:http://www.nhc.gov.cn/xcs/yqtb/list_gzbd.shtml 湖北卫健委官网:http://wjw.hubei.gov.cn/bmdt/ztzl/fkxxgzbdgrfyyq/xxfb...
这个世界上人真的分三六九等,你信吗?
偶然间,在知乎上看到一个问题 一时间,勾起了我深深的回忆。 以前在厂里打过两次工,做过家教,干过辅导班,做过中介。零下几度的晚上,贴过广告,满脸、满手地长冻疮。 再回首那段岁月,虽然苦,但让我学会了坚持和忍耐。让我明白了,在这个世界上,无论环境多么的恶劣,只要心存希望,星星之火,亦可燎原。 下文是原回答,希望能对你能有所启发。 如果我说,这个世界上人真的分三六九等,...
B 站上有哪些很好的学习资源?
哇说起B站,在小九眼里就是宝藏般的存在,放年假宅在家时一天刷6、7个小时不在话下,更别提今年的跨年晚会,我简直是跪着看完的!! 最早大家聚在在B站是为了追番,再后来我在上面刷欧美新歌和漂亮小姐姐的舞蹈视频,最近两年我和周围的朋友们已经把B站当作学习教室了,而且学习成本还免费,真是个励志的好平台ヽ(.◕ฺˇд ˇ◕ฺ;)ノ 下面我们就来盘点一下B站上优质的学习资源: 综合类 Oeasy: 综合...
雷火神山直播超两亿,Web播放器事件监听是怎么实现的?
Web播放器解决了在手机浏览器和PC浏览器上播放音视频数据的问题,让视音频内容可以不依赖用户安装App,就能进行播放以及在社交平台进行传播。在视频业务大数据平台中,播放数据的统计分析非常重要,所以Web播放器在使用过程中,需要对其内部的数据进行收集并上报至服务端,此时,就需要对发生在其内部的一些播放行为进行事件监听。 那么Web播放器事件监听是怎么实现的呢? 01 监听事件明细表 名...
3万字总结,Mysql优化之精髓
本文知识点较多,篇幅较长,请耐心学习 MySQL已经成为时下关系型数据库产品的中坚力量,备受互联网大厂的青睐,出门面试想进BAT,想拿高工资,不会点MySQL优化知识,拿offer的成功率会大大下降。 为什么要优化 系统的吞吐量瓶颈往往出现在数据库的访问速度上 随着应用程序的运行,数据库的中的数据会越来越多,处理时间会相应变慢 数据是存放在磁盘上的,读写速度无法和内存相比 如何优化 设计...
Python新型冠状病毒疫情数据自动爬取+统计+发送报告+数据屏幕(三)发送篇
今天介绍的项目是使用 Itchat 发送统计报告 项目功能设计: 定时爬取疫情数据存入Mysql 进行数据分析制作疫情报告 使用itchat给亲人朋友发送分析报告 基于Django做数据屏幕 使用Tableau做数据分析 来看看最终效果 目前已经完成,预计2月12日前更新 使用 itchat 发送数据统计报告 itchat 是一个基于 web微信的一个框架,但微信官方并不允许使用这...
作为程序员的我,大学四年一直自学,全靠这些实用工具和学习网站!
我本人因为高中沉迷于爱情,导致学业荒废,后来高考,毫无疑问进入了一所普普通通的大学,实在惭愧???? 我又是那么好强,现在学历不行,没办法改变的事情了,所以,进入大学开始,我就下定决心,一定要让自己掌握更多的技能,尤其选择了计算机这个行业,一定要多学习技术。 在进入大学学习不久后,我就认清了一个现实:我这个大学的整体教学质量和学习风气,真的一言难尽,懂的人自然知道怎么回事? 怎么办?我该如何更好的提升自...
粒子群算法求解物流配送路线问题(python)
1.Matlab实现粒子群算法的程序代码:https://www.cnblogs.com/kexinxin/p/9858664.html matlab代码求解函数最优值:https://blog.csdn.net/zyqblog/article/details/80829043 讲解通俗易懂,有数学实例的博文:https://blog.csdn.net/daaikuaichuan/article/...
教你如何编写第一个简单的爬虫
很多人知道爬虫,也很想利用爬虫去爬取自己想要的数据,那么爬虫到底怎么用呢?今天就教大家编写一个简单的爬虫。 下面以爬取笔者的个人博客网站为例获取第一篇文章的标题名称,教大家学会一个简单的爬虫。 第一步:获取页面 #!/usr/bin/python # coding: utf-8 import requests #引入包requests link = "http://www.santostang....
前端JS初级面试题二 (。•ˇ‸ˇ•。)老铁们!快来瞧瞧自己都会了么
1. 传统事件绑定和符合W3C标准的事件绑定有什么区别? 传统事件绑定 &lt;div onclick=""&gt;123&lt;/div&gt; div1.onclick = function(){}; &lt;button onmouseover=""&gt;&lt;/button&gt; 注意: 如果给同一个元素绑定了两次或多次相同类型的事件,那么后面的绑定会覆盖前面的绑定 (不支持DOM事...
情人节来了,教你个用 Python 表白的技巧
作者:@明哥 公众号:Python编程时光 2020年,这个看起来如此浪漫的年份,你还是一个人吗? 难不成我还能是一条狗? 18年的时候,写过一篇介绍如何使用 Python 来表白的文章。 虽然创意和使用效果都不错,但有一缺点,这是那个exe文件,女神需要打开电脑,才有可能参与进来,进而被你成功"调戏”。 由于是很早期的文章了,应该有很多人没有看过。 没有看过的,你可以点击这里查看:用Pyt...
用Python开发实用程序 – 计算器
作者:隋顺意 一段时间前,自己制作了一个库 “sui-math”。这其实是math的翻版。做完后,python既然可以轻易的完成任何的数学计算,何不用python开发一个小程序专门用以计算呢? 现在我们越来越依赖于计算器,很多复杂的计算都离不开它。我们使用过各式各样的计算器,无论是电脑自带的,还是网也上的计算器,却都没有自己动手编写属于自己计算器。今天就让我们走进计算器的世界,用python来编写...
经典算法(19)教你两分钟学会【选择排序】
这篇博客使用图文并茂的方式讲解选择排序算法,并有完整的算法逻辑以及代码实现。
Python学习笔记(语法篇)
本篇博客大部分内容摘自埃里克·马瑟斯所著的《Python编程:从入门到实战》(入门类书籍),采用举例的方式进行知识点提要 关于Python学习书籍推荐文章 《学习Python必备的8本书》 Python语法特点: 通过缩进进行语句组织 不需要变量或参数的声明 冒号 1 变量和简单数据结构 1.1 变量命名 只能包含字母、数字和下划线,且不能以数字打头。 1.2 字符串 在Python中,用引号...
用Python打造你的专属情人节贺卡,赶快发给TA浪漫一下吧
明天就是情人节了。这个情人节,注定是一个不能约会的情人节,但不能约会不代表不能浪漫。古人比我们出生早,那些浪漫的诗词早都被他们挖掘一空,比诗词我们肯定没有机会了。好在我们还有Python,不然都不知道该如何表达浪漫。接下来,浪导教你制作一个浪漫的情人节专属贺卡。
Python绘图与可视化
文章目录使用的库Matplotlib程序包绘图命令的扩展及其属性设置 使用的库 Python有很多可视化工具,如:Matplotlib。 Matplotlib是一种2D的绘图库,它可以支持硬拷贝和跨系统的交互,它可以在Python脚本、IPython的交互环境下、Web应用程序中使用。如果结合使用一种GUI工具包(如IPython),Matplotlib还具有诸如缩放和平移等交互功能。它不仅支持各...
相关热词 c#导入fbx c#中屏蔽键盘某个键 c#正态概率密度 c#和数据库登陆界面设计 c# 高斯消去法 c# codedom c#读取cad文件文本 c# 控制全局鼠标移动 c# temp 目录 bytes初始化 c#
立即提问