手机微信端上下滑动的scrollTop值一直获取为0 80C

手机微信端上下滑动的scrollTop值一直获取为0,当我添加了

     $("body").bind('touchmove',function (e) {
        e.preventDefault();
    }, false);

这段代码之后手机微信端直接无法上下拖拽滑动了;
不过在注释了 e.preventDefault()之后,虽然可以在手机微信端上下拖拽滑动了,可是获取到的scrollTop值一直为0(不用纠结我问获取scrollTop的方式,我试过四五种方法,都是在别的项目都可以轻松正确获取到scrollTop的值的方式),是0哦,还不是undefined,body下就是一个大的div,这个div的长宽都有设定,肯定已经把body撑开了,真的不清楚到底是哪里出了问题,导致手机微信端获取不到值。

2个回答

$(window).on('scroll', function () {
var scrollTop = $(this).scrollTop();
})

huijiahekele
可乐会唱歌 回复zhuzhu2015_: Description: Get the current vertical position of the scroll bar for the first element in the set of matched elements or set the vertical position of the scroll bar for every matched element.通过$('body')获取的是第一个字元素的滚动条,但是滚动条是body的,所以是0,通过$('html')就可以获取得到body的滚动条
接近 2 年之前 回复
huijiahekele
可乐会唱歌 Description: Get the current vertical position of the scroll bar for the first element in the set of matched elements or set the vertical position of the scroll bar for every matched element.
接近 2 年之前 回复
zhuzhu2015_
zhuzhu2015_ 哥们儿,我已经说过了,和获取scrollTop的方式无关,你这个我也试过、主要我想知道到底是哪里阻止了scrollTop的值的获取
接近 2 年之前 回复

没问题吧。。


<script src="https://cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script>
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0" />
<script>
    $(function () {
        $(document).bind('touchmove', function (e) {
            $('#dvP').html(document.body.scrollTop + '-' + new Date().toLocaleString())

        });
    });
</script><div id="dvP" style="position:fixed;right:0;top:0"></div>
<div style="height:9999px">xx1<br /><br /><br /><br /><br /><br /><br /><br />2<br /><br /><br /><br /><br /><br /><br /><br />3</div>

在线DEMO:http://www.w3dev.cn/test.html

