JS判断div的滚动条是否到底部

jsp文件中body里有一个div,这个div和body的高度不一样,我用js动态的向div中添加内容,每次添加内容是会判断 如果这个div中的滚动条在底部,添加内容成功后,滚动条会滚动到底部,如果滚动条不在底部,添加内容成功后,滚动条的位置不变。

if(document.getElementById('resShow').scrollTop + document.getElementById('resShow').Height() == document.getElementById('resShow').scrollHeight){
createContext(text);//动态的向div中添加一行或多行内容
document.getElementById('resShow').scrollTop=document.getElementById('resShow').scrollHeight;
}
else
createContext(text);

这个代码没有生效,请大神讲解!

1个回答

dom没有Height方法。。你扩展过没有?

获取显示高度用offsetHeight属性

document.getElementById('resShow').offsetHeight

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
js如何判断浏览器滚动条滚动到了底部?

``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width, user-scalable=no"> </head> <body> <div id="part1" style="height:2000px;overflow: auto;background: lightblue;"> </div> <div id="part2" style="height:3000px;overflow: auto;background:lightcoral;"> </div> <script> console.info(document.body.scrollHeight); console.info(document.body.clientHeight); console.info(document.body.offsetHeight); var d = document.getElementById("part1").offsetHeight; console.info(d); window.addEventListener("scroll", function(event) { var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; console.log(scrollTop); }); </script> </body> </html> ``` 写了这个简单的demo测试。 我想通过 scrollTop 与 scrollHeight 比对来判断是否滚动到底部,但是发现当滚到 part1底部的时候 scrollTop 是1700多,part1的高度为2000px。 当滚到 part2底部的时候 scrollTop 是4300多,part2的高度为3000px,总体body的高度应该为5000px。 这里面的 200多 和 600多 都是被什么给占了。。。 要说滚动条(scrollbar)也不可能有那么高, 看得我一愣一愣的完全不明白了。

滚动到 div 的底部?

<div class="post-text" itemprop="text"> <p>I am creating a chat using ajax requests in rails and I'm trying to get a div to scroll to the bottom without much luck.</p> <p>I am wrapping everything in this div:</p> <pre><code>#scroll { height:400px; overflow:scroll; } </code></pre> <p>Is there a way to keep it scrolled to the bottom by default using JS?</p> <p>Is there a way to keep it scrolled to the bottom after an ajax request?</p> </div> <p>转载于:https://stackoverflow.com/questions/270612/scroll-to-bottom-of-div</p>

请问怎么控制弹出框滚动条滚动到头部和底部时,不触发body的滚动事件。在遮罩层上可以滚动body

body内容较多,带有滚动条。弹出层为一个遮罩和一个div div上也有滚动条。如何控制在div上滚动到顶部和底部body不跟着滚动,在遮罩层上可以滚动body

及时通讯如何让滚动条始终在最底部?

及时通讯如何让滚动条始终在最底部? 就是发一条新消息,滚动条也滚动到最底部。 试了几种方法都无效。

如何用滚动条分页 ?

如何用滚动条分页 ?这是源代码 <!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=gb2312" /> <title>无标题文档</title> <script type="text/javascript"> function user( ) { var result ="<table border=1><tr><td>ID</td><td>Name</td><td>Class</td></tr>"; for (var i=0;i<18;i++) { result +="<tr>"; result +="<td>"+i+"</td>"; result +="<td>"+i+"</td>"; result +="<td>"+i+"</td>"; result +="</tr>"; } result +="</table>"; document.getElementById("xianshi").innerHTML=result; } </script> </head> <body onload="user( )"> <div id="cc" style="height:250px;width:200px;overflow-y:scroll;overflow-x:hidden;"> <div style="overflow:auto;height:80"> <div id="xianshi" > </div> <p>如何实现分页呢</p> </div> </div> </body> </html> </body> </html> [b]问题补充:[/b] 是这样的大哥,我的意思是http://bbs.okajax.com/demo/4/index2.html这个例子,只不过,我把上面的滑块分页换成右边的滚动条分页 [b]问题补充:[/b] numenzq ,就是那个样的,但是,滚动条怎么在下面呀,请你再调下,然后再给你分,好吧 [b]问题补充:[/b] 大哥,我现在有一个问题想问下你,我现在滚动滚动条,滚动的时候,传出int类型的数据,应该如何实现呀?

只用angularJs实现滚动到底部自动加载数据

不用jQuery,纯angularjs实现滚动条到达底部后自动加载数据,可以一直往下滚动那种,希望哪位大神给个思路或者是demo!

javascript中怎么设置滚动条的最大滚动高度

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

我的JS代码oTop.scrollTop=oTop.scrollHeight;不起作用,没有将滚动条处于底部

