导航栏初始距离页面上边缘100px,当上下滑动到0px时,导航栏固定在顶端。

导航栏初始距离页面上边缘100px,当上下滑动到0px时,导航栏固定在顶端。这个功能该怎么实现
最好带js代码的详解注释。

2个回答

导航栏

$(window).bind("scroll", function(){

    var top = $(this).scrollTop(); // 当前窗口的滚动距离 
            if(top==100px){
                $(.dhl).css=( {'background-color': '#ccc';  'left': '0';  'position': 'fixed';  'top': '0';  'width': '100%';  'z-index': '1000'; } )
            }

});

Barret2016
Barret2016 楼上的js虽然理论上能实现,但最好写成top>=100,而且最好加上一个平滑滚动的插件用户体验会好一些
接近 4 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
android随着页面的上下滑动顶部导航栏由透明变成不透明
android随着页面的上下滑动顶部导航栏由透明变成不透明这个滑动的距离该如何计算,就是类似于qq空间,随着界面的上下滑动,导航栏逐渐变成不透明的,并且固定在屏幕顶部
CSS+div网页设计,导航栏随页面上下滚动,导航栏宽度变化
最近在学习网站设计,在制作导航栏随网页上下滚动的时候,出现了一些错误,希望懂的小伙伴可以帮忙看一下。 我的错误如下: 当页面打开后导航栏是这样的: ![图片说明](https://img-ask.csdn.net/upload/201708/28/1503927175_356851.jpg) 但是页面向下拉的时候,虽然导航栏也跟着向下滑动了,但是导航栏的宽度发生了变化: ![图片说明](https://img-ask.csdn.net/upload/201708/28/1503927200_304258.jpg) 而我想他的样式不变, 相关代码如下,其中由于我想使页面在放大缩小的时候是同比例的放大缩小,所以设置了导航栏宽度为12%,内容的宽度是88%,且他们两个div外的总div宽度是1210px;这个我不想改变,不知道其他哪里出了问题,希望知道办法的小伙伴不吝赐教,实在感谢~ ![图片说明](http://img..csdn.net/upload/201708/28/1503927402_761154.jpg) ![图片说明](https://img-ask.csdn.net/upload/201708/28/1503927460_937460.jpg) ![图片说明](https://img-ask.csdn.net/upload/201708/28/1503927472_130945.jpg)
vs2017导航栏只显示方法不显示变量
![图片说明](https://img-ask.csdn.net/upload/202002/13/1581595331_399827.png) vs2017这边的导航栏只显示方法不显示定义的变量吗,找方法不方便能怎么设置取消吗?
请问为什么“会员中心”和“去购物车结算”没有跟“搜索”对齐呢?
<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>传智商城下拉菜单</title> <style type="text/css"> body,ul,input,p,dl,dt,dd,h1{ margin:0; padding:0;} body{ min-width:755px; color:#6c6c6c; font-size:12px;} ul{ list-style:none;} a{ text-decoration:none;} a:hover{ text-decoration:none;} .left{ float:left;} .right{ float:right;} #top{ height:30px; line-height:30px; background:#f7f7f7; border-bottom:1px solid #eee; } #top ul{ margin:0 20px; } #top li{ float:left; padding:0 5px 0 0;} #top .line{ color:#ccc;} #top .top_nav{ max-width:1220px; margin:0 auto;} .right li{ cursor:pointer;} .right li span{ padding:0 9px;} #header{ width:1220px; margin:0 auto; padding-top:20px; overflow:hidden; } #header a{ width:240px; display:block; } #header #search{ width:500px; margin-top:15px; } #header #search input{ width:416px; height:30px; border:3px solid #e4393c; } #header #search .search_btn{ width:78px; height:36px; background:#e4393c; font-size:14px; font-weight:700; color:#fff; cursor:pointer; } #header #search p{ color:#999; font-size:12px; margin-top:5px; } #hear #info{ margin-top:18px; margin-left:20px; } #header #info input{ height:32px; border:1px solid #e3e3e3; background-color:#f7f7f7; color:#666; padding:0 10px; margin-right:12px; } .right .u100{ position:relative;} .right #u101{ width:95px; display:none; position:absolute; left:0; top:30px; background-color:#fff; border:thin; border-color:#eee; } .right #u101 a{ display:block; padding:0 10px; line-height:28px; color:#6c6c6c; } .right #u101 a:hover{ background:#f5f5f5;} </style> <script type="text/javascript"> function change(myId,mode){ document.getElementById(myId).style.display=mode; if(mode=='block'){ //设置下拉菜单所在div的边框 document.getElementById(myId).style.border="1px solid #eee"; document.getElementById(myId).style.borderTop="none"; //设置鼠标划过的li的边框及背景颜色 document.getElementById(myId).parentNode.style.backgroundColor="fff"; document.getElementById(myId).parentNode.style.border="1px solid #eee"; document.getElementById(myId).parentNode.style.borderBottom="none"; } else{ //当不显示下拉列表时,鼠标划过的li的边框及背景颜色 document.getElementById(myId).parentNode.style.backgroundColor=""; document.getElementById(myId).parentNode.style.border=""; } } </script> </head> <body> <!-- 传智商城菜单栏 --> <div id="top"> <ul class="top_nav"> <li>亲,请登录</li> <li>免费注册</li> </ul> <ul class="right"> <li> <li class="u100" onmouseover="change('u101','block')" onmouseout="change('u101','none')"> <span>我的商城</span> <div id="u101"> <a>已买到的宝贝</a> <a>我的足迹</a> <a>我的上新</a> <a>啦啦啦</a> <a>噢噢噢噢</a> <a>哈哈</a> </div> </li> </li> <li class="line">|</li> <li><span>购物车</span></li> <li class="line">|</li> <li><span>收藏夹</span></li> <li class="line">|</li> <li><span>卖家中心</span></li> <li class="line">|</li> <li><span>联系客服</span></li> </ul> </div> <!--传智商城主体-->![图片说明](https://img-ask.csdn.net/upload/202002/13/1581607145_511523.png) <div id="header"> <a class="left"><img src="../images/5_ (1).gif" /></a> <div id="search" class="left"> <input type="text" class="left" /> <input class="search_btn" type="button" value="搜索" /> <p>热门搜索:网页培训 大学教材 智能手机 平板电脑</p> </div> <div id="info" class="left"> <input type="button" value="会员中心" /> <input type="button" value="去购物车结算" /> </div> </div> </body> </html> ``` ```
如何用win32api 实现windows任务栏背景全透明(图标不透明)
SetLayeredWindowAttributes(wndhd, 0, 10, LWA_ALPHA) 只能做到整个任务栏(包括图标)透明 求大神指点!
Mysql建表出现错误:1113 - A table must have at least 1 column
mysql初学者,在navicat上写了一个查询,如下: create table classinfo -- 创建班级表 ( cid int primary key auto_increment,-- 班级编号,主键,自增 cname varchar(20) not null unique,-- 班级名称,非空,唯一 ) create table student-- 创建学生表 ( sid int primary key auto_increment,-- 学号,主键,自增 sname varchar(20) not null,-- 姓名,非空 gender varchar(8) not null-- 性别,非空 height double not null,-- 身高,非空 age int default 0,-- 年龄,不填时默认为零 city varchar(20),-- 籍贯 phone char(11) unique,-- 手机号,唯一约束,即为无重复值, cid int,-- 所属班级编号,未分班的时候加为空 begintime timestamp,-- 出生日期 foreign key(cid) references classinfo(cid)-- 外键引用classinfo表 ) -- 创建成绩表 create table score ( sid int primary key,-- 成绩编号 chinese double not null,-- 语文成绩 math double not null,-- 数学成绩 major double not null,-- 专业课成绩 stuid int not null-- 学生编号 ) 下方信息栏显示的是: 1113 - A table must have at least 1 column 请问问题出在哪里了
我使用iframe实现了点击左边栏 只有右边的内容变化 但在跳转到servlert并转向jsp时,jsp的表格样式无法显示
![图片说明](https://img-ask.csdn.net/upload/202002/13/1581587866_147157.png) <div id="header1" class="panel-heading" style="padding-top:15px"> <i class="glyphicon glyphicon-dashboard" ></i> <a href="${pageContext.request.contextPath }/DoctorServlet" target="mainiframe">&nbsp咨询师管理</a> </div> <div id="page_content"> <iframe name="mainiframe" src="admin_shouye.jsp" id="mainiframe" scrolling="no" onload="resizeFrameHeight()" frameborder="0" width="100%"></iframe> </div> servlet: protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { DoctorDao ddao = new DoctorDao(); List<Doctor> findAll = ddao.findAllDoctor(); System.out.println(findAll); request.setAttribute("doc", findAll); request.getRequestDispatcher("Admin/doctor_find.jsp").forward(request, response); //response.sendRedirect("admin/doctor_find.jsp"); } jsp:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <!-- 引入所使用的bootstrap文件 --> <link href="../css/bootstrap.min.css" rel="stylesheet"> <script src="../js/jquery-3.0.0.min.js"></script> <script src="../js/bootstrap.min.js"></script> <style type="text/css"> <style> #outer { width: 800px; height: 500px; position: absolute; } </style> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <body> <div id="outer"> <center> <table class="table table-striped table-bordered table-hover table-condensed"> <thead> <tr class="active"> <td>编号</td> <td>姓名</td> <td>个人照片</td> <td>密码</td> <td>性别</td> <td>年龄</td> <td>手机号</td> <td>邮箱</td> <td>等级</td> <td>技能</td> <td>状态</td> </tr> </thead> <tbody> <c:forEach items="${doc}" var="doc"> <tr> <td>${doc.doctor_id}</td> <td>${doc.doctor_name}</td> <td>${doc.img}</td> <td>${doc.doctor_pwd}</td> <td>${doc.sex}</td> <td>${doc.age}</td> <td>${doc.phone}</td> <td>${doc.email}</td> <td>${doc.level}</td> <td>${doc.skill}</td> <td>${doc.active}</td> </tr> </c:forEach> </tbody> </table> </center> </div> </body> </html>
Android9.0下拉通知栏时,怎么去掉导航栏?
当我下拉通知栏时,导航栏也伴随着出现了,怎么去除掉此状态下的导航栏?![图片说明](https://img-ask.csdn.net/upload/201910/09/1570620075_122178.png) 在通知栏/状态栏出现的导航栏(虚拟按键)。怎么去掉?麻烦大家看完问题再说
在app运行的时候,如何--彻底--隐藏虚拟导航栏。
平板上的应用开发,在打开APP后全屏显示,要隐藏 navigationbar,而且是彻底隐藏那种,显示dialog的时候以及手指在底部边缘向上滑动时,虚拟导航栏也不显示,请问应该怎么实现?
Android7.1 如何在app中隐藏导航栏(虚拟按键)并且禁止其滑出
用的RK3399 Android7.1 要求打开app隐藏导航栏并且手指上滑不让它出来,在网上找了好多代码都是沉浸式的,但是手指上滑它就自己出来了
ios 导航栏设置隐藏后无效的问题
基本框架是用的UITabBarController+UINavigationController,在AppDelegate中添加了四个tab页 在tab页中,点击跳转二级页面是,设置隐藏导航栏,确始终会显示,不知道是哪里错了,有大佬能指点一二吗 AppDelegate中初始化代码: ``` HomeVC *homeVC = [[HomeVC alloc] init]; FindVC *findVC = [[FindVC alloc] init]; WorkRoomVC *workVC = [[WorkRoomVC alloc] init]; MineVC *mineVC = [[MineVC alloc] init]; UINavigationController *navHome = [[UINavigationController alloc]initWithRootViewController:homeVC]; UINavigationController *navFind = [[UINavigationController alloc]initWithRootViewController:findVC]; UINavigationController *navWork = [[UINavigationController alloc]initWithRootViewController:workVC]; UINavigationController *navMine = [[UINavigationController alloc]initWithRootViewController:mineVC]; UITabBarController *tabBar = [[UITabBarController alloc] init]; [tabBar addChildViewController:navHome]; [tabBar addChildViewController:navFind]; [tabBar addChildViewController:navWork]; [tabBar addChildViewController:navMine]; tabBar.tabBar.translucent = NO; tabBar.delegate = self; self.window.rootViewController = tabBar; ``` 在HomeVC中点击跳转: ``` SearchVC *vc = [[SearchVC alloc] init]; vc.hidesBottomBarWhenPushed = YES; [self.navigationController pushViewController:vc animated:YES]; ``` SearchVC中设置不显示导航栏: ``` - (void)viewWillAppear:(BOOL)animated{ [super viewWillAppear:animated]; self.navigationController.navigationBarHidden = YES; [self.navigationController setNavigationBarHidden:YES]; } ``` ![图片说明](https://img-ask.csdn.net/upload/201912/28/1577501476_702469.png)
使用STS运行程序左上角出现ast jtree example,无法运行
使用STS点击上面快捷栏里面的运行按钮时左上角出现ast jtree example,下面是ROOT-C1/C2/C3 程序无法正常运行,但是我的JRE包还有Java环境都是没问题的,我使用run on server在tomcat上运行就能出来,这是为什么?
请问现在Android studio底部菜单栏还能用tabactivity实现吗
请问现在Android studio底部菜单栏还能用tabactivity实现吗
iOS导航栏隐藏后出现BUG
一共有①②③三个页面,①push②,②push③。 正常左上角返回没有问题。 当加上边缘滑动返回时,③pop②,②pop①。 如果三个页面都显示导航栏也没有问题。 我这里①是隐藏导航栏的,②③是显示导航栏的。这样就会出BUG了。 当从②左侧边缘往右滑动时,如果只是稍微动一下,而没有返回到① (就是露出一点①页面之后,赶紧往往左滑,确保还停留在②页面) 这时就出问题了,②页面的导航栏没了,③的也没了。 这时只要返回到①页面重新进入就行了。如果说这个BUG影响不大。 但是还是存在一个更严重的BUG,这个着实令我着急啊。 当出现上面这个BUG后,重新从①进入②,没问题。 接着从②进入③,③的title就变成了②的title,③左上角的返回按钮也不管用了,导航栏出现严重的错乱。 有知道这个问题怎么破的吗?(这是苹果的问题,还是我哪里写的不对啊?)
webapp滑动导航栏类似手机app首页上的导航条能够滑动
类似手机app首页上的导航条能够滑动,内容也能够滑动,且滑动时,导航条也跟着滑动,相应标题变色。这个效果怎么实现啊。各位大神求助啊!
前端导出Word文档中线框异常问题
导出时候像页面一样线框,Word导出却又间隙,间隙我已经设置了,但还是有空隙,或者有什么方法可以设置和网页上一样的显示 ![图片说明](https://img-ask.csdn.net/upload/202002/02/1580631420_249382.jpg) ![图片说明](https://img-ask.csdn.net/upload/202002/02/1580631428_295238.png) ``` //word表格配置 function export2Word(element){ var html, link, blob, url, css; css = ( '<style>' + '@page WordSection1{size: 841.95pt 595.35pt;mso-page-orientation: landscape;}' + 'div.WordSection1 {page: WordSection1;}' + '</style>' + ' <div id="TestDiv">\n' + '\n' + ' <div align="center" style="font-size: 30px;"><b>全网接地情况表</b></div>\n' + '\n' + ' \n' + '\n' + ' <table width="100%">' ); html = element.innerHTML; blob = new Blob(['\ufeff', css + html], { type: 'application/msword' }); url = URL.createObjectURL(blob); link = document.createElement('A'); link.href = url; link.download = '全网接地情况表'; // default name without extension document.body.appendChild(link); if (navigator.msSaveOrOpenBlob ) navigator.msSaveOrOpenBlob( blob, '全网接地情况表.doc'); // IE10-11 else link.click(); // other browsers document.body.removeChild(link); } ``` ``` window.onload = function () { var exportWordBtn = document.getElementById('exportWord'); exportWordBtn.onclick=function(){ // 构建table表格 var table_ = document.createElement("table"); var t,d;//创建标题栏 for (var s=0;s<1;s++){ t = table_.insertRow(table_.rows.length); const keys =['序号','区域名称','电压等级','厂站','故障设备','故障发生时间','故障恢复时间','故障原因']; // keys font-weight: 700; for (var s2=0;s2<8;s2++){ d = t.insertCell(t.cells.length) d.style.borderStyle = 'solid'; d.style.borderWidth = '0px'; d.style.borderColor = 'black'; d.style.borderStyle = 'bold'; // d.style.fontSize="15px" d.innerHTML = keys[s2]; } } // table_.style.borderWidth = '0px'; // table_.style.borderColor = 'black'; // table_.style.borderStyle = 'solid'; // table_.style.border = '0px solid #000'; var tr,td;//创建单元格 for(var i=0;i<tableData.length;i++){ //循环插入元素 tr = table_.insertRow(table_.rows.length);//创建一行 tr.style.borderWidth = '0px'; tr.style.borderColor = 'black'; tr.style.borderStyle = 'solid'; const keys = ['number','area','voltage','stationName','deviceName','logStartTime','logEndTime','troubleResult']; for(var j=0;j<8;j++){ td = tr.insertCell(tr.cells.length);//创建单元格 td.style.borderWidth = '0px'; td.style.borderColor = 'black'; td.style.borderStyle = 'solid'; if (j!=null && j===2){//帮数据库查到的电压等级转换加KV td.innerHTML = tableData[i][keys[j]] / 1000 +'KV'; }else { td.innerHTML = tableData[i][keys[j]]; } } } //将table表格append到#docx .WordSection1 中 document.querySelector("#docx .WordSection1").appendChild(table_); var docx = document.getElementById('docx'); //调用export2word函数 export2Word(docx); //调用完成后将生成的表格remove掉 document.querySelector("#docx .WordSection1").removeChild(table_); } } ```
想把视频设置为背景,并在其上方添加图片 导航栏等内容
源代码 <div> <div id="videocontainer"> <video id="fullscreenvideo" playsinline="" autoplay="" muted="" loop=""> <source src="漫威:未来之战 5.0.mp4"> </video> </div> <div id="girlwu"> <img src="图标.jpg" width=100px height=100px /> </div> </div> CSS: #fullscreenvideo{ width:100%; height:100%; position:static; } #videocontainer{ width: 100%; height: 100%; filter:brightness(0.5); z-index: -999; } #girlwu{ width: 5px; heignt:5px; z-index: =2 } 图片中的小图标如何浮在视频上方,div怎么 ![图片说明](https://img-ask.csdn.net/upload/201912/02/1575268545_672762.png)
一个前端显示的问题,为什么我把小米商城首页的导航栏截了下来用ps测量是1565px,然后做一个相同宽度的盒子显示出来的却比原型网站宽得多?
我这里把小米商城首页那个导航栏截了下来用ps测量是1565px,然后做一个相同宽度的盒子显示出来的却比原型网站宽得多,试了半天只能设置1200px才能显示出来和原型网站一样宽度的dao'hang'lan ![图片说明](https://img-ask.csdn.net/upload/201911/19/1574094093_664836.png)![图片说明](https://img-ask.csdn.net/upload/201911/19/1574094114_891941.png)!![图片说明](https://img-ask.csdn.net/upload/201911/19/1574094146_429001.png)![图片说明](https://img-ask.csdn.net/upload/201911/19/1574094162_243880.png)
thymeleaf实现ifream效果
前端页面整合了thymeleaf以后,ifream标签就没效果了。使用 th:replace 标签就把页面写死了。 请问怎么实现点击左侧导航栏,使右侧区域呈现不同的html页面呢? 求大神解答!
终于明白阿里百度这样的大公司,为什么面试经常拿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怎么样了,所以今天尽量客观
程序员一般通过什么途径接私活?
二哥,你好,我想知道一般程序猿都如何接私活,我也想接,能告诉我一些方法吗? 上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”,还有很多读者问过我类似这样的问题。 我接的私活不算多,挣到的钱也没有多少,加起来不到 20W。说实话,这个数目说出来我是有点心虚的,毕竟太少了,大家轻喷。但我想,恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉,我也算是有经验的人了。 唾弃接私活、做外
大学四年自学走来,这些珍藏的「实用工具/学习网站」我全贡献出来了
知乎高赞:文中列举了互联网一线大厂程序员都在用的工具集合,涉及面非常广,小白和老手都可以进来看看,或许有新收获。
《阿里巴巴开发手册》读书笔记-编程规约
Java编程规约命名风格 命名风格 类名使用UpperCamelCase风格 方法名,参数名,成员变量,局部变量都统一使用lowerCamelcase风格 常量命名全部大写,单词间用下划线隔开, 力求语义表达完整清楚,不要嫌名字长 ...
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来获取数据。 在电脑上安装
Python绘图,圣诞树,花,爱心 | Turtle篇
1.画圣诞树 import turtle screen = turtle.Screen() screen.setup(800,600) circle = turtle.Turtle() circle.shape('circle') circle.color('red') circle.speed('fastest') circle.up() square = turtle.Turtle()
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东
破14亿,Python分析我国存在哪些人口危机!
2020年1月17日,国家统计局发布了2019年国民经济报告,报告中指出我国人口突破14亿。 猪哥的朋友圈被14亿人口刷屏,但是很多人并没有看到我国复杂的人口问题:老龄化、男女比例失衡、生育率下降、人口红利下降等。 今天我们就来分析一下我们国家的人口数据吧! 更多有趣分析教程,扫描下方二维码关注vx公号「裸睡的猪」 即可查看! 一、背景 1.人口突破14亿 2020年1月17日,国家统计局发布
听说想当黑客的都玩过这个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的这些硬核知识你必须会! 作为一个程序员,内存的这些硬核知识你必须懂! 这些知识可以说是我们之前都不太重视的基础知识,可能大家在上大学的时候都学习过了,但是嘞,当时由于老师讲解的没那么有趣,又加上这些知识本身就比较枯燥,所以嘞,大家当初几乎等于没学。 再说啦,学习这些,也看不出来有什么用啊!
别低估自己的直觉,也别高估自己的智商
所有群全部吵翻天,朋友圈全部沦陷,公众号疯狂转发。这两周没怎么发原创,只发新闻,可能有人注意到了。我不是懒,是文章写了却没发,因为大家的关注力始终在这次的疫情上面,发了也没人看。当然,我...
这个世界上人真的分三六九等,你信吗?
偶然间,在知乎上看到一个问题 一时间,勾起了我深深的回忆。 以前在厂里打过两次工,做过家教,干过辅导班,做过中介。零下几度的晚上,贴过广告,满脸、满手地长冻疮。   再回首那段岁月,虽然苦,但让我学会了坚持和忍耐。让我明白了,在这个世界上,无论环境多么的恶劣,只要心存希望,星星之火,亦可燎原。   下文是原回答,希望能对你能有所启发。   如果我说,这个世界上人真的分三六九等,
为什么听过很多道理,依然过不好这一生?
记录学习笔记是一个重要的习惯,不希望学习过的东西成为过眼云烟。做总结的同时也是一次复盘思考的过程。 本文是根据阅读得到 App上《万维钢·精英日课》部分文章后所做的一点笔记和思考。学习是一个系统的过程,思维模型的建立需要相对完整的学习和思考过程。以下观点是在碎片化阅读后总结的一点心得总结。
B 站上有哪些很好的学习资源?
哇说起B站,在小九眼里就是宝藏般的存在,放年假宅在家时一天刷6、7个小时不在话下,更别提今年的跨年晚会,我简直是跪着看完的!! 最早大家聚在在B站是为了追番,再后来我在上面刷欧美新歌和漂亮小姐姐的舞蹈视频,最近两年我和周围的朋友们已经把B站当作学习教室了,而且学习成本还免费,真是个励志的好平台ヽ(.◕ฺˇд ˇ◕ฺ;)ノ 下面我们就来盘点一下B站上优质的学习资源: 综合类 Oeasy: 综合
如何优雅地打印一个Java对象?
你好呀,我是沉默王二,一个和黄家驹一样身高,和刘德华一样颜值的程序员。虽然已经写了十多年的 Java 代码,但仍然觉得自己是个菜鸟(请允许我惭愧一下)。 在一个月黑风高的夜晚,我思前想后,觉得再也不能这么蹉跎下去了。于是痛下决心,准备通过输出的方式倒逼输入,以此来修炼自己的内功,从而进阶成为一名真正意义上的大神。与此同时,希望这些文章能够帮助到更多的读者,让大家在学习的路上不再寂寞、空虚和冷。 ...
雷火神山直播超两亿,Web播放器事件监听是怎么实现的?
Web播放器解决了在手机浏览器和PC浏览器上播放音视频数据的问题,让视音频内容可以不依赖用户安装App,就能进行播放以及在社交平台进行传播。在视频业务大数据平台中,播放数据的统计分析非常重要,所以Web播放器在使用过程中,需要对其内部的数据进行收集并上报至服务端,此时,就需要对发生在其内部的一些播放行为进行事件监听。 那么Web播放器事件监听是怎么实现的呢? 01 监听事件明细表 名
3万字总结,Mysql优化之精髓
本文知识点较多,篇幅较长,请耐心学习 MySQL已经成为时下关系型数据库产品的中坚力量,备受互联网大厂的青睐,出门面试想进BAT,想拿高工资,不会点MySQL优化知识,拿offer的成功率会大大下降。 为什么要优化 系统的吞吐量瓶颈往往出现在数据库的访问速度上 随着应用程序的运行,数据库的中的数据会越来越多,处理时间会相应变慢 数据是存放在磁盘上的,读写速度无法和内存相比 如何优化 设计
Linux 命令(122)—— watch 命令
1.命令简介 2.命令格式 3.选项说明 4.常用示例 参考文献 [1] watch(1) manual
Linux 命令(121)—— cal 命令
1.命令简介 2.命令格式 3.选项说明 4.常用示例 参考文献 [1] cal(1) manual
记jsp+servlet+jdbc实现的新闻管理系统
1.工具:eclipse+SQLyog 2.介绍:实现的内容就是显示新闻的基本信息,然后一个增删改查的操作。 3.数据库表设计 列名 中文名称 数据类型 长度 非空 newsId 文章ID int 11 √ newsTitle 文章标题 varchar 20 √ newsContent 文章内容 text newsStatus 是否审核 varchar 10 news...
Python新型冠状病毒疫情数据自动爬取+统计+发送报告+数据屏幕(三)发送篇
今天介绍的项目是使用 Itchat 发送统计报告 项目功能设计: 定时爬取疫情数据存入Mysql 进行数据分析制作疫情报告 使用itchat给亲人朋友发送分析报告(本文) 基于Django做数据屏幕 使用Tableau做数据分析 来看看最终效果 目前已经完成,预计2月12日前更新 使用 itchat 发送数据统计报告 itchat 是一个基于 web微信的一个框架,但微信官方并不允
相关热词 c# 数组类型 泛型约束 c#的赛狗日程序 c# 传递数组 可变参数 c# 生成存储过程 c# list 补集 c#获得所有窗体 c# 当前秒数转成年月日 c#中的枚举 c# 计算校验和 连续随机数不重复c#
立即提问