qq_41702208
qq_41702208 哦哦
接近 2 年之前 回复
zhuzhu2015_
zhuzhu2015_ 大神,我记得您,咳咳,之前貌似关照过好几次了,我的QQ:526681346,麻烦您加一下,我把代码直接给您看看,您看到底是哪里出了问题,行嘛?
接近 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
微信页面回退记忆scrollTop值失效问题
本人想做一个网页后退后记忆滚动条位置的功能,在新版本谷歌、火狐、ie浏览器测试都能正常使用,但是唯独在微信上打开页面大多数情况下此功能失效,只有小几率会成功,求专家帮忙解决,这是代码 ``` window.onload=function(){ if(location.hash){ var st=location.hash.replace('#st=',''); $(window).scrollTop(st); //alert(st); } }; window.onunload=function(){ var hrefs=''; if(location.hash){ hrefs=location.hash.replace(/#st=\d+/,''); } history.replaceState('','',hrefs+'#st='+$(window).scrollTop()); }; ```
微信端页面的下拉刷新,兼容手机端和PC端
之前只弄过滚动条滚到底部自动加载下一页,引入了一个别人写的infinite.js 现在功能是要类似于QQ聊天那样的到达顶部触发加载之前的聊天内容,自己试着写了一下,感觉写的好复杂,求助 我写的JS var system ={ win : false, mac : false, xll : false }; //检测平台 var p = navigator.platform; system.win = p.indexOf("Win") == 0; system.mac = p.indexOf("Mac") == 0; system.x11 = (p == "X11") || (p.indexOf("Linux") == 0); if(system.win||system.mac||system.xll){ window.onload = function () { function onMouseWheel(ev) {/*当鼠标滚轮事件发生时,执行一些操作*/ var ev = ev || window.event; var scrollTop=$(window).scrollTop(); if(scrollTop == 0){ if(chat_page < chat_totalPages){ getChatList(++chat_page); }else{ return; } } if(ev.preventDefault){/*FF 和 Chrome*/ ev.preventDefault();// 阻止默认事件 } return false; } addEvent(document.body,'mousewheel',onMouseWheel); addEvent(document.body,'DOMMouseScroll',onMouseWheel); } function addEvent(obj,xEvent,fn) { if(obj.attachEvent){ obj.attachEvent('on'+xEvent,fn); }else{ obj.addEventListener(xEvent,fn,false); } } }else{ $(document.body).infinite().on("infinite", function() { if(chat_loading) return; chat_loading = true; setTimeout(function() { if(chat_page < chat_totalPages){ getChatList(++chat_page); }else{ return; } chat_loading = false; }, 500); //模拟延迟 }); } infinite.js 复制代码 /* =============================================================================== ************ Infinite ************ =============================================================================== */ /* global $:true */ +function ($) { "use strict"; $.fn.scrollHeight = function() { return this[0].scrollHeight; }; var Infinite = function(el, distance) { this.container = $(el); this.container.data("infinite", this); this.distance = distance || 50; this.attachEvents(); } Infinite.prototype.scroll = function() { var container = this.container; var offset = container.scrollHeight() - ($(window).height() + container.scrollTop()); if(offset <= this.distance) { container.trigger("infinite"); } } Infinite.prototype.attachEvents = function(off) { var el = this.container; var scrollContainer = (el[0].tagName.toUpperCase() === "BODY" ? $(document) : el); scrollContainer[off ? "off" : "on"]("scroll", $.proxy(this.scroll, this)); }; Infinite.prototype.detachEvents = function(off) { this.attachEvents(true); } var infinite = function(el) { attachEvents(el); } $.fn.infinite = function(distance) { return this.each(function() { new Infinite(this, distance); }); } $.fn.destroyInfinite = function() { return this.each(function() { var infinite = $(this).data("infinite"); if(infinite && infinite.detachEvents) infinite.detachEvents(); }); } }($);
微信小程序通讯录首字母索引效果,车辆品牌选择列表。获取失效?
微信小程序通讯录首字母索引效果,车辆品牌选择列表。获取失效?在上周的时候都能正常使用,这周一 一来测试就报502. 报错代码: POST http://api.besttool.cn/?c=Car&a=brandlist 502 (Bad Gateway) 源代码: var app = getApp(); Page({ data: { list:[] }, onLoad: function (options) { var that = this; wx.request({ url: 'http://api.besttool.cn/?c=Car&a=brandlist', method: 'post', header: { 'content-type': 'application/x-www-form-urlencoded' }, data: { appid: 1, secret: 'd90824a5a8224fd7bb4fdffd331c62aa' }, success(res) { console.log(res); that.setData({ list: res.data.brandlist }); } }) }, chooseLetter(e) { this.setData({ curLetter: null }); var letter = e.currentTarget.dataset.letter; console.log(letter); // 查找对应的id var id = "#letter" + letter; const query = wx.createSelectorQuery() query.select(id).boundingClientRect() query.selectViewport().scrollOffset() query.exec(function (res) { wx.pageScrollTo({ scrollTop: res[0].top + res[1].scrollTop, duration: 300 }) }) }, isCar:function(e){ var CarName = e.currentTarget.id; app.globalData.chooseCar = CarName; wx.navigateTo({ url: '../addMyCar/addMyCar', }) } })
每次点击回到顶部按钮时,页面会闪一下,看着就是顶部,然后才会慢慢往上滑动,怎样解决闪一下的问题?麻烦看下js有问题吗?
var backButton=$('.back_to_top'); $(document).ready(function () { function backToTop() { $('html,body').animate({ scrollTop: 0 }, 800); } backButton.on('click', backToTop); $(window).on('scroll', function () {/*当滚动条的垂直位置大于浏览器所能看到的页面的那部分的高度时,回到顶部按钮就显示 */ if ($(window).scrollTop() > $(window).height()) backButton.fadeIn(); else backButton.fadeOut(); }); $(window).trigger('scroll');/*触发滚动事件,避免刷新的时候显示回到顶部按钮*/ })
微信公众号内的页面的下拉刷新,兼容手机端和PC端
现在功能是要类似于QQ聊天那样的到达顶部触发加载之前的聊天内容 我在电脑端实现的js,但我需要两端都能实现 ``` var system ={ win : false, mac : false, xll : false }; //检测平台 var p = navigator.platform; system.win = p.indexOf("Win") == 0; system.mac = p.indexOf("Mac") == 0; system.x11 = (p == "X11") || (p.indexOf("Linux") == 0); if(system.win||system.mac||system.xll){ window.onload = function () { function onMouseWheel(ev) {/*当鼠标滚轮事件发生时,执行一些操作*/ var url = window.location.href; if(url.indexOf("chat/detail") != -1){ var ev = ev || window.event; var scrollTop=$(window).scrollTop(); if(scrollTop == 0){ if(chat_page < chat_totalPages){ getChatList(++chat_page); }else{ return; } } if(ev.preventDefault){/*FF 和 Chrome*/ ev.preventDefault();// 阻止默认事件 } return false; } } addEvent(document.body,'mousewheel',onMouseWheel); addEvent(document.body,'DOMMouseScroll',onMouseWheel); } function addEvent(obj,xEvent,fn) { if(obj.attachEvent){ obj.attachEvent('on'+xEvent,fn); }else{ obj.addEventListener(xEvent,fn,false); } } } ```
本人是初学者看一些代码有些不懂,还请大神指点一下,谢谢
${ msg }表示什么意思呢??? index.jsp怎么跳转到main.jsp呢??? **index.jsp** ``` <html > <title>聊天室</title> <link href="CSS/style.css" rel="stylesheet"> <script type="text/javascript"> function check(){ if(document.getElementById("form1").username.value==""){ alert("请输入用户名!"); document.getElementById("form1").username.focus(); return false; } if(document.getElementById("form1").password.value==""){ alert("请输入密码名!"); document.getElementById("form1").password.focus(); return false; } } </script> <body> <br> <center><h3 style="color:red;">${ msg }</h3></center> <form id="form1" name="form1" method="post" action="${pageContext.request.contextPath }/user" onSubmit="return check()"> <input type="hidden" name="method" value="login"> <table width="371" height="230" border="0" align="center" cellpadding="0" cellspacing="0" background="images/login.jpg"> <tr> <td height="120" colspan="3" class="word_dark">&nbsp;</td> </tr> <tr> <td width="53" align="center" valign="top" class="word_dark">&nbsp;</td> <td width="216" align="center" valign="top" class="word_dark"> <table width="100%" height="100%"> <tr> <td>用户名:</td> <td><input type="text" name="username" class="login"></td> </tr> </table> </td> <td width="94" valign="top" class="word_dark"></td> </tr> <tr> <td width="53" align="center" valign="top" class="word_dark">&nbsp;</td> <td width="216" align="center" valign="top" class="word_dark"> <table width="100%" height="100%"> <tr> <td>密&nbsp;&nbsp;码:</td> <td><input type="password" name="password" class="login"></td> </tr> </table> </td> <td width="94" valign="top" class="word_dark"></td> </tr> <tr> <td width="53" align="center" valign="top" class="word_dark">&nbsp;</td> <td width="216" align="center" valign="top" class="word_dark"> <input name="Submit" type="submit" class="btn_bg" value="进 入"> </td> <td width="94" valign="top" class="word_dark"> </td> </tr> </table> </form> </body> </html> ``` **main** ``` <%@page contentType="text/html" pageEncoding="UTF-8"%> <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@ include file="safe.jsp"%> <html> <head> <title>聊天室</title> <link href="CSS/style.css" rel="stylesheet"> <script type="text/javascript" src="${ pageContext.request.contextPath }/js/jquery-1.8.3.js"></script> <script type="text/javascript"> var sysBBS = "<span style='font-size:14px; line-height:30px;'>欢迎光临心之语聊天室,请遵守聊天室规则,不要使用不文明用语。</span><br><span style='line-height:22px;'>";var sysBBS = "<span style='font-size:14px; line-height:30px;'>欢迎光临心之语聊天室,请遵守聊天室规则,不要使用不文明用语。</span><br><span style='line-height:22px;'>"; window.setInterval("showContent();",1000); window.setInterval("showOnLine();",10000); window.setInterval("check();",1000); // Jquery:JS框架. // 相当于window.onload $(function(){ showOnLine(); showContent(); check(); }); function check(){ $.post("${pageContext.request.contextPath}/user?method=check",function(data){ if(data == 1){ // 提示用户下线了 alert("用户已经被踢下线了!"); // 回到登录页面! window.location = "index.jsp"; } }); } // 显示在线人员列表 function showOnLine(){ // 异步发送请求 获取在线人员列表 // Jquery发送异步请求 $.post("${pageContext.request.contextPath}/online.jsp?"+new Date().getTime(),function(data){ // $("#online") == document.getElementById("online"); $("#online").html(data); }); } // 显示聊天的内容 function showContent(){ $.post("${pageContext.request.contextPath}/user?"+new Date().getTime(),{'method':'getMessage'},function(data){ $("#content").html(sysBBS+data); }); } function set(selectPerson){ //自动添加聊天对象 if(selectPerson != "${existUser.username}"){ form1.to.value=selectPerson; }else{ alert("请重新选择聊天对象!"); } } function send(){ if(form1.to.value==""){ alert("请选择聊天对象!"); return false; } if(form1.content.value==""){ alert("发送信息不可以为空!"); form1.content.focus(); return false; } // $("#form1").serialize():让表单中所有的元素都提交. // jquery提交数据.{id:1,name:aa,age:25} $.post("${pageContext.request.contextPath}/user?"+new Date().getTime(),$("#form1").serialize(),function(data){ $("#content").html(sysBBS+data+"</span>"); }); } function exit(){ alert("欢迎您下次光临!"); window.location.href="${pageContext.request.contextPath}/user?method=exit"; } function checkScrollScreen(){ if(!$("#scrollScreen").attr("checked")){ $("#content").css("overflow","scroll"); }else{ $("#content").css("overflow","hidden"); //当聊天信息超过一屏时,设置最先发送的聊天信息不显示 //alert($("#content").height()); $("#content").scrollTop($("#content").height()*2); } setTimeout('checkScrollScreen()',500); } </script> </head> <body> <table width="778" height="150" border="0" align="center" cellpadding="0" cellspacing="0" background="images/top.jpg"> <tr> <td>&nbsp;</td> </tr> </table> <table width="778" height="276" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="165" valign="top" bgcolor="#f6fded" id="online" style="padding:5px">在线人员列表</td> <td width="613" height="200px" valign="top" background="images/main_bj.jpg" bgcolor="#FFFFFF" style="padding:5px; "> <div style="height:290px; overflow:hidden" id="content">聊天内容</div></td> </tr> </table> <table width="778" height="95" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#D6D3CE" background="images/bottom.jpg"> <form action="" id="form1" name="form1" method="post"> <input type="hidden" name="method" value="sendMessage"/> <tr> <td height="30" align="left">&nbsp;</td> <td height="37" align="left"> <input name="from" type="hidden" value="${existUser.username}">[${existUser.username} ]对 <input name="to" type="text" value="" size="35" readonly="readonly"> 表情 <select name="face" class="wenbenkuang"> <option value="无精打采的">无精打采的</option> </select> 说:</td> <td width="189" align="left">&nbsp;&nbsp;字体颜色: <select name="color" size="1" class="wenbenkuang" id="select"> <option selected>默认颜色</option> <option style="color:#999999" value="999999">烟雨蒙蒙</option> </select> </td> <td width="19" align="left"><input name="scrollScreen" type="checkbox" class="noborder" id="scrollScreen" onClick="checkScrollScreen()" value="1" checked> </td> </tr> <tr> <td width="21" height="30" align="left">&nbsp;</td> <td width="549" align="left"> <input name="content" type="text" size="70" onKeyDown="if(event.keyCode==13 && event.ctrlKey){send();}"> <input name="Submit2" type="button" class="btn_grey" value="发送" onClick="send()"> </td> <td align="right"><input name="button_exit" type="button" class="btn_grey" value="退出聊天室" onClick="exit()"> </td> <td align="center">&nbsp;</td> </tr> <tr> <td height="30" align="left">&nbsp;</td> <td align="center">&nbsp;</td> </tr> </form> </table> </body> </html> ```
新手求助,我写的js侧边栏上下滑动固定效果,为什么我的一直上下抖动
鼠标滚动得快的时候就出现问题,怎么解决啊? ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ height: 2500px; } #Div{ background-color: red; width: 100px; height: 100px; position: absolute; right: 0; } #text{ width:400px; height: 30px; position: fixed; } </style> <script type="text/javascript"> window.onscroll = function(){ var div=document.getElementById('Div'); var scrollTop = document.documentElement.scrollTop||document.body.scrollTop; var target=parseInt(scrollTop+(document.documentElement.clientHeight-div.offsetHeight)/2); startMove(target); } function startMove(target){ var timer=null; var div=document.getElementById('Div'); clearInterval(timer); timer=setInterval(function(){ var iSpeed=(target-div.offsetTop)/8; iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed); var text = document.getElementById('text'); text.value="目标为: "+target+" offsetTop: "+div.offsetTop+ " iSpeed:"+iSpeed; if(div.offsetTop==target) { clearInterval(timer); } else{ div.style.top=div.offsetTop+iSpeed+'px'; } },30); } </script> </head> <body> <div id="Div"></div> <input type="text" id="text"/> </body> </html> ```
手机端弹出层弹出时弹出层的内容滚动,同时禁止body内容滚动
最近做的一个项目,手机端的网站,请问弹出层弹出的时候禁止页面底下的body页面内容滚动,但是同时又需要弹出层里面额内容可以滚动,这种效果怎么实现,试过获取页面的scrollTop,然后弹出层出现后给也页面scrollTop()到滑动的位置,但是这种方法在安卓系统上(特别是小米)上运行不流畅,各位同行有没有好的方法可以解决呢?
vue滚动条 滚动动画如何实现
如何实现vue滚动条,滚动到置顶位置,如何实现平滑的动画效果。 ``` methods:{ Scroll(){ document.documentElement.scrollTop = document.getElementById('header').offsetWidth; }, } ``` 我滚动的距离是正好一个可视界面的距离,我这个没有平滑的效果,该如何实现
scrolltop在移动端不能实时监听
scrolltop在移动端不能实时获取数据。想实现滚动距离来决定tab是否固定在顶部,scrolltop获取数据有延迟,还有每次等到滚动结束时才获取数据,以至于体验特别不好,求大牛指点
动态页面selenium操作滚动条失灵的问题
使用: driver.execute_script("window.scrollBy(0,500)") 和 js="var q=document.documentElement.scrollTop=10000" driver.execute_script(js) 均不能让滚动条滚动。 目标网站有些奇怪,主界面是可以滚动的,我需要点击其中的一个按钮,然后跳出来一个新的界面,这个界面不是新的网页,只在同一个网页中,右侧的开发者工具显示一个div标签下内容变动,应该就是动态页面吧?这个不是很懂。 新界面看上去是浮在主界面上的,就像是一个新的图层一样,并且滚动条和主界面看上去是共用的,只不过初始化了,关掉新界面后滚动条又回到主界面之前的状态。网址和截图如下: https://www.coupang.com/vp/products/41006521?itemId=149769259&vendorItemId=3340470884&isAddedCart= ![图片说明](https://img-ask.csdn.net/upload/201912/12/1576126586_168096.png)![图片说明](https://img-ask.csdn.net/upload/201912/12/1576126593_850101.png) 新界面和主界面的内容都在一张网页里(右侧开发者工具显示的),而且也没有看到iframe之类的东西,所以现在不知道怎么解决。即:子界面滚动条失效。怀疑是不是程序焦点还停留在主界面的原因。 有没有大神教教怎么解决? 环境:win10 64位,python,Chrome驱动
用scroll事件判断scrollTop()值,来控制显示和隐藏,手机宽高比不同,scrollTop()也不同 如何处理。
var scrollHeight =$('#wrapper').scrollTop();//滚动高度 console.log(scrollHeight) if( scrollHeight >= 585 && $('.player').hasClass('a1')){ $('.player').fadeIn(600).removeClass('a1').addClass('a2'); } if(scrollHeight >= 1800 && $('.player').hasClass('a2')){ $('.player').fadeOut(600).removeClass('a2').addClass('a3'); } if(scrollHeight >= 3485 && $('.player').hasClass('a3')){ $('.player').fadeIn(600).removeClass('a3').addClass('a4'); ; } if(scrollHeight >= 4150 && $('.player').hasClass('a4')){ $('.player').fadeOut(600); } ``` ```
asp.net调用jqury失败,一直无法应用jqury插件
正常应该是![图片说明](https://img-ask.csdn.net/upload/201911/23/1574513764_767043.png) 但是一直无法应用js就变成了这样![图片说明](https://img-ask.csdn.net/upload/201911/23/1574513778_368569.png) using System.Web; using System.Web.Optimization; namespace Lin { public class BundleConfig { public static void RegisterBundles(BundleCollection bundles) { bundles.Add(new ScriptBundle("~/Login/js").Include( "~/Scripts/Login.js")); bundles.Add(new ScriptBundle("~/Index/bootstrap").Include( "~/Scripts/bootstrap.js")); bundles.Add(new ScriptBundle("~/Index/easing").Include( "~/Scripts/easing.js")); bundles.Add(new ScriptBundle("~/Index/jquery").Include( "~/Scripts/jquery-1.11.1.min.js")); bundles.Add(new ScriptBundle("~/Index/circlechart").Include( "~/Scripts/jquery.circlechart.js")); bundles.Add(new ScriptBundle("~/Index/flexslider").Include( "~/Scripts/jquery.flexslider.js")); bundles.Add(new ScriptBundle("~/Index/flipster").Include( "~/Scripts/jquery.flipster.js")); bundles.Add(new ScriptBundle("~/Index/jzBox").Include( "~/Scripts/jzBox.js")); bundles.Add(new ScriptBundle("~/Index/move-top").Include( "~/Scripts/move-top.js")); bundles.Add(new ScriptBundle("~/Index/SmoothScroll").Include( "~/Scripts/SmoothScroll.min.js")); bundles.Add(new StyleBundle("~/Login/css").Include( "~/Content/style_login.css")); bundles.Add(new StyleBundle("~/Index/fonts_1").Include( "~/Content/fonts_1.css")); bundles.Add(new StyleBundle("~/Index/fonts_2").Include( "~/Content/fonts_2.css")); bundles.Add(new StyleBundle("~/Index/bootstrap").Include( "~/Content/bootstrap.css")); bundles.Add(new StyleBundle("~/Index/flexslider").Include( "~/Content/flexslider.css")); bundles.Add(new StyleBundle("~/Index/flipster").Include( "~/Content/jquery.flipster.css")); bundles.Add(new StyleBundle("~/Index/style").Include( "~/Content/style.css")); } } } @{ Layout = null; } <!DOCTYPE html> <html> <head> <title>Index</title> <!-- Custom Theme files --> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <!-- //Custom Theme files --> @Styles.Render("~/Index/bootstrap") @Styles.Render("~/Index/style") @Styl @{ Layout = null; } <!DOCTYPE html> <html> <head> <title>About</title> <!-- Custom Theme files --> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <!-- //Custom Theme files --> @Styles.Render("~/Index/bootstrap") @Styles.Render("~/Index/style") @Styles.Render("~/Index/flipster") <!-- js --> @Scripts.Render("~/Index/jquery") @Scripts.Render("~/Index/SmoothScroll") <!-- //js --> <!-- web-fonts --> @Styles.Render("~/Index/fonts_1") @Styles.Render("~/Index/fonts_2") <!-- //web-fonts --> <!-- start-smooth-scrolling --> @Scripts.Render("~/Index/move-top") @Scripts.Render("~/Index/easing") <script type="text/javascript"> jQuery(document).ready(function ($) { $(".scroll").click(function (event) { event.preventDefault(); $('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1000); }); }); </script> <!-- //end-smooth-scrolling --> </head> <body> <!-- header --> <div class="header"> <div class="container"> <nav class="navbar navbar-default"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <h1><a href="index.html">FTG格斗之家</a></h1> </div> <!-- top-nav --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> <li><a href="index.html" class="active">首页</a></li> <li><a href="about.html">我们</a></li> <li><a href="gallery.html">画廊</a></li> <li><a href="contact.html">联系我们</a></li> <li><a href="#">我的课程</a></li> <li><a href="#">注销</a></li> </ul> <div class="clearfix"> </div> </div> </nav> </div> </div> <!-- //header --> <!-- banner --> <div class="banner about-banner"> <div class="container"> <div class="banner-text"> <h2>About FTG</h2> </div> </div> </div> <!-- //banner --> <!-- about --> <div class="about agileits"> <div class="container"> <div class="w3ls-title"> <h3>关于我们</h3> </div> <div class="about-w3ls-row"> <div class="col-md-4 about-left"> <div class="pic"> <div class="stack twisted"> <img src="~/images/img2.jpg" alt=" " class="img-responsive"> </div> </div> </div> <div class="col-md-8 about-right"> <h5>FTG </h5> <p>我们致力于打造一个集训练与交流的一流俱乐部,我们在这里等待你的加入,我们期待你的加入。 </p> <!-- history --> <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingOne"> <h4 class="panel-title asd"> <a class="pa_italic" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 格斗爱好者聚集地 </a> </h4> </div> <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne"> <div class="panel-body panel_text"> 我们提供一流的服务给各位爱好格斗的朋友们,我们拥有舒适的场地,宽敞的格斗台,以及良好的交流环境,并且有免费的温泉。 </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingTwo"> <h4 class="panel-title asd"> <a class="pa_italic collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 专业教学 </a> </h4> </div> <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo"> <div class="panel-body panel_text"> 如果您是初学者,不要担心,我们有专业的教练,配备有专业设施,并且有多项课程可以选择,根据自身基础进行选择。 </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingThree"> <h4 class="panel-title asd"> <a class="pa_italic collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 我们的优势 </a> </h4> </div> <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree"> <div class="panel-body panel_text"> 在这里没有教练与学员,我们的教练全部都是专业资深培训师,但是他们与学员之间只有朋友关系,会以一个朋友的姿态来教学。 </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingFour"> <h4 class="panel-title asd"> <a class="pa_italic collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour"> <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 如何加入我们 </a> </h4> </div> <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour"> <div class="panel-body panel_text"> 可以直接来我们的俱乐部,我们会有引导人员,进行引导参观,我们的俱乐部全国连锁,具体地址可电188 8888 8888询问。 </div> </div> </div> </div> <!-- //history --> </div> <div class="clearfix"> </div> </div> </div> </div> <!-- //about --> <!-- about-slid --> <div class="about-slid"> <div class="container"> <div class="flipster"> <ul> <li> <div class="pricing"> <div class="pricing-top "> <h3>专项计划</h3> <p>$3000/月</p> </div> <div class="pricing-bottom"> <div class="pricing-bottom-top"> <p>泰拳类 : 6.00am - 7.00am</p> <p>健身房 : 7.05am - 8.00am</p> <p>举重类 : 8.05am - 9.00am </p> <p>自由搏击 : 9.05am - 10.00am</p> </div> <div class="pricing-bottom-bottom"> <p><span>HOT</span> Plan</p> </div> <div class="buy-button"> <a href="#">现在加入</a> </div> </div> </div> </li> <li> <div class="pricing"> <div class="pricing-top top-two"> <h3>基本计划</h3> <p>$500/月</p> </div> <div class="pricing-bottom"> <div class="pricing-bottom-top"> <p>泰拳 : 6.00am - 7.00am</p> <p class="display-none">健身房 : 7.05am - 8.00am</p> <p class="display-none">举重类 : 8.05am - 9.00am </p> <p class="display-none">自由搏击 : 9.05am - 10.00am</p> </div> <div class="pricing-bottom-bottom"> <p><span>A</span> Plan</p> </div> <div class="buy-button"> <a href="#">现在加入</a> </div> </div> </div> </li> <li> <div class="pricing"> <div class="pricing-top top-three"> <h3>标准计划</h3> <p>$1000/月</p> </div> <div class="pricing-bottom"> <div class="pricing-bottom-top"> <p>泰拳类 : 6.00am - 7.00am</p> <p>健身房 : 7.05am - 8.00am</p> <p class="display-none">举重类 : 8.05am - 9.00am </p> <p class="display-none">自由搏击 : 9.05am - 10.00am</p> </div> <div class="pricing-bottom-bottom"> <p><span>S</span> Plan</p> </div> <div class="buy-button"> <a href="#">现在加入</a> </div> </div> </div> </li> <li> <div class="pricing"> <div class="pricing-top top-four"> <h3>高级计划</h3> <p>$1300/月</p> </div> <div class="pricing-bottom"> <div class="pricing-bottom-top"> <p>泰拳类 : 6.00am - 7.00am</p> <p>健身房 : 7.05am - 8.00am</p> <p>举重类 : 8.05am - 9.00am </p> <p class="display-none">自由搏击 : 9.05am - 10.00am</p> </div> <div class="pricing-bottom-bottom"> <p><span>SS </span>Plan</p> </div> <div class="buy-button"> <a href="#">现在加入</a> </div> </div> </div> </li> <li> <div class="pricing"> <div class="pricing-top top-five"> <h3>快速计划</h3> <p>$2000/月</p> </div> <div class="pricing-bottom"> <div class="pricing-bottom-top"> <p>泰拳类 : 5.00am - 7.00am</p> <p>健身房 : 7.05am - 8.00am</p> <p>举重类 : 8.05am - 9.00am </p> <p>自由搏击 : 9.05am - 10.00am</p> </div> <div class="pricing-bottom-bottom"> <p><span>HOT</span> Plan</p> </div> <div class="buy-button"> <a href="#">现在加入</a> </div> </div> </div> </li> </ul> </div> @Scripts.Render("~/Index/flipster") <script> $(function () { $(".flipster").flipster({ style: 'carousel', start: 0 }); }); </script> </div> </div> <!-- //about-slid --> <!-- team --> <div class="team agileits"> <div class="team-info"> <div class="container"> <div class="w3ls-title"> <h3>我们的培训师</h3> </div> <div class="team-row"> <div class="col-md-3 team-grids"> <div class="team-img"> <img class="img-responsive" src="images/t1.jpg" alt=""> <div class="captn"> <div class="captn-top"> <h4>罗伯特·凯</h4> </div> <div class="social-icons"> <p>只有不肯做没有做不到</p> <div class="clearfix"> </div> </div> </div> </div> </div> <div class="col-md-3 team-grids"> <div class="team-img"> <img class="img-responsive" src="images/t2.jpg" alt=""> <div class="captn"> <div class="captn-top"> <h4>玛丽·莲</h4> </div> <div class="social-icons"> <p>我们不比任何人差</p> <div class="clearfix"> </div> </div> </div> </div> </div> <div class="col-md-3 team-grids"> <div class="team-img"> <img class="img-responsive" src="images/t3.jpg" alt=""> <div class="captn"> <div class="captn-top"> <h4>康斯坦丁</h4> </div> <div class="social-icons"> <p>你想来,我便等着你</p> <div class="clearfix"> </div> </div> </div> </div> </div> <div class="col-md-3 team-grids"> <div class="team-img"> <img class="img-responsive" src="images/t4.jpg" alt=""> <div class="captn"> <div class="captn-top"> <h4>琼斯·露</h4> </div> <div class="social-icons"> <p>只要有心,没有做不到的</p> <div class="clearfix"> </div> </div> </div> </div> </div> <div class="clearfix"> </div> </div> </div> </div> </div> <!-- //team --> <!-- map --> <div class="map"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3023.9503398796587!2d-73.9940307!3d40.719109700000004!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25a27e2f24131%3A0x64ffc98d24069f02!2sCANADA!5e0!3m2!1sen!2sin!4v1441710758555"></iframe> <div class="address agileits"> <div class="w3ls-title"> <h3>GET IN TOUCH</h3> </div> <p>林, CH 10000, 杭州. </p> <p>手机 : 188 8888 8888</p> <p>QQ : 8888 8888 8</p> <p>Email : <a href="mailto:example@qq.com">888888888@qq.com</a></p> </div> </div> <!-- //map --> <!-- footer --> <div class="footer"> <div class="container"> <h3><a href="index.html">FTG格斗之家</a></h3> <p>我们期待着你的到来</p> </div> </div> <!-- //footer --> <!-- smooth-scrolling-of-move-up --> <script type="text/javascript"> $(document).ready(function () { var defaults = { containerID: 'toTop', // fading element id containerHoverID: 'toTopHover', // fading element hover id scrollSpeed: 1200, easingType: 'linear' }; $().UItoTop({ easingType: 'easeOutQuart' }); }); </script> <!-- //smooth-scrolling-of-move-up --> <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> @Scripts.Render("~/Index/bootstrap") </body> </html> **_其中@Scripts.Render("~/Index/flipster") @Scripts.Render("~/Index/jquery")一直应用不上**_
移动端 div滑动,滚动条拖动
![图片说明](https://img-ask.csdn.net/upload/201612/07/1481103337_670374.png) ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>滑动滚动条</title> <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,user-scalable=no"> </head> <body style="position:relative;"> <div id="cropsChar" style="border:1px solid red;width:80%;height:300px;margin:0 auto"> 此区域内在移动端无论怎样滑动,是没效果的,我已经对该区域移除touchmove 监听,相当于重写<br> 而我要实现的效果是:已经监听到了上下滑动的事件<br> wipeDown:function(){ <br> //alert("向下滑动了"); <br> }, <br> wipeUp:function(){ <br> //alert("向上滑动了"); <br> }, <br> 问题是怎样在事件内实现,滑动该区域,使滚动条滚动<br> 求代码??? </div> <div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>5</li> <li>4</li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> <script src="js/jquery-1.11.0.min.js"></script> <script src="js/touchwipe.js"></script> <script> //如果使用jquery的话,可以这样写: $(window).bind("scroll", function(){ // 当前窗口的滚动距离 var top = $(this).scrollTop(); }); //如果使用原生js, /** * 获取滚动条距离顶端的距离 * @return {}支持IE6 */ function getScrollTop() { var scrollPos; if (window.pageYOffset) { scrollPos = window.pageYOffset; }else if (document.compatMode && document.compatMode != 'BackCompat'){ scrollPos = document.documentElement.scrollTop; }else if (document.body) { scrollPos = document.body.scrollTop; } return scrollPos; } </script> <script> (function(a){ a.fn.touchwipe=function(c){ var b={ drag:false, min_move_x:20, min_move_y:20, wipeLeft:function(){/*向左滑动*/}, wipeRight:function(){/*向右滑动*/}, wipeUp:function(){/*向上滑动*/}, wipeDown:function(){/*向下滑动*/}, wipe:function(){/*点击*/}, wipehold:function(){/*触摸保持*/}, wipeDrag:function(x,y){/*拖动*/}, preventDefaultEvents:true }; if(c){a.extend(b,c);} this.each(function(){ var h,g,j=false,i=false,e; var supportTouch = "ontouchstart" in document.documentElement; var moveEvent = supportTouch ? "touchmove" : "mousemove", startEvent = supportTouch ? "touchstart" : "mousedown", endEvent = supportTouch ? "touchend" : "mouseup"; /* 移除 touchmove 监听 */ function m(){ this.removeEventListener(moveEvent,d); h=null; j=false; clearTimeout(e); } /* 事件处理方法 */ function d(q){ if(b.preventDefaultEvents){ q.preventDefault(); } if(j){ var n = supportTouch ? q.touches[0].pageX : q.pageX; var r = supportTouch ? q.touches[0].pageY : q.pageY; var p = h-n; var o = g-r; if(b.drag){ h = n; g = r; clearTimeout(e); b.wipeDrag(p,o); } else{ if(Math.abs(p)>=b.min_move_x){ m(); if(p>0){b.wipeLeft();} else{b.wipeRight();} } else{ if(Math.abs(o)>=b.min_move_y){ m(); if(o>0){b.wipeUp();} else{b.wipeDown();} } } } } } /*wipe 处理方法*/ function k(){clearTimeout(e);if(!i&&j){b.wipe();}i=false;j=false;} /*wipehold 处理方法*/ function l(){i=true;b.wipehold();} function f(n){ //if(n.touches.length==1){ h = supportTouch ? n.touches[0].pageX : n.pageX; g = supportTouch ? n.touches[0].pageY : n.pageY; j=true; this.addEventListener(moveEvent,d,false); e=setTimeout(l,750); //} } //if("ontouchstart"in document.documentElement){ this.addEventListener(startEvent,f,false); this.addEventListener(endEvent,k,false); //} }); return this; }; })(jQuery); /* 调用 */ $("#cropsChar").touchwipe({ wipeUp:function(){ //alert("向上滑动了"); }, wipeDown:function(){ //alert("向下滑动了"); }, }); </script> </body> </html> ``` ```
thmeleaf 子母页中获取子页滑动条滑动距离
如图所示,在一个母页中加入一个th:fragment="content" 子页,但是现在需要判断子页中鼠标位置用来画图片中的红线,正常情况是如第一个图所示,鼠标到蓝色线的位置后,画红色线,但现在的问题是如第二个图。如果滑动条滑动一段距离再去获取鼠标位置就会偏移一个滑动条滑动的距离,想通过js获取这段距离,但是失败了,一直都是0,这个是网上找到的代码,, ``` function getPageScroll() { var xScroll, yScroll; if (self.pageYOffset) { yScroll = self.pageYOffset; xScroll = self.pageXOffset; } else if (document.documentElement && document.documentElement.scrollTop) { yScroll = document.documentElement.scrollTop; xScroll = document.documentElement.scrollLeft; } else if (document.body) { yScroll = document.body.scrollTop; xScroll = document.body.scrollLeft; } return xScroll; } ``` 麻烦大神看一下问题在哪?十分感谢 ![图片说明](https://img-ask.csdn.net/upload/201708/02/1501660319_673414.png) ![图片说明](https://img-ask.csdn.net/upload/201708/02/1501660338_816891.png)
document.documentElement.scrollTop 一直为0
xxx.jsp页面如下 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> .... .... <body ondblclick="alert(document.documentElement.scrollTop);"> 我拉下右边的滚动条,双击页面,弹出的提示一直是0,去掉dtd定义,换成document.body.scrollTop也是一直为0 这个页面父容器是一个iframe,不知道跟这有没关系 <iframe name="xxiframe" width="100%" height="100%" id="xxiframe" src="xxx.jsp" frameBorder="0"> 求帮忙,谢谢~~ -------------------------------------------------------
关于监控与页面顶端距离启动定时器的问题
今天需要写一个滑动到一定高度(此高度不固定,大于某个值即可)时启动定时器的功能,但是 思路1:如果判断条件是等于某个高度的话,因为页面滑动下来不可能每个像素都过到,所以有可能会漏掉不执行定时器操作 思路2:将判断条件设定为大于某个值或者某个范围的话,定时器会执行多次,执行速度会叠加,clearInterval也不太顶用 这里是监控屏幕的通常代码,希望有大佬能告知我解决方法 ``` console.log(document.body.scrollHeight); var a = document.body.scrollHeight; window.addEventListener("scroll", function(event) { var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; console.log(scrollTop); var num = 0; if (scrollTop === 1100){ that.intervalId = setInterval(function () { num += 1; }, 50); } }); ``` 在此diss遇到好回答但不采纳的提问者
framwork7设计手机端滚动条问题
利用framwork7设计手机端时,利用scrollTop 无法获得滚动条的高度,滚动时位置均显示为0,求解答
cordova环境开发下,ios闪屏该如何解决?
项目环境为cordova开发,并非ios原生开发。 目前项目有个类似微信聊天页的业务需求,下拉加载下一页数据时,需要页面位置停留在这一页的末端,具体可以参考微信聊天页。 而ios手机,每次加载时,屏幕会闪烁下,经过百度,查出原因是由于 -webkit-overflow-scrolling: touch 的情况下,修改scrollTop值会闪烁。 -webkit-overflow-scrolling: auto 的情况下,修改scrollTop值不会闪烁,但是没有惯性,影响体验。 曾经想过办法,在加载前将 touch 改成 auto,scrollTop值修改后,再改回touch。 可惜现在ios的版本,即使修改 touch 成 auto 的样式,也会闪烁。 请问该如何解决ios闪屏问题呢?
爬虫福利二 之 妹子图网MM批量下载
爬虫福利一:27报网MM批量下载    点击 看了本文,相信大家对爬虫一定会产生强烈的兴趣,激励自己去学习爬虫,在这里提前祝:大家学有所成! 目标网站:妹子图网 环境:Python3.x 相关第三方模块:requests、beautifulsoup4 Re:各位在测试时只需要将代码里的变量 path 指定为你当前系统要保存的路径,使用 python xxx.py 或IDE运行即可。
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、PDF搜索网站推荐 对于大部
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 顺便拉下票,我在参加csdn博客之星竞选,欢迎投票支持,每个QQ或者微信每天都可以投5票,扫二维码即可,http://m234140.nofollow.ax.
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入  假设现有4个人
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 欢迎 改进 留言。 演示地点跳到演示地点 html代码如下`&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;music&lt;/title&gt; &lt;meta charset="utf-8"&gt
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。 1. for - else 什么?不是 if 和 else 才
数据库优化 - SQL优化
前面一篇文章从实例的角度进行数据库优化,通过配置一些参数让数据库性能达到最优。但是一些“不好”的SQL也会导致数据库查询变慢,影响业务流程。本文从SQL角度进行数据库优化,提升SQL运行效率。 判断问题SQL 判断SQL是否有问题时可以通过两个表象进行判断: 系统级别表象 CPU消耗严重 IO等待严重 页面响应时间过长
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 c/c++ 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7
通俗易懂地给女朋友讲:线程池的内部原理
餐厅的约会 餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”我楞了一下,心里想女朋友今天是怎么了,怎么突然问出这么专业的问题,但做为一个专业人士在女朋友面前也不能露怯啊,想了一下便说:“我先给你讲讲我前同事老王的故事吧!” 大龄程序员老王 老王是一个已经北漂十多年的程序员,岁数大了,加班加不动了,升迁也无望,于是拿着手里
经典算法(5)杨辉三角
写在前面: 我是 扬帆向海,这个昵称来源于我的名字以及女朋友的名字。我热爱技术、热爱开源、热爱编程。技术是开源的、知识是共享的。 这博客是对自己学习的一点点总结及记录,如果您对 Java、算法 感兴趣,可以关注我的动态,我们一起学习。 用知识改变命运,让我们的家人过上更好的生活。 目录一、杨辉三角的介绍二、杨辉三角的算法思想三、代码实现1.第一种写法2.第二种写法 一、杨辉三角的介绍 百度
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹
面试官:你连RESTful都不知道我怎么敢要你?
面试官:了解RESTful吗? 我:听说过。 面试官:那什么是RESTful? 我:就是用起来很规范,挺好的 面试官:是RESTful挺好的,还是自我感觉挺好的 我:都挺好的。 面试官:… 把门关上。 我:… 要干嘛?先关上再说。 面试官:我说出去把门关上。 我:what ?,夺门而去 文章目录01 前言02 RESTful的来源03 RESTful6大原则1. C-S架构2. 无状态3.统一的接
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看
SQL-小白最佳入门sql查询一
一 说明 如果是初学者,建议去网上寻找安装Mysql的文章安装,以及使用navicat连接数据库,以后的示例基本是使用mysql数据库管理系统; 二 准备前提 需要建立一张学生表,列分别是id,名称,年龄,学生信息;本示例中文章篇幅原因SQL注释略; 建表语句: CREATE TABLE `student` ( `id` int(11) NOT NULL AUTO_INCREMENT, `
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // dosho
【图解经典算法题】如何用一行代码解决约瑟夫环问题
约瑟夫环问题算是很经典的题了,估计大家都听说过,然后我就在一次笔试中遇到了,下面我就用 3 种方法来详细讲解一下这道题,最后一种方法学了之后保证让你可以让你装逼。 问题描述:编号为 1-N 的 N 个士兵围坐在一起形成一个圆圈,从编号为 1 的士兵开始依次报数(1,2,3…这样依次报),数到 m 的 士兵会被杀死出列,之后的士兵再从 1 开始报数。直到最后剩下一士兵,求这个士兵的编号。 1、方
致 Python 初学者
文章目录1. 前言2. 明确学习目标,不急于求成,不好高骛远3. 在开始学习 Python 之前,你需要做一些准备2.1 Python 的各种发行版2.2 安装 Python2.3 选择一款趁手的开发工具3. 习惯使用IDLE,这是学习python最好的方式4. 严格遵从编码规范5. 代码的运行、调试5. 模块管理5.1 同时安装了py2/py35.2 使用Anaconda,或者通过IDE来安装模
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,
程序员:我终于知道post和get的区别
IT界知名的程序员曾说:对于那些月薪三万以下,自称IT工程师的码农们,其实我们从来没有把他们归为我们IT工程师的队伍。他们虽然总是以IT工程师自居,但只是他们一厢情愿罢了。 此话一出,不知激起了多少(码农)程序员的愤怒,却又无可奈何,于是码农问程序员。 码农:你知道get和post请求到底有什么区别? 程序员:你看这篇就知道了。 码农:你月薪三万了? 程序员:嗯。 码农:你是怎么做到的? 程序员:
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
      11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1
程序员把地府后台管理系统做出来了,还有3.0版本!12月7号最新消息:已在开发中有github地址
第一幕:缘起 听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员…… 996程序员做的梦: 第一场:团队招募 为了应对地府管理危机,阎王打算找“人”开发一套地府后台管理系统,于是就在地府总经办群中发了项目需求。 话说还是中国电信的信号好,地府都是满格,哈哈!!! 经常会有外行朋友问:看某网站做的不错,功能也简单,你帮忙做一下? 而这次,面对这样的需求,这个程序员
网易云6亿用户音乐推荐算法
网易云音乐是音乐爱好者的集聚地,云音乐推荐系统致力于通过 AI 算法的落地,实现用户千人千面的个性化推荐,为用户带来不一样的听歌体验。 本次分享重点介绍 AI 算法在音乐推荐中的应用实践,以及在算法落地过程中遇到的挑战和解决方案。 将从如下两个部分展开: AI 算法在音乐推荐中的应用 音乐场景下的 AI 思考 从 2013 年 4 月正式上线至今,网易云音乐平台持续提供着:乐屏社区、UGC
【技巧总结】位运算装逼指南
位算法的效率有多快我就不说,不信你可以去用 10 亿个数据模拟一下,今天给大家讲一讲位运算的一些经典例子。不过,最重要的不是看懂了这些例子就好,而是要在以后多去运用位运算这些技巧,当然,采用位运算,也是可以装逼的,不信,你往下看。我会从最简单的讲起,一道比一道难度递增,不过居然是讲技巧,那么也不会太难,相信你分分钟看懂。 判断奇偶数 判断一个数是基于还是偶数,相信很多人都做过,一般的做法的代码如下
日均350000亿接入量,腾讯TubeMQ性能超过Kafka
整理 | 夕颜出品 | AI科技大本营(ID:rgznai100) 【导读】近日,腾讯开源动作不断,相继开源了分布式消息中间件TubeMQ,基于最主流的 OpenJDK8开发的
8年经验面试官详解 Java 面试秘诀
    作者 | 胡书敏 责编 | 刘静 出品 | CSDN(ID:CSDNnews) 本人目前在一家知名外企担任架构师,而且最近八年来,在多家外企和互联网公司担任Java技术面试官,前后累计面试了有两三百位候选人。在本文里,就将结合本人的面试经验,针对Java初学者、Java初级开发和Java开发,给出若干准备简历和准备面试的建议。   Java程序员准备和投递简历的实
面试官如何考察你的思维方式?
1.两种思维方式在求职面试中,经常会考察这种问题:北京有多少量特斯拉汽车? 某胡同口的煎饼摊一年能卖出多少个煎饼? 深圳有多少个产品经理? 一辆公交车里能装下多少个乒乓球? 一
相关热词 如何提升c#开发能力 矩阵乘法c# c#调用谷歌浏览器 c# 去空格去转义符 c#用户登录窗体代码 c# 流 c# linux 可视化 c# mvc 返回图片 c# 像素空间 c# 日期 最后一天
立即提问