我想让滚动条,一直处于底部,用来显示新的消息内容;但是oTop.scrollTop=oTop.scrollHeight;这句话似乎没起到作用,哪里出了问题?该如何改正?求大神帮助???? ``` <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #box { width: 300px; height: 500px; border: 1px solid #000; margin: 0 auto; } #top { width: 300px; height: 449px; background: #E0B8DD; overflow-y: scroll; } ::-webkit-scrollbar { width: 5px; background: #E0B8DD; } ::-webkit-scrollbar-track { border-radius: 2px; } ::-webkit-scrollbar-thumb { border-radius: 2px; background: #827575; } #bottom { width: 300px; height: 50px; background: #94B896; border-top: 1px solid #213720; position: relative; } #bottom img { vertical-align: top; border: 1px solid #000; border-radius: 5px; width: 30px; height: 30px; position: absolute; top: 8px; left: 10px; cursor: pointer; } #top img { vertical-align: top; border: 1px solid #4D6384; border-radius: 5px; width: 20px; height: 20px; margin: 0 2px;} #text { position: absolute; top: 13px; left: 60px; height: 20px; width: 180px; } #btn { position: absolute; top: 13px; right: 5px; cursor: pointer; } .clear { zoom:1; } .clear { content: ''; display: block; clear: both; } span { padding: 0 5px; background: #439C53; border-radius: 5px; max-width: 239px; display: inline-block; word-wrap: break-word; } </style> <script> window.onload=function(){ var oTop=document.getElementById('top'); var oBottom=document.getElementById('bottom'); var oImg=oBottom.getElementsByTagName('img')[0]; var oText=document.getElementById('text'); var oBtn=document.getElementById('btn'); var onOff=true; oTop.scrollTop=oTop.scrollHeight;//滚动条处于底部 oImg.onclick=function(){ if(onOff==true){ oImg.src='img/2.png'; onOff=false; }else{ oImg.src='img/1.png'; onOff=true; } } oBtn.onclick=function(){ if(oText.value==''){ return alert('没有输入文字!'); }else{ if(onOff){ oTop.innerHTML+='<div class="talk" style=" width: 280px; margin:5px; float: left; position: relative;">'+'<img src="img/1.png">'+'<span style="left: 30px;">'+oText.value+'</span>'+'</div>'+'<br>'; oText.value=''; }else{ oTop.innerHTML+='<div class="talk" style=" width: 280px; margin: 5px; float: right; position: relative;">'+'<span style="right: 30px;">'+oText.value+'</span>'+'<img src="img/2.png">'+'</div>'+'<br>'; oText.value=''; } } } } </script> </head> <body> <div id="box"> <div id="top" > </div> <div id="bottom"> <img src="img/1.png" alt=""> <input id="text" type="text"> <input id="btn" type="button" value="发送"> </div> </div> </body> </html> ``` ``` ```

聊天并使滚动条设置在底部并附加新消息。

<div class="post-text" itemprop="text"> <p>Hello all I am working on a <strong>social networking website</strong> where I have a <strong>chat box</strong>. everything is working fine in the chatbox except that I have to reload the div after every 5 seconds to get the new messages which is causing some problems for me like the same database query is going to run over again and again after every 5 seconds. and also the scroller goeson top every time the chatbox reloads i can not set it as to scroll to bottom after every 5 seconds because there may be someone just reading the messages and he will not want to scroll the box back again and again. so in short what i want to ask that is there any other way for geting the new messages in chat box . and if this is the only way can you please tell me how to code for this logic if the scroller is above 10px fromthe bottom of div scroll to bottom and append new messages other wise just append new messages.</p> <p>Here is my code:</p> <pre><code> var autoload1 = setInterval( function showthemess1() { $.ajax({ type: 'POST', url: 'chitchatback2.php', data: {'chattingwith':"&lt;?=$nameIS2['id']?&gt;"}, success: function(chats){ $("#chatboxdiv").empty().append(chats); } }); }, 5000); </code></pre> <p>for making the scroller come to bottom i can do like </p> <pre><code> $(".bechmsgbox").animate({ scrollTop: $("#chatboxdiv")[0].scrollHeight },'slow'); </code></pre> </div>

滚动弹出层的滚动条时背景层不滚动

在做弹出层时,因内容太多,需要加滚动条,当滚动弹出层的滚动条时下面的背景层的滚动条也会滚动,现在想让背景层不滚动,怎么解决?

怎么实现表格的表头固定 ,表格不要滚动条

表格显示10行 或更多的数据 ,下拉页面的时候看不见表头 ,怎么能让表头像固定到底部的导航一样 ,随着页面的下拉移动。

手机端弹出层弹出时弹出层的内容滚动,同时禁止body内容滚动

最近做的一个项目,手机端的网站,请问弹出层弹出的时候禁止页面底下的body页面内容滚动,但是同时又需要弹出层里面额内容可以滚动,这种效果怎么实现,试过获取页面的scrollTop,然后弹出层出现后给也页面scrollTop()到滑动的位置,但是这种方法在安卓系统上(特别是小米)上运行不流畅,各位同行有没有好的方法可以解决呢?

MUI 上拉加载 始终显示在页面顶部

