如何用CSS3实现如图勾选框

图片说明
请大佬讲的稍微详细一些 谢谢!

js

2个回答

首先一个选项要有两张图 一个是选中的一个是没选中的 把标签放在标签中间
然后通过js或者jq的点击事件 来替换标签
css只能帮助你把6个单独的图片排版

首先一个选项要有两张图 一个是选中的一个是没选中的 把img标签放在a标签中间
然后通过js或者jq的点击事件 来替换img标签
css只能帮助你把6个单独的图片排版

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
table中的复选框勾选获取行数问题

![图片说明](https://img-ask.csdn.net/upload/201904/04/1554355782_330949.jpg)![图片说明](https://img-ask.csdn.net/upload/201904/04/1554355794_943269.jpg) 点击图片中左侧的复选框获取不到当前行的数据,哪位大神知道该怎么获取呢?

点击div如何实现复选框效果?下面代码哪里有错?

``` <div class="TabListItem"> <div class="ListItem"> <div class="ListItem1"> <div class="ItemIcon"> <span class="Icon Icon1"></span> </div> </div> </div> <div class="ListItem"> <div class="ListItem1-2" > <div class="ItemIcon"> <span class="Icon Icon2"></span> </div> </div> </div> </div> $(document).ready(function(){ $(".ListItem").click(function(){ $(".ListItem").eq($(this).index()).find(".ItemIcon").css("border","1px solid #f43530"); /* $(".ListItem").find(".ItemIcon").removeClass("SelectedItem");*/ $(".ListItem").eq($(this).index()).find(".ItemIcon").addClass("SelectedItem"); if($(".ListItem").eq($(this).index()).find(".SelectedItem").length==1){ $(".ListItem").eq($(this).index()).find(".ItemIcon").removeClass("SelectedItem"); $(".ListItem").eq($(this).index()).find(".ItemIcon").css("border","1px solid ##efeff4"); } }); ```

jquery复选框里面的内容选定后 , 根据后台状态换掉相应选项的图片

1. 选中时触发 , 根据后台数据状态更换相应图片 2. 取消选中时 , 回到原始图片 ``` <body> <div class="AllLine">全线车站PA监控</div>x` <!--区域选择--> <div class="region"> <p class="case_text">区域选择</p> <div class="box"> <ul class="box-list clearfix"> <li> <div class="index">01</div> <div class="img"><img src="../static/imagess/pademo_grey.png" th:src="@{/imagess/pademo_grey.png}"></div> <label><input type="checkbox" name="station_name" id="01" value="七莘路站" />七莘路站</label> </li> <li> <div class="index">02</div> <div class="img"><img src="../static/imagess/pademo_grey.png" th:src="@{/imagess/pademo_grey.png}"></div> <label><input type="checkbox" name="station_name" id="02" value="虹莘路站" />虹莘路站</label> </li> <li> <div class="index">03</div> <div class="img"><img id="03" src="../static/imagess/pademo_grey.png" th:src="@{/imagess/pademo_grey.png}"></div> <label><input type="checkbox" name="station_name" id="03" value="03" />顾戴路站</label> </li> ``` 这个是部分html代码 ``` $('input[name="station_name"]').click(function() { if (this.checked) { $(this).siblings('.box').find('img').attr('src', '../static/imagess/pademo_blue.png'); } else { alert("hello"); } }); ``` 这个是我的jquery 代码 , 改了很多次总是不对 , 请大神帮忙看一下 , 万谢

html checkbox怎么放大可点击区域

现在项目要求把checkbox做成透明,然后用一个图片盖住这个checkbox实现勾选 html代码: <span><input type="checkbox"></span> javascript代码 object.style.opacity=0;object.style.filter="alpha(opacity=0)"; object.parentNode.style.cssText='background:url(images/IconsBtn1.gif) no-repeat;display:inline-block;width:24px;height:24px;vertical-align:top;'; 现在的问题是图片的大小比checkbox的点击区域大很多,当点击图片的边缘部分时实际上并没有点中checkbox,有没有办法放大checkbox的可点击区域?

js实现购物车简单功能怎么相加数量?

![图片说明](https://img-ask.csdn.net/upload/201911/15/1573795995_750915.jpg) 我的input文本框里的值怎试都无法进行相加,数据类型转换也不行, 我就想知道怎么把多个文本框的值赋值到进行循环相加 <html> <head> <meta charset="utf-8" /> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"/> <link rel="stylesheet" href="css/bootstrap.css" /> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/bootstrap.js"></script> <script type="text/javascript"> var ckok=document.getElementsByName("ck"); function btn1(){ for(var i=0; i<ckok.length;i++){ if(ckok[i].checked){ ckok[i].checked=false; }else{ ckok[i].checked=true; } } } </script> <style> nav{ margin-bottom: 20px; background: salmon; } h2,h5{ text-align: center; font-family: "微软雅黑"; } .ck input{ display: block; width: 30px; height: 30px; margin: auto auto; } .butt input{ display: block; margin: auto auto; width: 45px; height: 30px; border-radius: 10px; } .butt{ padding-bottom: 9px; } header{ border-bottom: 1px solid darkgrey; padding-bottom: 5px; padding-top: 5px; padding-left: 5px; padding-right: 5px; border-left: 1px solid darkgray; border-right: 1px solid darkgray; } </style> </head> <body> <div class="container"> <div class="row"> <div class="col-lg-offset-2 col-lg-8 col-sm-offset-2 col-sm-8 col-xs-offset-2 col-xs-8"> <nav class="row"> <h2>购物车</h2> </nav> <header class="row" style="background: skyblue;"> <div class="col-lg-3 butt"> <input type="button" name="" id="" value="全选" onclick="btn1()"/> </div> <div class="col-lg-3"> <h5>商品</h5> </div> <div class="col-lg-3"> <h5>件数</h5> </div> <div class="col-lg-3"> <h5>金额</h5> </div> </header> <header class="row"> <div class="col-lg-3 ck"> <input type="checkbox" name="ck" id="" value="0" onchange="ckb();" /> </div> <div class="col-lg-3"> <h5>裤子</h5> </div> <div class="col-lg-3"> <input type="number" name="m" id="Jian" value="1" class="form-control" onchange="num(this)"/> <!--<div class="row"> <input type="button" name="butt" id="butt" value="-" onclick="btnbutt()" class="col-lg-2"/> <input type="text" name="text" id="text" class="col-lg-6"/> <input type="button" name="butt" id="butt" value="+" onclick="btnbutt()" class="col-lg-2"/> </div>--> </div> <div class="col-lg-3"> <h5>250</h5> </div> </header> <header class="row"> <div class="col-lg-3 ck"> <input type="checkbox" name="ck" id="" value="1" onchange="ckb();" /> </div> <div class="col-lg-3"> <h5>袜子</h5> </div> <div class="col-lg-3"> <input type="number" name="m" id="Jian" value="1" class="form-control" onchange="num(this)"/> </div> <div class="col-lg-3"> <h5>25</h5> </div> </header> <header class="row"> <div class="col-lg-3 ck"> <input type="checkbox" name="ck" id="" value="2" onchange="ckb();" /> </div> <div class="col-lg-3"> <h5>帽子</h5> </div> <div class="col-lg-3"> <input type="number" name="m" id="Jian" value="1" class="form-control" onchange="num(this)"/> </div> <div class="col-lg-3"> <h5>222</h5> </div> </header> <header class="row"> <div class="col-lg-3 ck"> <input type="checkbox" name="ck" id="" value="3" onchange="ckb();" /> </div> <div class="col-lg-3"> <h5>鞋子</h5> </div> <div class="col-lg-3"> <input type="number" name="m" id="Jian" value="1" class="form-control" onchange="num(this)"/> </div> <div class="col-lg-3"> <h5>854</h5> </div> </header> <header class="row"> <div class="col-lg-3 ck"> <input type="checkbox" name="ck" id="" value="4" onchange="ckb();" /> </div> <div class="col-lg-3"> <h5>儿子</h5> </div> <div class="col-lg-3"> <input type="number" name="m" id="Jian" value="1" class="form-control" onchange="num(this)"/> </div> <div class="col-lg-3"> <h5>95</h5> </div> </header> <footer class="row" style="display: block; text-align: center;"> <p class="form-control" style="background: salmon;"> 总件数:&nbsp; &nbsp; <span id="span1" style="color: red;"></span> &nbsp; &nbsp;件 </p> </footer> <footer class="row" style="display: block; text-align: center;"> <p class="form-control" style="background: salmon;"> 总金额 :&nbsp; &nbsp; <span id="span2" style="color: red;"></span> &nbsp; &nbsp;元 </p> </footer> </div> </div> </div> </body> </html>

web前端小白分组控件请教

有经验的前辈看一下,下面的控件是要自己实现还是有现成的控件可以直接用,拜托了。 ![图片说明](https://img-ask.csdn.net/upload/201909/16/1568597288_482425.png)

如何使用selenium进行多协程填写表单?

系统: win10 环境:python3.7 浏览器:chrom 小白自学phthon,使用selenium写了一个工具,任务是进入帐号,点掉所有被选中的勾选框,但是假设我需要对1000个帐号进行同样的操作,for i in range(len(work)):将会打开1000个浏览器窗口,有没有一种方法能实现每次打开5个窗口,直至遍历帐号列表? 这是我的帐号列表:(假装有1000个帐号) (https://img-ask.csdn.net/upload/202001/06/1578295823_23416.png) 这是我的代码: ``` #!/usr/bin/env python # -*- coding:utf-8 -*- from gevent import monkey monkey.patch_all() from selenium import webdriver import time, openpyxl, gevent from gevent.queue import Queue work = Queue() def login(): if not work.empty(): user = work.get_nowait() driver = webdriver.Chrome() driver.get('http://safe.shougang.com.cn/srp/#') driver.maximize_window() # 打开浏览器登陆首安云并最大化窗口 username = driver.find_element_by_id('userName') username.send_keys(user) password = driver.find_element_by_id('passWord') password.send_keys(user[0][-6:]) # 传入帐号和密码 button = driver.find_element_by_css_selector('.btn.btn-primary') button.click() try: driver.find_element_by_css_selector('.x-component.x-window-text.x-box-item.x-component-default') print('用户%s 密码错误!\n队列剩余%s个' % (user, len(work))) driver.close() return except Exception: time.sleep(1) # 试登陆 try: url_yhpc = driver.find_element_by_partial_link_text('您有待排查') url_yhpc.click() time.sleep(1) except Exception: print('用户%s 无隐患排查任务\n队列剩余%s个' % (user, len(work))) driver.close() time.sleep(1) return daj_button = driver.find_elements_by_css_selector('.x-grid-checkcolumn.x-grid-checkcolumn-checked') for bt in daj_button: bt.click() time.sleep(0.5) send_button = driver.find_element_by_id('button-1302-btnInnerEl') send_button.click() time.sleep(1) yes_button = driver.find_element_by_id('button-1010-btnWrap') yes_button.click() time.sleep(1) driver.close() print('用户%s 排查成功\n队列剩余%s个' % (user, len(work))) def get_users(): wb = openpyxl.load_workbook(r'C:\users\lz315\Desktop\首安云试验.xlsx') ws = wb.active for row in ws.rows: list_user = [] for cell in row: aa = str(cell.value) list_user.append(aa) work.put_nowait(list_user) wb.close() return work # 读取帐号信息,返回帐号list start = time.time() get_users() task_list = [] for i in range(len(work)): task = gevent.spawn(login) task_list.append(task) gevent.joinall(task_list) end = time.time() print(end-start) ```

页面中多个input select,想要每个inpu中显示不同内容,该怎么做?

使用Jquery Ztree 页面中多个input select,想要每个inpu中显示不同内容,该怎么做? ``` <!DOCTYPE html> <HTML> <HEAD> <TITLE> ZTREE DEMO - radio select menu</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="../../../css/demo.css" type="text/css"> <link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css"> <script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script> <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script> <!-- <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>--> <SCRIPT type="text/javascript"> <!-- var setting = { check: { enable: true, chkStyle: "radio", radioType: "all" }, view: { dblClickExpand: false }, data: { simpleData: { enable: true } }, callback: { onClick: onClick, onCheck: onCheck } }; var zNodes =[ {id:1, pId:0, name:"北京"}, {id:2, pId:0, name:"天津"}, {id:3, pId:0, name:"上海"}, {id:6, pId:0, name:"重庆"} ]; var zNodes1 =[ {id:4, pId:0, name:"河北省", open:true, nocheck:true}, {id:41, pId:4, name:"石家庄"}, {id:42, pId:4, name:"保定"}, {id:43, pId:4, name:"邯郸"}, {id:44, pId:4, name:"承德"} ]; function onClick(e, treeId, treeNode) { var zTree = $.fn.zTree.getZTreeObj("treeDemo"); zTree.checkNode(treeNode, !treeNode.checked, null, true); return false; } function hideMenu() { $("#menuContent").fadeOut("fast"); $("body").unbind("mousedown", onBodyDown); } function onBodyDown(event) { if (!(event.target.id == "menuBtn" || event.target.id == "citySel" || event.target.id == "menuContent" || $(event.target).parents("#menuContent").length>0)) { hideMenu(); } } $(document).ready(function(){ $.fn.zTree.init($("#treeDemo"), setting, zNodes); $.fn.zTree.init($("#treeDemo1"), setting, zNodes1); }); function onCheck(e, treeId, treeNode) { var zTree = $.fn.zTree.getZTreeObj("treeDemo"), nodes = zTree.getCheckedNodes(true), v = ""; for (var i=0, l=nodes.length; i<l; i++) { v += nodes[i].name + ","; } if (v.length > 0 ) v = v.substring(0, v.length-1); //var cityObj = $("#citySel"); currentObj.attr("value", v);////////使用变量存储的input对象 } var currentObj;////////////存储当前操作的input对象 function showMenu(o) { var cityObj = $(o); if (o.tagName == 'A') cityObj = cityObj.parent().find('input');//点击的是连接,获取和连接对应的input对象 currentObj=cityObj/// var cityOffset = cityObj.offset(); $("#menuContent").css({ left: cityOffset.left + "px", top: cityOffset.top + cityObj.outerHeight() + "px" }).slideDown("fast"); var treeObj = $.fn.zTree.getZTreeObj("treeDemo"); var nodes = treeObj.getSelectedNodes(); if (nodes.length > 0) treeObj.checkNode(nodes[0], false, null, false);//取消ztree的选择 $("body").bind("mousedown", onBodyDown); } //--> </SCRIPT> <style type="text/css"> </style> </HEAD> <BODY> <h1>带 radio 的单选下拉菜单 -- zTree</h1> <h6>[ 文件路径: super/select_menu_radio.html ]</h6> <div class="content_wrap"> <div class="zTreeDemoBackground left"> <ul class="list"> <li class="title">&nbsp;&nbsp;<span class="highlight_red">勾选 radio 或者 点击节点 进行选择</span></li> <li class="title"> &nbsp;&nbsp;Test: <input id="citySel" type="text" readonly value="" style="width:120px;" onclick="showMenu(this);" /> &nbsp;<a id="menuBtn" href="#" onclick="showMenu(this); return false;">select</a> </li> <li class="title"> &nbsp;&nbsp;Test: <input id="citySel" type="text" readonly value="" style="width:120px;" onclick="showMenu(this);" /> &nbsp;<a id="menuBtn" href="#" onclick="showMenu(this); return false;">select</a> </li> <li class="title"> &nbsp;&nbsp;Test: <input id="citySel" type="text" readonly value="" style="width:120px;" onclick="showMenu(this);" /> &nbsp;<a id="menuBtn" href="#" onclick="showMenu(this); return false;">select</a> </li> </ul> </div> <div class="right"> <ul class="info"> <li class="title"><h2>实现方法说明</h2> <ul class="list"> <li>用 radio 也可以轻松实现单选的下拉菜单</li> <li>单选其实没有必要使用 radio, 此 Demo 主要用于 和 其他下拉菜单进行对比</li> </ul> </li> </ul> </div> </div> <div id="menuContent" class="menuContent" style="display:none; position: absolute;"> <ul id="treeDemo" class="ztree" style="margin-top:0; width:180px; height: 300px;"></ul> </div> <div id="menuContent" class="menuContent" style="display:none; position: absolute;"> <ul id="treeDemo1" class="ztree" style="margin-top:0; width:180px; height: 300px;"></ul> </div> </BODY> </HTML> ```

使用Jquery ztree 在同一个页面中出现多个input选择,每个input数据不同

使用一下dome代码,怎么在同一个页面中出现多个input选择,每个input下拉列表中的数据是不通的。 ``` <!DOCTYPE html> <HTML> <HEAD> <TITLE> ZTREE DEMO - radio select menu</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="../../../css/demo.css" type="text/css"> <link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css"> <script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script> <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script> <!-- <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>--> <SCRIPT type="text/javascript"> <!-- var setting = { check: { enable: true, chkStyle: "radio", radioType: "all" }, view: { dblClickExpand: false }, data: { simpleData: { enable: true } }, callback: { onClick: onClick, onCheck: onCheck } }; var zNodes =[ {id:1, pId:0, name:"北京"}, {id:2, pId:0, name:"天津"}, {id:3, pId:0, name:"上海"}, {id:6, pId:0, name:"重庆"}, {id:4, pId:0, name:"河北省", open:true, nocheck:true}, {id:41, pId:4, name:"石家庄"}, {id:42, pId:4, name:"保定"}, {id:43, pId:4, name:"邯郸"}, {id:44, pId:4, name:"承德"}, {id:5, pId:0, name:"广东省", open:true, nocheck:true}, {id:51, pId:5, name:"广州"}, {id:52, pId:5, name:"深圳"}, {id:53, pId:5, name:"东莞"}, {id:54, pId:5, name:"佛山"}, {id:6, pId:0, name:"福建省", open:true, nocheck:true}, {id:61, pId:6, name:"福州"}, {id:62, pId:6, name:"厦门"}, {id:63, pId:6, name:"泉州"}, {id:64, pId:6, name:"三明"} ]; function onClick(e, treeId, treeNode) { var zTree = $.fn.zTree.getZTreeObj("treeDemo"); zTree.checkNode(treeNode, !treeNode.checked, null, true); return false; } function onCheck(e, treeId, treeNode) { var zTree = $.fn.zTree.getZTreeObj("treeDemo"), nodes = zTree.getCheckedNodes(true), v = ""; for (var i=0, l=nodes.length; i<l; i++) { v += nodes[i].name + ","; } if (v.length > 0 ) v = v.substring(0, v.length-1); var cityObj = $("#citySel"); cityObj.attr("value", v); } function showMenu() { var cityObj = $("#citySel"); var cityOffset = $("#citySel").offset(); $("#menuContent").css({left:cityOffset.left + "px", top:cityOffset.top + cityObj.outerHeight() + "px"}).slideDown("fast"); $("body").bind("mousedown", onBodyDown); } function hideMenu() { $("#menuContent").fadeOut("fast"); $("body").unbind("mousedown", onBodyDown); } function onBodyDown(event) { if (!(event.target.id == "menuBtn" || event.target.id == "citySel" || event.target.id == "menuContent" || $(event.target).parents("#menuContent").length>0)) { hideMenu(); } } $(document).ready(function(){ $.fn.zTree.init($("#treeDemo"), setting, zNodes); }); //--> </SCRIPT> <style type="text/css"> </style> </HEAD> <BODY> <h1>带 radio 的单选下拉菜单 -- zTree</h1> <h6>[ 文件路径: super/select_menu_radio.html ]</h6> <div class="content_wrap"> <div class="zTreeDemoBackground left"> <ul class="list"> <li class="title">&nbsp;&nbsp;<span class="highlight_red">勾选 radio 或者 点击节点 进行选择</span></li> <li class="title">&nbsp;&nbsp;Test: <input id="citySel" type="text" readonly value="" style="width:120px;" onclick="showMenu();" /> &nbsp;<a id="menuBtn" href="#" onclick="showMenu(); return false;">select</a></li> </ul> </div> <div class="right"> <ul class="info"> <li class="title"><h2>实现方法说明</h2> <ul class="list"> <li>用 radio 也可以轻松实现单选的下拉菜单</li> <li>单选其实没有必要使用 radio, 此 Demo 主要用于 和 其他下拉菜单进行对比</li> </ul> </li> </ul> </div> </div> <div id="menuContent" class="menuContent" style="display:none; position: absolute;"> <ul id="treeDemo" class="ztree" style="margin-top:0; width:180px; height: 300px;"></ul> </div> </BODY> </HTML> ```

如果能重来,我不会选择北漂——初见北京

一个人走的路

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

我说我不会算法,阿里把我挂了。

不说了,字节跳动也反手把我挂了。

2020年大厂Java面试前复习的正确姿势(800+面试题答案解析)

前言 个人觉得面试也像是一场全新的征程,失败和胜利都是平常之事。所以,劝各位不要因为面试失败而灰心、 丧失斗志。也不要因为面试通过而沾沾自喜,等待你的将是更美好的未来,继续加油! 本篇分享的面试题内容包括:Java、MyBatis、ZooKeeper、Dubbo、Elasticsearch、Redis、MySQL、Spring、SpringBoot、SpringCloud、RabbitMQ...

抖音上很火的时钟效果

反正,我的抖音没人看,别人都有几十万个赞什么的。 发到CSDN上来,大家交流下~ 主要用到原生态的 JS+CSS3。 具体不解释了,看注释: &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/tit...

记录下入职中软一个月(外包华为)

我在年前从上一家公司离职,没想到过年期间疫情爆发,我也被困在家里,在家呆着的日子让人很焦躁,于是我疯狂的投简历,看面试题,希望可以进大公司去看看。 我也有幸面试了我觉得还挺大的公司的(虽然不是bat之类的大厂,但是作为一名二本计算机专业刚毕业的大学生bat那些大厂我连投简历的勇气都没有),最后选择了中软,我知道这是一家外包公司,待遇各方面甚至不如我的上一家公司,但是对我而言这可是外包华为,能...

又出事了?网站被攻击了?高中生?

北京时间2020年3月27日9点整,如往常一样来到公司,带开电脑,正准备打开Github网站看一会源代码,再开始手头的工作。哟吼,一直打不开,一直出现如下页面: 我想很多网友也尝到了甜头,各大技术群炸开了锅,据网友反馈有攻击者正在发起大规模的中间人挟持,京东和Github等网站等网站都受到了影响。 什么是中间中间人挟持呢? 简而言之,就是攻击者在数据网络传输的过程中,截获传输过程中的数据并篡改...

培训班出来的人后来都怎么样了?(二)

接着上回说,培训班学习生涯结束了。后面每天就是无休止的背面试题,不是没有头脑的背,培训公司还是有方法的,现在回想当时背的面试题好像都用上了,也被问到了。回头找找面试题,当时都是打印下来天天看,天天背。 不理解呢也要背,面试造飞机,上班拧螺丝。班里的同学开始四处投简历面试了,很快就有面试成功的,刚开始一个,然后越来越多。不知道是什么原因,尝到胜利果实的童鞋,不满足于自己通过的公司,嫌薪水要少了,选择...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

工作八年,月薪60K,裸辞两个月,投简历投到怀疑人生!

近日,有网友在某职场社交平台吐槽,自己裸辞两个月了,但是找工作却让自己的心态都要崩溃了,全部无果,不是已查看无回音,就是已查看不符合。 “工作八年,两年一跳,裸辞两个月了,之前月薪60K,最近找工作找的心态崩了!所有招聘工具都用了,全部无果,不是已查看无回音,就是已查看不符合。进头条,滴滴之类的大厂很难吗???!!!投简历投的开始怀疑人生了!希望 可以收到大厂offer” 先来看看网...

我把华为小米年报放一起,发现华为才是真·手机公司,小米确实不靠卖手机赚钱...

郭一璞 发自 凹非寺量子位 报道 | 公众号 QbitAI国产手机界的两大玩家,华为&amp;小米,昨天在同一天前后脚发布了2019年财报。同行冤家,发财报也碰在了同一天。那我们就对比...

大牛都会用的IDEA调试技巧!!!

导读 前天面试了一个985高校的实习生,问了他平时用什么开发工具,他想也没想的说IDEA,于是我抛砖引玉的问了一下IDEA的调试用过吧,你说说怎么设置断点...

97年世界黑客编程大赛冠军作品(大小仅为16KB),惊艳世界的编程巨作

这是世界编程大赛第一名作品(97年Mekka ’97 4K Intro比赛)汇编语言所写。 整个文件只有4095个字节, 大小仅仅为16KB! 不仅实现了3D动画的效果!还有一段震撼人心的背景音乐!!! 内容无法以言语形容,实在太强大! 下面是代码,具体操作看最后! @echo off more +1 %~s0|debug e100 33 f6 bf 0 20 b5 10 f3 a5...

不要再到处使用 === 了

我们知道现在的开发人员都使用 === 来代替 ==,为什么呢?我在网上看到的大多数教程都认为,要预测 JavaScript 强制转换是如何工作这太复杂了,因此建议总是使用===。这些都...

什么是a站、b站、c站、d站、e站、f站、g站、h站、i站、j站、k站、l站、m站、n站?00后的世界我不懂!

A站 AcFun弹幕视频网,简称“A站”,成立于2007年6月,取意于Anime Comic Fun,是中国大陆第一家弹幕视频网站。A站以视频为载体,逐步发展出基于原生内容二次创作的完整生态,拥有高质量互动弹幕,是中国弹幕文化的发源地;拥有大量超粘性的用户群体,产生输出了金坷垃、鬼畜全明星、我的滑板鞋、小苹果等大量网络流行文化,也是中国二次元文化的发源地。 B站 全称“哔哩哔哩(bilibili...

十个摸鱼,哦,不对,是炫酷(可以玩一整天)的网站!!!

文章目录前言正文**1、Kaspersky Cyberthreat real-time map****2、Finding Home****3、Silk – Interactive Generative Art****4、Liquid Particles 3D****5、WINDOWS93****6、Staggering Beauty****7、Ostagram图片生成器网址****8、全历史网址*...

终于,月薪过5万了!

来看几个问题想不想月薪超过5万?想不想进入公司架构组?想不想成为项目组的负责人?想不想成为spring的高手,超越99%的对手?那么本文内容是你必须要掌握的。本文主要详解bean的生命...

毕业5年,我熬夜整理出了这50个优质的电子书网站,吐血推荐!

大家好,我是武哥,最近经常有小伙伴问我要电子书,都什么年代了,还找不到电子书吗?如果要说原因,那就是你还没遇到武哥我(手动滑稽~)!我今天把这么多年我经常看的电子书网站整理一下给大家,基本上能解决大家的需求。不管是在校生还是已经工作了,相信肯定对你有所帮助! 1.鸠摩搜书 首先给大家推荐的网站是:鸠摩搜书 地址:https://www.jiumodiary.com/ 这个网上非常棒,上面有很多优质...

MySQL性能优化(五):为什么查询速度这么慢

前期回顾: MySQL性能优化(一):MySQL架构与核心问题 MySQL性能优化(二):选择优化的数据类型 MySQL性能优化(三):深入理解索引的这点事 MySQL性能优化(四):如何高效正确的使用索引 前面章节我们介绍了如何选择优化的数据类型、如何高效的使用索引,这些对于高性能的MySQL来说是必不可少的。但这些还完全不够,还需要合理的设计查询。如果查询写的很糟糕,即使表结构再合理、索引再...

大厂的 404 页面都长啥样?最后一个笑了...

每天浏览各大网站,难免会碰到404页面啊。你注意过404页面么?猿妹搜罗来了下面这些知名网站的404页面,以供大家欣赏,看看哪个网站更有创意: 正在上传…重新上传取消 腾讯 正在上传…重新上传取消 网易 淘宝 百度 新浪微博 正在上传…重新上传取消 新浪 京东 优酷 腾讯视频 搜...

自从喜欢上了B站这12个UP主,我越来越觉得自己是个废柴了!

不怕告诉你,我自从喜欢上了这12个UP主,哔哩哔哩成为了我手机上最耗电的软件,几乎每天都会看,可是吧,看的越多,我就越觉得自己是个废柴,唉,老天不公啊,不信你看看…… 间接性踌躇满志,持续性混吃等死,都是因为你们……但是,自己的学习力在慢慢变强,这是不容忽视的,推荐给你们! 都说B站是个宝,可是有人不会挖啊,没事,今天咱挖好的送你一箩筐,首先啊,我在B站上最喜欢看这个家伙的视频了,为啥 ,咱撇...

代码注释如此沙雕,会玩还是你们程序员!

某站后端代码被“开源”,同时刷遍全网的,还有代码里的那些神注释。 我们这才知道,原来程序员个个都是段子手;这么多年来,我们也走过了他们的无数套路… 首先,产品经理,是永远永远吐槽不完的!网友的评论也非常扎心,说看这些代码就像在阅读程序员的日记,每一页都写满了对产品经理的恨。 然后,也要发出直击灵魂的质问:你是尊贵的付费大会员吗? 这不禁让人想起之前某音乐app的穷逼Vip,果然,穷逼在哪里都是...

总结了Mybatis,原来知识点也没多少嘛

看完这篇Mybatis,感觉你三天就会用了。

爬虫(101)爬点重口味的

小弟最近在学校无聊的很哪,浏览网页突然看到一张图片,都快流鼻血。。。然后小弟冥思苦想,得干一点有趣的事情python 爬虫库安装https://s.taobao.com/api?_ks...

疫情后北上广深租房价格跌了吗? | Alfred数据室

去年3月份我们发布了《北上广深租房图鉴》(点击阅读),细数了北上广深租房的各种因素对租房价格的影响。一年过去了,在面临新冠疫情的后续影响、城市尚未完全恢复正常运转、学校还没开学等情况下...

面试官给我挖坑:a[i][j] 和 a[j][i] 有什么区别?

点击上方“朱小厮的博客”,选择“设为星标”后台回复&#34;1024&#34;领取公众号专属资料本文以一个简单的程序开头——数组赋值:int LEN = 10000; int[][] ...

在拼多多上班,是一种什么样的体验?我心态崩了呀!

之前有很多读者咨询我:武哥,在拼多多上班是一种什么样的体验?由于一直很忙,没抽出时间来和大家分享。上周末特地花点时间来写了一篇文章,跟大家分享一下拼多多的日常。 1. 倒时差的作息 可能很多小伙伴都听说了,拼多多加班很严重。这怎么说呢?作息上确实和其他公司有点区别,大家知道 996,那么自然也就能理解拼多多的“11 11 6”了。 所以当很多小伙伴早上出门时,他们是这样的: 我们是这样的: 当...

又一起程序员被抓事件

就在昨天互联网又发生一起让人心酸的程序员犯罪事件,著名的百度不限速下载软件 Pandownload PC 版作者被警方抓获。案件大致是这样的:软件的作者不仅非法盗取用户数据,还在QQ群进...

瑞德西韦重症用药结果再曝光,上百名重症一周内好转,股价大涨19%

郭一璞 发自 凹非寺量子位 报道 | 公众号 QbitAI期盼已久的瑞德西韦临床数据,现在“偷跑”了。在芝加哥大学医学院的临床试验中,125名病人参与,大部分人都已经出院,其中只有2名病...

应聘3万的职位,有必要这么刁难我么。。。沙雕。。。

又一次被面试官带到坑里面了。面试官:springmvc用过么?我:用过啊,经常用呢面试官:springmvc中为什么需要用父子容器?我:嗯。。。没听明白你说的什么。面试官:就是contr...

Vue商城——详情页功能

详情页实现思路 点击商品进去详情页,根据点击请求更加详细的信息,要传过来goodsItem的iid,根据id去服务器请求更加详细的信息;配置路由映射关系,点击进行跳转,带参数传递跳转 itemClick(){ this.$router.push('/detail/'+this.goodsItem.iid) /* this.$router.push({ ...

太狠了,疫情期间面试,一个问题砍了我5000!

疫情期间找工作确实有点难度,想拿到满意的薪资,确实要点实力啊!面试官:Spring中的@Value用过么,介绍一下我:@Value可以标注在字段上面,可以将外部配置文件中的数据,比如可以...

你离黑客的距离,就差这20个神器了

郑重声明:本文仅限技术交流,不得用于从事非法活动 在不少电影电视剧中,主角的身边都有这么一位电脑高手:他们分分钟可以黑进反派的网络,攻破安全防线,破解口令密码,拿到重要文件。他们的电脑屏幕上都是一些看不懂的图形和数字,你能看懂的就只有那个进度条,伴随着紧张的BGM,慢慢的向100%靠近······ 上面的场景和套路是不是很眼熟? 影视作品中的黑客当然有夸张和戏剧化的表现,不过,现实世界中的黑客也...

Linux基础:xargs命令-I选项使用技巧

这篇文章使用具体示例来介绍一下xargs命令-I参数的常见使用方法。

一个华为离职者的离职感言,干货满满

11.8Y, 40-, 3.30提离职,本月底截止。 离职原因: 1.年龄大,职级低,处境尴尬。 2.常年处于紧绷状态,身心疲乏,近来工作干劲不足,没有期待。 现在离职时机的选择比较尴尬。主要有以下几点: 1. 赶上了疫情,外部就业环境险恶。 2. 最近公司出台了ESOP1政策,享受不到政策好处了。 3. 到了沟通奖金的时间。 我是去年底挂简历,询问的猎头不少,约面试的只有一家,面...

一个天才程序员的毁灭性衰落:“偏头痛”毁了他的一生

白交 发自 凹非寺量子位 报道 | 公众号 QbitAI读到这则故事,想分享给每一位程序员朋友——或者是每一位朋友。故事的主人公,并不在国内享有名气,他创办的公司,也只是垂直行业内为人...

【相亲】96年程序员小哥第一次相亲,还没开始就结束了

颜值有点高,条件有点好

相关热词 c# 按行txt c#怎么扫条形码 c#打包html c# 实现刷新数据 c# 两个自定义控件重叠 c#浮点类型计算 c#.net 中文乱码 c# 时间排序 c# 必备书籍 c#异步网络通信
立即提问