稍微往上一拉就会触发 贴代码,显示效果,求解 ![图片说明](https://img-ask.csdn.net/upload/201908/07/1565166234_463443.jpg) ``` <body style="height: 100%;"> <script src="../js/mui.js"></script> <script type="text/javascript"> mui.init(); </script> <!-- <header id="header" class="mui-bar mui-bar-nav navbar"> <button class="mui-btn mui-btn-blue mui-btn-link mui-pull-left mui-action-back" id="cancelbtn">返回</button> <h1 class="mui-title navtitle">备件领退用记录</h1> <button class="mui-btn mui-btn-blue mui-btn-link mui-pull-right" id="savebtn">申请</button> </header> --> <div id="refreshContainer" class="mui-content mui-scroll-wrapper" style=""> <div class="mui-scroll" id="scroll"> <!--数据列表--> <ul class="mui-table-view mui-table-view-chevron" style="margin-top: 50px;"> <li class="mui-table-view-cell"> <div class="mui-card"> <div class="mui-card-header"> <span style="display: block;">WX-20190801-000028</span> <button class="orderState" style="background:rgb(92,184,92);">退用</button> </div> <div class="mui-card-content"> <div class="mui-card-content-inner"> <div class="orderId">零备件仓库<img src="../images/rightarr.png" class="orderDateImg" style="margin-left:5px;margin-right:5px;width:25px">零备件仓库</div> <div class="orderDate"> <img src="../images/people.png" class="orderDateImg"> <div class="orderDateContent">领用人:管理员</div> </div> <div class="orderDate"> <img src="../images/shijian.png" class="orderDateImg"> <div class="orderDateContent">领用时间:2019-8-1 11:37</div> </div> </div> </div> </div> </li> <li class="mui-table-view-cell"> <div class="mui-card"> <div class="mui-card-header"> <span style="display: block;">WX-20190801-000028</span> <button class="orderState" style="background:rgb(92,184,92);">退用</button> </div> <div class="mui-card-content"> <div class="mui-card-content-inner"> <div class="orderId">零备件仓库<img src="../images/rightarr.png" class="orderDateImg" style="margin-left:5px;margin-right:5px;width:25px">零备件仓库</div> <div class="orderDate"> <img src="../images/people.png" class="orderDateImg"> <div class="orderDateContent">领用人:管理员</div> </div> <div class="orderDate"> <img src="../images/shijian.png" class="orderDateImg"> <div class="orderDateContent">领用时间:2019-8-1 11:37</div> </div> </div> </div> </div> </li> <li class="mui-table-view-cell"> <div class="mui-card"> <div class="mui-card-header"> <span style="display: block;">WX-20190801-000028</span> <button class="orderState" style="background:rgb(92,184,92);">退用</button> </div> <div class="mui-card-content"> <div class="mui-card-content-inner"> <div class="orderId">零备件仓库<img src="../images/rightarr.png" class="orderDateImg" style="margin-left:5px;margin-right:5px;width:25px">零备件仓库</div> <div class="orderDate"> <img src="../images/people.png" class="orderDateImg"> <div class="orderDateContent">领用人:管理员</div> </div> <div class="orderDate"> <img src="../images/shijian.png" class="orderDateImg"> <div class="orderDateContent">领用时间:2019-8-1 11:37</div> </div> </div> </div> </div> </li> <li class="mui-table-view-cell"> <div class="mui-card"> <div class="mui-card-header"> <span style="display: block;">WX-20190801-000028</span> <button class="orderState" style="background:rgb(92,184,92);">退用</button> </div> <div class="mui-card-content"> <div class="mui-card-content-inner"> <div class="orderId">零备件仓库<img src="../images/rightarr.png" class="orderDateImg" style="margin-left:5px;margin-right:5px;width:25px">零备件仓库</div> <div class="orderDate"> <img src="../images/people.png" class="orderDateImg"> <div class="orderDateContent">领用人:管理员</div> </div> <div class="orderDate"> <img src="../images/shijian.png" class="orderDateImg"> <div class="orderDateContent">领用时间:2019-8-1 11:37</div> </div> </div> </div> </div> </li> <li class="mui-table-view-cell"> <div class="mui-card"> <div class="mui-card-header"> <span style="display: block;">WX-20190801-000028</span> <button class="orderState" style="background:rgb(92,184,92);">退用</button> </div> <div class="mui-card-content"> <div class="mui-card-content-inner"> <div class="orderId">零备件仓库<img src="../images/rightarr.png" class="orderDateImg" style="margin-left:5px;margin-right:5px;width:25px">零备件仓库</div> <div class="orderDate"> <img src="../images/people.png" class="orderDateImg"> <div class="orderDateContent">领用人:管理员</div> </div> <div class="orderDate"> <img src="../images/shijian.png" class="orderDateImg"> <div class="orderDateContent">领用时间:2019-8-1 11:37</div> </div> </div> </div> </div> </li> </ul> </div> </div> <script> //公共变量 var fromsource = '维修'; var eqfiDevicename = ''; var eqfiDepartmentnum = ''; var maliId = ''; </script> <script> mui.init({ pullRefresh: { container: "#refreshContainer", //下拉刷新容器标识,querySelector能定位的css选择器均可,比如:id、.class等 down: { style: 'circle', //必选,下拉刷新样式,目前支持原生5+ ‘circle’ 样式 color: '#2BD009', //可选,默认“#2BD009” 下拉刷新控件颜色 height: '50px', //可选,默认50px.下拉刷新控件的高度, range: '100px', //可选 默认100px,控件可下拉拖拽的范围 offset: '0px', //可选 默认0px,下拉刷新控件的起始位置 auto: false, //可选,默认false.首次加载自动上拉刷新一次 callback: function() { } }, up: { height: 50, auto: false, contentrefresh: '正在加载...', contentnomore: '没有更多数据了', //可选,请求完毕若没有更多数据时显示的提醒内容; callback: function() { console.log($('#refreshContainer').css('height')); console.log($('#scroll').css('height')); } } } }); </script> </body> </html> ```

html页面如何根据鼠标滑轮滚动实现透明度的渐变

我想实现鼠标向下滚动透明度由高变低,向上滚动透明度由低变高的效果,停止滚动则停止变化,望各位大神不吝贴码!

html 左侧内容上下滚动 右侧列表固定的问题

https://blog.csdn.net/yshx1990/article/details/79262087 参考以上博客做右侧列表固定的时候发生了一些问题,由于项目需要用到bootstrap框架,所以在bootstrap框架下做了个demo测试了下。css、js部分没有变化,全部拷贝过来的。唯独html里加入了bootstrap的栅格,row col-md-x这些,然后就发生了问题。见下图: <br> ![图片说明](https://img-ask.csdn.net/upload/201905/15/1557924991_236275.png) <br> 刚开始下滑的时候没问题,直到接近页面底部时,右侧列表就没了。正常情况下应该是这样(没使用bootstrap的时候),和底部对齐,很完美。 <br> ![图片说明](https://img-ask.csdn.net/upload/201905/15/1557925191_794098.png) <br> 但现在变成了下图这样,侧边栏没了。也不知道是为啥,有大佬懂的吗? <br> ![图片说明](https://img-ask.csdn.net/upload/201905/15/1557925284_407429.png) <br> 下面是我仿照他的做的,js、css部分没有变化,就是html那边,加了几个栅格,为啥就崩了呢?有解决方法吗? css如下: ``` html,body{ width:100%; height:100%; } html,body,header,footer,div,section{ padding:0; margin:0; } .clearfix:after{ content:''; display:block; clear:both; height:0; visibility:hidden; } .clearfix{ zoom:1; } .sec-wrapper{ min-height:100%; } .head-top{ width:100%; height:100px; line-height:100px; text-align:center; font-size:16px; color:#fff; background:#E74445; } .main-section{ padding-bottom:100px; margin:20px auto; } .foot{ width:100%; height:2000px; line-height:100px; text-align:center; font-size:16px; color:#fff; background:#528FEA; margin-top:-100px; } .div-wrapper{ width:1200px; margin:0 auto; background:#F4F6F9; position:relative; } .cont-left{ width:900px; margin-right:10px; } .list-right{ } .cont-item{ width:100%; height:200px; background:tan; margin-top:10px; } .box-fixed{ width:290px; height:600px; padding-top:20px; background-color:#89A1C5; position:relative; top:0px; text-align:center; color:#fff; } .tab_fix_bottom { position: absolute; bottom: 0px; top: auto; } .tab_fix{ position:fixed; } ``` html如下: ``` <section class="sec-wrapper"> <header class="head-top">页面头部</header> <section class="main-section"> <div class="div-wrapper clearfix"> <div class="row"> <div class="col-md-9"> <div class="cont-left"> <div class="cont-item"></div> <div class="cont-item"></div> <div class="cont-item"></div> <div class="cont-item"></div> <div class="cont-item"></div> <div class="cont-item"></div> <div class="cont-item"></div> <div class="cont-item"></div> </div> </div> <div class="col-md-3"> <div class="list-right"> <div class="box-fixed">新闻列表</div> </div> </div> </div> </div> </section> </section> <footer class="foot">页面底部</footer> ``` js如下: ``` $(function(){ var fheight = $('.foot').height() +30; // 获取底部及底部上方边距的总高度 var boxfixed = $('.box-fixed'); // 获取固定容器的jquery对象 $(window).scroll(function() { var scrollTop = $(window).scrollTop(); // 获取滚动条滚动的高度 var contLeftTop = $('.cont-left').offset().top +20; // 右侧列表相对于文档的高度 var scrollBottom = $(document).height() - $(window).scrollTop() - boxfixed.height(); if (scrollTop >= contLeftTop) { if (scrollBottom > fheight) { // 滚动条距离底部的距离大于fheight,添加tab_fix类,否则添加tab_fix_bottom类 boxfixed.removeClass("tab_fix_bottom").addClass('tab_fix'); } else { boxfixed.removeClass('tab_fix').addClass("tab_fix_bottom"); } } else if (scrollTop < contLeftTop) { boxfixed.removeClass('tab_fix').removeClass("tab_fix_bottom"); } }); }); ```

在asp网站上添加了一个右侧悬浮客服代码,添加后网页上下段之间有个间隙,位置异常,请大家指点,谢谢!

![图片说明](https://img-ask.csdn.net/upload/201508/30/1440945887_568671.png) 我在我们网站上添加了悬浮于右侧中部的客服代码,网站是asp代码制作的,该客服代码是由3个文件组成,分别是(1)ggimages文件夹,主要放置客服广告的图片;(2)ggjs文件夹,主要放置js文件,内放置一个top.js文件;(3)网站根目录下放置一个gg.asp的文件,是客服代码的主程序。 存在问题:我在index主页底部引用gg.asp文件,代码如下:<div ><!--#include file="gg.asp"--> </div> 引用后,客服代码能够显示,但是在主页引用的部位出现一个巨大的间隙(客服代码的位置异常请看抓图),如果单独运行gg.asp,则正常显示,位置也在网站右侧中部,请大家帮忙指点一下是那个地方出了问题,谢谢!附代码: (一)主页index的头代码如下(因为页面会自动的编辑,所以在发帖的时候把代码的“<”去掉了,特别说明一下) head> meta http-equiv="Content-Type" content="text/html; charset=gb2312"> meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> link href="css/css.css" rel="stylesheet" type="text/css"> link href="css/css2.css rel="stylesheet" type="text/css"> !--#include file="conn.asp"--> /head> 页面底部引用gg.asp的代码如下:div ><!--#include file="gg.asp"--> </div> <!--#include file="end.asp" --> (二)右侧客服悬浮窗全部代码如下: title>右侧漂浮窗口</title> <!--右侧漂浮窗口头开始--> style type="text/css"> body{margin:0;height:1000px;} dl,dd,dt{margin:0;padding:0;} a{ text-decoration:none;} .floating-ck{position:fixed;right:10px;top:30%;} /相对位置/ .floating-ck dl dd{position:relative;width:130px;height:100px;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;} .floating-ck dl dd:hover{background-color:#FF0000;border-bottom:solid 1px #FF0000;} .floating-ck dl dd:hover .floating-left{display: block;} .consult{background-image:url(ggimages/icon0701/zxicon.png);} .words{background-image:url(ggimages/icon0701/tp.png);} .quote{background-image:url(ggimages/icon0701/kficon.png);} .qrcord{background-image:url(ggimages/icon0701/wb.png);} .floating-ck dd span{color:#000000;display:block;padding-top:70px;} .floating-left{position:absolute;left:-160px;top:0px;width:160px;height:100px;background-color:#FF0000;border-bottom:solid 1px #FF0000;display:none;} .floating-left a{color:#000000;line-height:100px;} .floating-ewm{height:200px;top:-100px;}/调整左侧弹出窗口的高度/ .floating-ewm i{background-image:url(ggimages/wb.png);display:block;width:145px;height:145px;margin:0;margin-top:20px;} .floating-ewm p{color:#000000;margin-top:30px;}/字的移动高度/ .floating-ewm .qrcord-p01{font-size:18px;line-height:20px;} .floating-ewm .qrcord-p02{font-size:18px;} .STYLE1 {color: #000000} /style> script type="text/javascript" src="ggjs/top.js"></script> <!--右侧漂浮窗口头结束--> <body> <!--右侧漂浮窗口主体开始--> div class="floating_ck"> <dl> <dt></dt> dd class="consult"> span class="STYLE1"> <a href="a.asp " target="_blank">在线互动</a> /span> /dd> dd class="words"> span class="STYLE1"> <a href="toupiao.asp " target="_blank">在线投票</a> /span> dd class="quote"> span class="STYLE1"> <a href="tencent://message/?uin=10000&Site=msn&Menu=yes #">官方QQ</a> /span> /dd> dd class="qrcord"> span class="STYLE1">官方微博 /span> div class="floating_left floating_ewm"> /div> /dd> /dl> /div> /body> <!--右侧漂浮窗口主体结束--> (三)top.js全部代码如下: /** * JavaScript脚本实现回到页面顶部示例 * @param acceleration 速度 * @param stime 时间间隔 (毫秒) **/ function gotoTop(acceleration,stime) { acceleration = acceleration || 0.1; stime = stime || 10; var x1 = 0; var y1 = 0; var x2 = 0; var y2 = 0; var x3 = 0; var y3 = 0; if (document.documentElement) { x1 = document.documentElement.scrollLeft || 0; y1 = document.documentElement.scrollTop || 0; } if (document.body) { x2 = document.body.scrollLeft || 0; y2 = document.body.scrollTop || 0; } var x3 = window.scrollX || 0; var y3 = window.scrollY || 0; // 滚动条到页面顶部的水平距离 var x = Math.max(x1, Math.max(x2, x3)); // 滚动条到页面顶部的垂直距离 var y = Math.max(y1, Math.max(y2, y3)); // 滚动距离 = 目前距离 / 速度, 因为距离原来越小, 速度是大于 1 的数, 所以滚动距离会越来越小 var speeding = 1 + acceleration; window.scrollTo(Math.floor(x / speeding), Math.floor(y / speeding)); // 如果距离不为零, 继续调用函数 if(x > 0 || y > 0) { var run = "gotoTop(" + acceleration + ", " + stime + ")"; window.setTimeout(run, stime); } }

vue的vuescroll插件苹果手机滑动不了,安卓手机没有问题

大佬们救助啊!!! ```<template> <div style="margin-top:-80px;"> <div class="page__hd"> <div class="weui-form-preview__ft"> <label class="weui-form-preview__btn weui-form-preview__btn_default"> <span @click="toIndex" style="color:rgb(0, 0, 0);">&lt;返回</span> </label> <label type="submit" class="weui-form-preview__btn weui-form-preview__btn_primary" href="javascript:" style="color:rgb(0, 0, 0);" >{{this.zqName}}合同</label> <label type="submit" class="weui-form-preview__btn weui-form-preview__btn_primary" style="color:rgb(0, 0, 0);" @click="select" > 筛选 <img src="../assets/000.png" height="20px" width="20px" /> </label> </div> </div> <div class="pr-wrap_tra" style=" overflow-y: scroll;touch-action: pan-y;-webkit-overflow-scrolling: touch;"> <div class="wrap-part_tra first_tra" > <vuescroll ref="vs" :ops="ops" @refresh-start="handleRS" @load-before-deactivate="handleLBD" @refresh-before-deactivate="handleRBD" @load-start="handleLoadStart" > <div v-for="item in ContractList" :key="item.dictid"> <div class="contractList_css_tra"> <div class="list_css_tra" @click="jumppage(item.dictid)"> <span style="float:left;">{{item.farmername}}</span> <span style="float:right;" v-if=" item.isrecord=== 0">糖厂未上报</span> <span style="float:right;" v-if=" item.isrecord=== 1">乡政府退回</span> <span style="float:right;" v-if=" item.isrecord=== 2">县政府退回</span> <span style="float:right;" v-if=" item.isrecord=== 5">糖厂已上报</span> <span style="float:right;" v-if=" item.isrecord=== 6">乡政府已上报</span> <span style="float:right" v-if=" item.isrecord=== 7">县政府已备案</span> <br /> <span style="color:#4169E1;float:left;margin-top: -5px;">({{item.ocnum}})</span> <!-- <p style="float:left; font-size:15px; color:#C0C0C0; margin-top: 5px" >&nbsp;&nbsp;{{item.signdate}}</p> --> <br /> <hr style="width: 100%;" /> <div class="tr_css_tra"> <table class="table_css_tra"> <tr class="title_tra"> <td>种植面积</td> <td>种植产量</td> <td>风险值</td> </tr> <tr class="content_tra"> <td>{{item.area?item.area.toFixed(2):0}} <span style="font-weight:bold;font-size: 13px;">亩</span> </td> <td>{{item.yeild?item.yeild.toFixed(2):0}} <span style="font-weight:bold;font-size: 13px;">吨</span></td> <td v-if=" item.isrecord == 0"> <span style="font-weight:bold;font-size: 13px;">-</span></td> <td v-if=" item.isrecord > 0 && item.matchstate ==0"> <span style="font-weight:bold;font-size: 13px;">计算中</span></td> <td v-if=" item.isrecord > 0 && item.matchstate ==1"> {{item.riskevaluation}} <span style="font-weight:bold;font-size: 13px;">%</span></td> </tr> </table> </div> <hr style="width: 100%;" /> <span style="float:left; margin-top: 10px; ">{{item.departname?item.departname:''}}</span> <span style="float:right; margin-top: 10px;">详情></span> </div> </div> </div> <div id="nodata" style="display:none">{{this.context}}</div> </vuescroll> </div> </div> </div> </template> <script> import vuescroll from "vuescroll"; import farmers from "@/api/farmers"; import indexApi from "@/api/index"; import Vue from "vue"; import axios from "axios"; export default { name: "myvuescroll", props: { // 语言 lang: { default: "zh" // en }, // 距离底部触发自动加载的距离 autoLoadDistance: { default: 10 }, // 是否开启下拉刷新 isRefresh: { default: true }, // 是否开启上拉加载 isPushLoad: { default: true }, // 数据是否全部加载完成 true为全部加载完成 noData: { default: false }, // 下拉刷新开始 refreshStart: { default: () => {} }, // 下拉刷新完成之后 refreshDeactivate: { default: () => {} }, // 上拉开始 loadStart: { default: () => {} }, // 上拉完成之后 loadDeactivate: { default: () => {} } }, components: { vuescroll }, data() { const config = {}; const ops = { vuescroll: { mode: "slide", pullRefresh: { enable: this.isRefresh }, pushLoad: { enable: this.isPushLoad, auto: true, //是否自动触发加载 autoLoadDistance: this.autoLoadDistance } } }; if (this.lang == "zh") { ops.vuescroll.pullRefresh.tips = { deactive: "下拉刷新", active: "释放刷新", start: "刷新中...", beforeDeactive: "刷新成功!" }; ops.vuescroll.pushLoad.tips = { deactive: "上拉加载", active: "释放加载", start: "加载中...", beforeDeactive: "加载成功!" }; } return { ops, config, pageNo: 1, isfirstload: false, end: 0, is: true, ContractList: [], zqName: "", minrisk: 0, maxrisk: 0, farmersName: "", contractCode: "", record: "", data: {}, zqCode: "", departCode: "", xzCode:"", user:{}, sx:true, xl:true, presser:'', context:'', //, maxarea:0, // minarea:0, // isrecord:0, // ocnum:0, // farmername:'' }; }, // created: function() { // this.myInstalHomeFun(); // }, created:function(){ this.user = this.$route.params.user; this.zqCode = this.$route.params.zqCode; this.departCode = this.$route.params.departCode; this.xzCode=this.$route.params.xzCode; this.zqName = this.$route.params.zqName; this.presser = this.$route.params.presser; }, mounted: function() { this.minrisk = this.$route.params.minrisk; this.maxrisk = this.$route.params.maxrisk; this.farmersName = this.$route.params.farmersName; this.contractCode = this.$route.params.contractCode; this.record = this.$route.params.record; this.FarmersContractList(); //需要触发的函数 // alert(this.minrisk) // alert(this.maxrisk) // alert(this.farmersName) // alert(this.contractCode) // alert(this.record) }, methods: { // FarmersContractList() { // let _this = this; // axios({ // url: // "/api/cloudec/fo/order/OrderContractController/GetOrderContractPage", // method: "post", // data: { // pageNo: 1, // pageSize: 10 // this.data=this.$route.query; // // this.maxarea=this.$route.query.maxarea; // // this.minarea=this.$route.query.minarea; // // this.isrecord=this.$route.query.isrecord; // // this.ocnum=this.$route.query.ocnum; // // this.farmername=this.$route.query.farmername; // }, // 刷新开始 // vsInstance vm===this // refreshDom === 刷新dom handleRS(vsInstance, refreshDom, done) { if (this.refreshStart) { this.refreshStart(done); } else { //this.setDone1(done); done(); } }, // 刷新完之后 handleRBD(vm, loadDom, done) { if (this.refreshDeactivate) { this.refreshDeactivate(done); } else { setTimeout(() => { this.setDone1(done); }, 600); } }, // 上拉开始 handleLoadStart(vm, dom, done) { if (this.loadStart) { this.loadStart(done); } else { if (this.isfirstload) { //this.setDone(done); done(); } else { done(); this.isfirstload = true; } } }, // 上拉完成后 handleLBD(vm, loadDom, done) { if (!this.$parent.noData) { if (this.loadDeactivate) { this.loadDeactivate(done); } else { setTimeout(() => { this.setDone(done); //done(); }, 600); } } else { setTimeout(() => { this.setDone(done); //done(); }, 600); } }, // 手动触发 外部通过ref触发 // type load 为加载 refresh 为刷新 trigger(type = "load") { this.$refs["vs"].triggerRefreshOrLoad(type); }, setDone(done) { if(this.sx){ this.pageNo++; this.FarmersContractList(); } done(); }, setDone1(done) { if(this.xl){ this.xl=false; this.ContractList = []; this.is=true; this.pageNo = 1; this.FarmersContractList(); } done(); }, FarmersContractList(done) { let _this = this; if (_this.is) { indexApi.FarmersContractList(this.pageNo,this.maxrisk,this.minrisk,this.record,this.contractCode,this.farmersName,this.departCode, this.zqCode,this.presser,this.xzCode,this.zj) .then(function(response) { // response.data中获取ResponseData实体 // alert(response); if(response.data.pageSize==0){ _this.context="暂无数据"; } for (var i = 0; i < response.data.page.dataList.length; i++) { _this.sx=false; _this.xl=false; _this.ContractList.push(response.data.page.dataList[i]); } _this.sx=true; _this.xl=true; if (response.data.page.totalPage == _this.pageNo) { _this.is = false; _this.context="暂无更多数据"; } //_this.ContractList = response.data.page.dataList; }) .catch(function(error) { // 发生错误 }); } else { //document.getElementById("nodata").style.display = "block"; } }, select() { this.$router.replace({ name: "select", params: { user: this.user, departCode:this.departCode, zqCode:this.zqCode, xzCode:this.xzCode, zqName:this.zqName, presser:this.presser } }); }, jumppage(val) { this.$router.replace({name: "contractInfo", params: { user: this.user,dictid: val, departCode:this.departCode, zqCode:this.zqCode, xzCode:this.xzCode, zqName:this.zqName, presser:this.presser}}); }, toIndex(){ this.$router.replace({name: "index"+this.user.wxUserInfo.userType, params: { user: this.user}}); } } }; </script> <style> .pr-wrap_tra { display: flex; height: calc(93vh); justify-content: center; width: 100%; } .pr-wrap_tra .wrap-part_tra { height: 100%; width: 100%; } .pr-wrap_tra .wrap-part_tra .first_tra { width: 100%; width: 100%; } .contractList_css_tra { position: relative; margin: 0 auto; width: 90%; height: 170px; background-color: #ffffff; border-radius: 5px; padding: 10px 10px 10px 10px; box-shadow: 5px 5px 10px 2px#DCDCDC; margin-bottom: 20px; } .tr_css_tra { margin: 10px 10px 10px 10px; /* border: 1px solid red; */ } /* .table_tra { width: 100%; text-align: center; margin-top: 50px; position: relative; margin: 0 auto; } */ .content_tra { color: #045ce4; } .table_css_tra{ width: 100%; text-align: center; margin-top: 50px; position: relative; margin: 0 auto; } </style> ```

关于Bootstrap中导航栏问题

我使用了bootstrap的响应式导航栏功能,为了使导航栏中每个<li>元素拥有同样的宽度,我设置CSS样式 width:16.6%;在页面未折叠之前,都运行良好。 ![图片说明](https://img-ask.csdn.net/upload/201708/18/1503060999_502542.jpg) 可是折叠之后就成了这样 ![图片说明](https://img-ask.csdn.net/upload/201708/18/1503060468_601164.jpg) 本来“start”(navbar-band)应该单独占一行的,现在和要折叠的内容在同一行了。 我觉得这是由于我设置了<li>元素宽度的问题,但如果我不设置其宽度,每个<li>元素的 宽度就不等,这样在应用a:hover时就显得很难看。请问该怎样解决? html ``` <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html" charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Marine Geology Office 201</title> <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <link href="styles/index.css" rel="stylesheet" media="screen" /> </head> <body> <header> <div class="container"> <div class="row"> <div class="col-sm-8 col-xs-12"> <div class="row"> <div class="col-sm-3 col-xs-4"> <a href="http://www.zju.edu.cn/"><img id="logo" src="images/school.gif" class="img-responsive" alt="ZJU" /></a> </div> <div class="col-sm-9 col-xs-8"> <h1 id="title" class="text-left"><b><i>Marine Geology Office 201</i></b></h1> </div> </div> </div> <div class="col-sm-4 col-xs-12"> <form role="form" id="search"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search..." /> <span class="input-group-btn"> <button class="btn btn-default" type="button"><span class="glyphicon glyphicon-search"></span></button> </span> </div> </form> </div> </div> </div> <div class="container"> <nav class="navbar" role="navigation"> <div class="nav-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand visible-xs" href="#">Start</a> </div> <div class="collapse navbar-collapse" id="navbar"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Introduction</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Teachers <b class="caret"></b> </a> <ul class="dropdown-menu" role="meun"> <li><a href="#">ChunFeng Li</a></li> <li><a href="#">YingMin Wang</a></li> </ul> </li> <li><a href="#">Students</a></li> <li><a href="#">News</a></li> <li><a href="#">Contact</a></li> </ul> </div> </nav> </div> </header> <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </body> </html> ``` index.css ``` body{ background-color:#fdfcf8; margin-left:10%; margin-right:10%; margin-top:1em; } #logo{ min-width:4em; padding-left:10%; padding-right:10% } #title{ padding-top:5%; margin-left:-0.5em; } #search{ padding-top:0.3em; } nav{ margin-top:0.5em; background-color:#A52A2A; } #navbar>ul{ width:100%; } #navbar>ul>li{ width:16.5%; min-width:13em; } #navbar>ul>li>a{ color:#FFFFFF; font-size:2em; text-align:center; } #navbar>ul>li>a:visited{ color:#FFFFFF; font-size:2em; text-align:center; font-weight:bold; background-color:#DC143C; } #navbar>ul>li>a:hover{ color:#FFFFFF; font-size:2em; text-align:center; font-weight:bold; background-color:#DC143C; } #navbar>ul>li>a:active{ color:#FFFFFF; font-size:2em; text-align:center; font-weight:bold; background-color:#DC143C; } div.nav-header>button{ background-color:#FFFFFF; } div.nav-header>button>span{ background-color:#A52A2A; } #navbar ul.dropdown-menu{ width:100%; } #navbar ul.dropdown-menu a{ font-size:20px; text-align:center; } div.nav-header a{ color:#FFFFFF; font-weight:bold; font-size:25px; } ```

html2canvas截图生成图片内容不全如何解决?

html2canvas中,当我在父div中有一个<img />标签的图片时候就截取失败,而其它的则是正常截取,我想截取的时候父div中的所有内容都生成一张图片如何解决? 或者有哪位大哥有其它的方法? ![图片说明](https://img-ask.csdn.net/upload/201709/18/1505742300_577100.jpg) 生成的却是 ![图片说明](https://img-ask.csdn.net/upload/201709/18/1505742353_580727.png)

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

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

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

华为初面+综合面试(Java技术面)附上面试题

华为面试整体流程大致分为笔试,性格测试,面试,综合面试,回学校等结果。笔试来说,华为的难度较中等,选择题难度和网易腾讯差不多。最后的代码题,相比下来就简单很多,一共3道题目,前2题很容易就AC,题目已经记不太清楚,不过难度确实不大。最后一题最后提交的代码过了75%的样例,一直没有发现剩下的25%可能存在什么坑。 笔试部分太久远,我就不怎么回忆了。直接将面试。 面试 如果说腾讯的面试是挥金如土...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

讲一个程序员如何副业月赚三万的真实故事

loonggg读完需要3分钟速读仅需 1 分钟大家好,我是你们的校长。我之前讲过,这年头,只要肯动脑,肯行动,程序员凭借自己的技术,赚钱的方式还是有很多种的。仅仅靠在公司出卖自己的劳动时...

win10暴力查看wifi密码

刚才邻居打了个电话说:喂小灰,你家wifi的密码是多少,我怎么连不上了。 我。。。 我也忘了哎,就找到了一个好办法,分享给大家: 第一种情况:已经连接上的wifi,怎么知道密码? 打开:控制面板\网络和 Internet\网络连接 然后右击wifi连接的无线网卡,选择状态 然后像下图一样: 第二种情况:前提是我不知道啊,但是我以前知道密码。 此时可以利用dos命令了 1、利用netsh wlan...

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

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

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

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

带了6个月的徒弟当了面试官,而身为高级工程师的我天天修Bug......

即将毕业的应届毕业生一枚,现在只拿到了两家offer,但最近听到一些消息,其中一个offer,我这个组据说客户很少,很有可能整组被裁掉。 想问大家: 如果我刚入职这个组就被裁了怎么办呢? 大家都是什么时候知道自己要被裁了的? 面试软技能指导: BQ/Project/Resume 试听内容: 除了刷题,还有哪些技能是拿到offer不可或缺的要素 如何提升面试软实力:简历, 行为面试,沟通能...

!大部分程序员只会写3年代码

如果世界上都是这种不思进取的软件公司,那别说大部分程序员只会写 3 年代码,恐怕就没有程序员这种职业。

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

HTTP与HTTPS的区别

面试官问HTTP与HTTPS的区别,我这样回答让他竖起大拇指!

程序员毕业去大公司好还是小公司好?

虽然大公司并不是人人都能进,但我仍建议还未毕业的同学,尽力地通过校招向大公司挤,但凡挤进去,你这一生会容易很多。 大公司哪里好?没能进大公司怎么办?答案都在这里了,记得帮我点赞哦。 目录: 技术氛围 内部晋升与跳槽 啥也没学会,公司倒闭了? 不同的人脉圈,注定会有不同的结果 没能去大厂怎么办? 一、技术氛围 纵观整个程序员技术领域,哪个在行业有所名气的大牛,不是在大厂? 而且众所...

程序员为什么千万不要瞎努力?

本文作者用对比非常鲜明的两个开发团队的故事,讲解了敏捷开发之道 —— 如果你的团队缺乏统一标准的环境,那么即使勤劳努力,不仅会极其耗时而且成果甚微,使用...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

终于懂了TCP和UDP协议区别

终于懂了TCP和UDP协议区别

Python爬虫,高清美图我全都要(彼岸桌面壁纸)

爬取彼岸桌面网站较为简单,用到了requests、lxml、Beautiful Soup4

无代码时代来临,程序员如何保住饭碗?

编程语言层出不穷,从最初的机器语言到如今2500种以上的高级语言,程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新,一边面临由于许多代码已存在,程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法,它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中,可视化建模来组装和配置应用程序。这样一来,开发者直...

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

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

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

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

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

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

美团面试,问了ThreadLocal原理,这个回答让我通过了

他想都想不到,ThreadLocal我烂熟于心

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

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

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

立即提问
相关内容推荐