为梦加速
为梦加速

jquery回到页面顶部代码案例

 方法一：

效果图

css代码：

 

  
  
  
  
    
   
   
   
   
  1. .backToTop { 
    2. 
   
   
   
   
  2.     display: none; 
    3. 
   
   
   
   
  3.     width: 18px; 
    4. 
   
   
   
   
  4.     line-height: 1.2; 
    5. 
   
   
   
   
  5.     padding: 5px 0; 
    6. 
   
   
   
   
  6.     background-color: #000; 
    7. 
   
   
   
   
  7.     color: #fff; 
    8. 
   
   
   
   
  8.     font-size: 12px; 
    9. 
   
   
   
   
  9.     text-align: center; 
    10. 
   
   
   
   
  10.     position: fixed; 
    11. 
   
   
   
   
  11.     _position: absolute; 
    12. 
   
   
   
   
  12.     right: 10px; 
    13. 
   
   
   
   
  13.     bottom: 100px; 
    14. 
   
   
   
   
  14.     _bottom: "auto"; 
    15. 
   
   
   
   
  15.     cursor: pointer; 
    16. 
   
   
   
   
  16.     opacity: .6; 
    17. 
   
   
   
   
  17.     filter: Alpha(opacity=60); 
    18. 
   
   
   
   
  18. } 
    19.

js代码：

 

  
  
  
  
    
   
   
   
   
  1. (function() { 
    2. 
   
   
   
   
  2.     var $backToTopTxt = "返回顶部", $backToTopEle = $('<div class="backToTop"></div>').appendTo($("body")) 
    3. 
   
   
   
   
  3.         .text($backToTopTxt).attr("title", $backToTopTxt).click(function() { 
    4. 
   
   
   
   
  4.             $("html, body").animate({ scrollTop: 0 }, 120); 
    5. 
   
   
   
   
  5.     }), $backToTopFun = function() { 
    6. 
   
   
   
   
  6.         var st = $(document).scrollTop(), winh = $(window).height(); 
    7. 
   
   
   
   
  7.         (st > 0)? $backToTopEle.show(): $backToTopEle.hide();     
    8. 
   
   
   
   
  8.         //IE6下的定位 
    9. 
   
   
   
   
  9.         if (!window.XMLHttpRequest) { 
    10. 
   
   
   
   
  10.             $backToTopEle.css("top", st + winh - 166);     
    11. 
   
   
   
   
  11.         } 
    12. 
   
   
   
   
  12.     }; 
    13. 
   
   
   
   
  13.     $(window).bind("scroll", $backToTopFun); 
    14. 
   
   
   
   
  14.     $(function() { $backToTopFun(); }); 
    15. 
   
   
   
   
  15. })(); 
    16.

 方法二：

效果图

 

代码：

需要引人jquery和一张向上箭头图片up.png

  
  
  
  
    
   
   
   
   
  1. <?xml version="1.0" encoding="UTF-8" ?> 
    2. 
   
   
   
   
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    3. 
   
   
   
   
  3. <html xmlns="http://www.w3.org/1999/xhtml"> 
    4. 
   
   
   
   
  4. <head> 
    5. 
   
   
   
   
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    6. 
   
   
   
   
  6. <title>Insert title here</title> 
    7. 
   
   
   
   
  7. <script type="text/javascript" src="../javascript/jquery-1.6.js"></script> 
    8. 
   
   
   
   
  8. <style type="text/css"> 
    9. 
   
   
   
   
  9.     body { 
    10. 
   
   
   
   
  10.         height:1200px; 
    11. 
   
   
   
   
  11.     } 
    12. 
   
   
   
   
  12.      
    13. 
   
   
   
   
  13.     #testIE6 { 
    14. 
   
   
   
   
  14.         _height:1200px; 
    15. 
   
   
   
   
  15.         _width:200px; 
    16. 
   
   
   
   
  16.     } 
    17. 
   
   
   
   
  17.      
    18. 
   
   
   
   
  18.     .scroll-up { 
    19. 
   
   
   
   
  19.         background: #dcdcdc url('up.png') no-repeat center center; 
    20. 
   
   
   
   
  20.         width:48px !important; 
    21. 
   
   
   
   
  21.         height:48px !important; 
    22. 
   
   
   
   
  22.         _width: 58px; 
    23. 
   
   
   
   
  23.         _height: 58px; 
    24. 
   
   
   
   
  24.         position: fixed; 
    25. 
   
   
   
   
  25.         _position: absolute; /*for IE6*/ 
    26. 
   
   
   
   
  26.         opacity: .6; 
    27. 
   
   
   
   
  27.         filter: Alpha(opacity=60); /*for IE*/ 
    28. 
   
   
   
   
  28.         padding:5px;  
    29. 
   
   
   
   
  29.         cursor: pointer; 
    30. 
   
   
   
   
  30.         display: none; 
    31. 
   
   
   
   
  31.  
    32. 
   
   
   
   
  32.         border-radius:5px; 
    33. 
   
   
   
   
  33.         -webkit-transition-property: background-color, opacity; 
    34. 
   
   
   
   
  34.         -webkit-transition-duration: 1s; 
    35. 
   
   
   
   
  35.         -webkit-transition-timing-function: ease; 
    36. 
   
   
   
   
  36.          
    37. 
   
   
   
   
  37.         -moz-transition-property: background-color; 
    38. 
   
   
   
   
  38.         -moz-transition-duration: 1s; 
    39. 
   
   
   
   
  39.         -moz-transition-timing-function: ease; 
    40. 
   
   
   
   
  40.     } 
    41. 
   
   
   
   
  41.     .scroll-up:hover { 
    42. 
   
   
   
   
  42.         background-color:#B9B9B9; 
    43. 
   
   
   
   
  43.         opacity: .8; 
    44. 
   
   
   
   
  44.     } 
    45. 
   
   
   
   
  45. </style> 
    46. 
   
   
   
   
  46. </head> 
    47. 
   
   
   
   
  47. <body> 
    48. 
   
   
   
   
  48.     <div id="testIE6"></div> 
    49. 
   
   
   
   
  49.     <script type="text/javascript"> 
    50. 
   
   
   
   
  50.         ;(function($) { 
    51. 
   
   
   
   
  51.             $.scrollBtn = function(options) { 
    52. 
   
   
   
   
  52.                 var opts = $.extend({}, $.scrollBtn.defaults, options); 
    53. 
   
   
   
   
  53.  
    54. 
   
   
   
   
  54.                 var $scrollBtn = $('<div></div>').css({ 
    55. 
   
   
   
   
  55.                                     bottom: opts.bottom + 'px', 
    56. 
   
   
   
   
  56.                                     right: opts.right + 'px' 
    57. 
   
   
   
   
  57.                                 }).addClass('scroll-up') 
    58. 
   
   
   
   
  58.                                 .attr('title', opts.title) 
    59. 
   
   
   
   
  59.                                 .click(function() { 
    60. 
   
   
   
   
  60.                                     $('html, body').animate({scrollTop: 0}, opts.duration); 
    61. 
   
   
   
   
  61.                                 }).appendTo('body'); 
    62. 
   
   
   
   
  62.                                                                                      
    63. 
   
   
   
   
  63.                 $(window).bind('scroll', function() { 
    64. 
   
   
   
   
  64.                     var scrollTop = $(document).scrollTop(), 
    65. 
   
   
   
   
  65.                         viewHeight = $(window).height(); 
    66. 
   
   
   
   
  66.  
    67. 
   
   
   
   
  67.                     if(scrollTop <= opts.showScale) { 
    68. 
   
   
   
   
  68.                         if($scrollBtn.is(':visible')) 
    69. 
   
   
   
   
  69.                             $scrollBtn.fadeOut(500); 
    70. 
   
   
   
   
  70.                     } else { 
    71. 
   
   
   
   
  71.                         if($scrollBtn.is(':hidden'))  
    72. 
   
   
   
   
  72.                             $scrollBtn.fadeIn(500); 
    73. 
   
   
   
   
  73.                     } 
    74. 
   
   
   
   
  74.  
    75. 
   
   
   
   
  75.                     if(isIE6()) { 
    76. 
   
   
   
   
  76.                         var top = viewHeight + scrollTop - $scrollBtn.outerHeight() - opts.bottom; 
    77. 
   
   
   
   
  77.                         $scrollBtn.css('top', top + 'px'); 
    78. 
   
   
   
   
  78.                     } 
    79. 
   
   
   
   
  79.                 }); 
    80. 
   
   
   
   
  80.  
    81. 
   
   
   
   
  81.                 function isIE6() { 
    82. 
   
   
   
   
  82.                     if($.browser.msie) { 
    83. 
   
   
   
   
  83.                         if($.browser.version == '6.0') return true; 
    84. 
   
   
   
   
  84.                     } 
    85. 
   
   
   
   
  85.                 } 
    86. 
   
   
   
   
  86.             }; 
    87. 
   
   
   
   
  87.  
    88. 
   
   
   
   
  88.             /** 
    89. 
   
   
   
   
  89.              * -params  
    90. 
   
   
   
   
  90.              *  -showScale: scroll down how much to show the scrollup button 
    91. 
   
   
   
   
  91.              *  -right: to right of scrollable container  
    92. 
   
   
   
   
  92.              *  -bottom: to bottom of scrollable container  
    93. 
   
   
   
   
  93.              */ 
    94. 
   
   
   
   
  94.             $.scrollBtn.defaults = { 
    95. 
   
   
   
   
  95.                 showScale: 100,   
    96. 
   
   
   
   
  96.                 right:10, 
    97. 
   
   
   
   
  97.                 bottom:10, 
    98. 
   
   
   
   
  98.                 duration:200, 
    99. 
   
   
   
   
  99.                 title:'back to top' 
    100. 
   
   
   
   
  100.             } 
    101. 
   
   
   
   
  101.         })(jQuery); 
    102. 
   
   
   
   
  102.  
    103. 
   
   
   
   
  103.         $.scrollBtn({ 
    104. 
   
   
   
   
  104.             showScale: 200, 
    105. 
   
   
   
   
  105.             bottom:20, 
    106. 
   
   
   
   
  106.             right:20 
    107. 
   
   
   
   
  107.         }); 
    108. 
   
   
   
   
  108.     </script> 
    109. 
   
   
   
   
  109. </body> 
    110. 
   
   
   
   
  110. </html> 
    111.

 

你可能感兴趣的:(jquery,返回页面顶部)

  • LVS-DR集群搭建 afei00123 Linux
    目录1.LVS-DR实验拓扑2.实验环境3.配置LVS3.1IP配置3.2生成ens37:1配置文件3.3配置LVS-DR规则4.配置RealServer4.1配置IP，生成lo:1文件4.2安装httpd服务，编写测试页面4.3关闭ARP转发5.测试6.LVS的多种调度模式1.LVS-DR实验拓扑afeiLVS-DR的特点：（1）NAT模式效率太低；（2）LVS-DR基于2层的数据报文的转发，要
  • Docker部署Kibana8 GitIDEA docker容器运维
    安装Kibana安装Kibana前置创建并配置kibana.yml启动Kibana检查是否启动成功通过页面访问Docker安装Kibana:GitIDEA安装Kibana前置Kibana是一款适用于Elasticsearch的源可用数据可视化仪表板软件。使用docker下载kibanadockerpullkibana:8.13.0查看es的ipdockerinspect809c99acde7f|g
  • Python Generator：一个被低估的性能利器 python
    调用OpenAI的API时，设置stream=True，接着forchunkincompletion:我们就可以“流式”地获取响应的内容。而非等待远程的模型将所有内容生成完毕，再返回给我们（这通常要等很久）。本文讨论这背后的PythonGenerator。从一个经典问题开始假设我们要处理一个超大的日志文件，需要按行读取并分析。传统的做法是：defread_log_file(filename):re
  • Qt QTabWidget 总结 enyp80 qt前端开发语言
    QtQTabWidget总结1.基本概念用途：管理多个标签页，每个页可包含独立内容，用户通过点击标签切换页面。组成：标签栏（QTabBar）：显示标签标题、图标，支持交互（点击、关闭按钮等）。页面区域：显示当前选中标签页的内容。2.基础用法#include#includeQTabWidget*tabWidget=newQTabWidget;QWidget*page1=newQWidget;QWid
  • nginx ngx_http_module(9) 指令详解 s_fox_ nginxnginxhttp运维
    nginxngx_http_module(9)指令详解nginx模块目录nginx全指令目录一、目录1.1模块简介ngx_http_uwsgi_module：uWSGI支持模块，允许Nginx与uWSGI服务器进行通信。uWSGI是一种应用服务器协议，广泛用于PythonWeb应用的部署。通过该模块，Nginx可以将动态请求转发给uWSGI服务器处理，并将响应返回给客户端。常用的指令包括uwsgi
  • sql注入之python脚本进行时间盲注和布尔盲注 温柔小胖 sql数据库网络安全
    一、什么是时间盲注和布尔盲注？答：时间盲注是攻击者通过构造恶意sql语句利用sleep()等延迟函数来观察数据库响应时间差异来进行推断信息和条件判断。如果条件为真，数据库会执行延时操作，如果为假则立即返回。响应时间较短。SELECTIF(1=1,SLEEP(5),0);如果条件为真、数据库会暂停5s如果条件为假、数据库会立即返回布尔盲注通过观察数据库返回的不同响应（如真或假）来推断信息。攻击者构造
  • Python中的生成器表达式（generator expression） Java资深爱好者 pythonpython开发语言
    Python中的生成器表达式（generatorexpression）是一种类似于列表解析（listcomprehension）的语法结构，但它返回的是一个生成器（generator）对象，而不是一个完整的列表。生成器对象是一个迭代器，它可以逐个产生元素，而不是一次性生成所有元素，从而节省内存空间。生成器表达式在形式上与列表解析非常相似，但是它们使用圆括号()而不是方括号[]。当你迭代生成器表达式
  • html网络安全工具源码 网络安全前端 网络安全queen web安全安全
    点击文末小卡片，免费获取网络安全全套资料，资料在手，涨薪更快前端常见的网络安全包括：xss（跨站脚本攻击）、csrf（跨站请求伪造）、sql注入攻击等。1）跨站脚本攻击（xss）原理：攻击者往web页面中注入恶意script代码（或者在url的查询参数中注入script代码），当用户浏览访问时，嵌入的script代码就会执行，造成危害。反射型xss：用户点击攻击连接，服务器解析后响应，在返回的内容
  • Go 语言函数返回对象 vs 传递指针赋值：性能对比与最佳实践 nbsaas-boot gogoAI编程
    在Go语言中，函数返回对象（值）和传递指针赋值是两种常见的参数传递方式。它们的选择不仅影响代码风格，还会影响性能，尤其是在多线程和高并发环境下。本文将深入探讨这两种方式的优劣，并在不同环境下对其性能开销进行分析。1.返回对象（值）示例funccreateData()Data{returnData{Value:42}//返回值对象}funcmain(){d:=createData()fmt.Prin
  • RDMA ibverbs_API功能说明 小湿哥 Network学习笔记RDMAibverbs
    设备管理获取当前活动网卡返回当前rdma设备列表structibv_device**ibv_get_device_list(int*num_devices);//使用structibv_device**dev_list=ibv_get_device_list(NULL);获取网卡名返回网卡名字字符串：如"mlx5_0"，一般通过网卡名字确定将要使用的网卡constchar*ibv_get_devi
  • java等待所有子线程执行完毕再执行 王念博客 多线程javathread并发编程多进程
    前言：在工作项目中，有很多耗时处理都需要开多线程运行。简单的接口可以直接异步处理解决，但是对于一些业务逻辑复杂需要同步返回的这时候就需要用到以下三个多线程等待方法了。1.thread.join()主线程等待子线程的终止。也就是说主线程的代码块中，如果碰到了t.join()方法，此时主线程需要等待（阻塞），等待子线程结束了(Waitsforthisthreadtodie.),才能继续执行t.join
  • SpringBoot：SpringBoot统一响应和统一异常处理 奋斗的狍子007 Springspringbootjavaspring后端统一异常处理统一响应自定义异常
    一、前言  在开发SpringBoot应用时，处理响应结果和异常的方式对项目的可维护性、可扩展性和团队协作有着至关重要的影响。分散的响应结果和异常处理逻辑往往会导致代码冗余、难以理解和维护。因此，统一结果返回和统一异常处理是提升项目质量的关键策略之一。二、统一结果返回  统一结果返回通常意味着为所有控制器方法定义一个标准的响应格式。这可以通过创建一个或多个响应实体类来实现，这些类包含了状态码、消息
  • 在 Vue 2 中使用 Three.js 导入本地 3D 模型 cherryzm88 webvue2javascriptvue.js前端3d
    引言Three.js是一个流行的JavaScript库，它能够帮助开发者轻松地在Web页面上创建3D内容。而Vue.js作为前端框架，可以与Three.js结合，构建交互式3DWeb应用。本篇博客将介绍如何在Vue2中使用Three.js加载本地3D模型。1.初始化Vue2项目如果你的项目还没有Vue2环境，可以使用VueCLI初始化：```shvuecreatemy-threejs-appcdm
  • php glob 排序,php 使用 Glob() 查找文件技巧 weixin_39770311 phpglob排序
    php使用Glob()查找文件技巧定义和用法glob()函数返回匹配指定模式的文件名或目录该函数返回一个包含有匹配文件/目录的数组如果出错返回false参数描述file必需。规定检索模式。size可选。规定特殊的设定。GLOB_MARK-在每个返回的项目中加一个斜线GLOB_NOSORT-按照文件在目录中出现的原始顺序返回(不排序)GLOB_NOCHECK-如果没有文件匹配则返回用于搜索的模式GL
  • python图形界面化编程GUI（二）常用的组件(Text、Radiobutton、Checkbutton、Canvas)和布局管理器(gird、pack、place) hwwaizs python-GUI图形化编程python开发语言
    Text文本框Text(多行文本框)的主要用于显示多行文本，还可以显示网页链接,图片,HTML页面,甚至CSS样式表，添加组件等。主要用来显示信息，也常被当做简单的文本处理器、⽂本编辑器或者网页浏览器来使用。IDLE就是Text组件构成的。insert插入的时候可以用INSERT代表当前光标的位置，END代表在结尾的位置，也可以用插入小数的形式，2.3代表第二行第三列后插入。fromtkinter
  • 形参和实参 2501_90124553 java算法数据结构
    形参（形式参数）函数定义时指定的参数，形参是用来接收数据的，函数定义时，系统不会为形参申请内存，只有当函数调用时，系统才会为形参申请内存。主要用于存储实际参数，并且当函数返回时，系统会自动回收为形参申请的内存资源。（本质上所有函数都有一个return，只不过当我们的函数返回类型是void类型的时候，return是隐式）//关于默认returnvoidfun1(){//此时return;是不建议写出
  • MySQL 视图入门 李少兄 MySQLmysql数据库
    一、什么是MySQL视图1.1视图的基本概念在MySQL中，视图是一种虚拟表，它本身并不存储实际的数据，而是基于一个或多个真实表（基表）的查询结果集。可以把视图想象成是一个预定义好的查询语句的快捷方式。当你查询视图时，MySQL会动态地执行定义视图时的查询语句，并返回结果，就好像你直接查询了一个真实的表一样。举个简单的生活例子，假设你有一个装满各种文件的大文件夹，里面的文件按照不同的主题、日期等分
  • uni-app使用websocket 外派叙利亚 uni-appwebsocket网络协议
    点击发送请求离开页面exportdefault{onLoad(){//进入这个页面的时候创建websocket连接【整个页面随时使用】this.connectSocketInit();},data(){return{socketTask:null,//确保websocket是打开状态is_open_socket:false}},//关闭websocket【必须在实例销毁之前关闭,否则会是under
  • 解决弹窗中form表单中按下tab键不切换的问题 今天吃了嘛o vue.jsjavascript前端
    开发过程中碰到el-dialog中使用的form组件，按下键盘tab键不会切换到下一个，普通页面就正常切换。解决办法import{ref}from'vue';//省略其他导入代码constnewPWDInput=ref(null);constrepeatPWDInput=ref(null);consthandleTab=(event,nextInputRef)=>{event.preventDef
  • 纯前端导入导出txt文件 今天吃了嘛o 前端导入导出txt文件javascripthtmlhtml5
    1.html部分导入导出{{alone}}2.js部分导出的时候我尝试了很多次改变编码格式为gb2312的，但是无果，所以我再读取的时候先读取文件判断了文件编码格式，然后再去根据编码格式读取文件并展示页面。exportdefault{data(){return{works:[],};},methods:{handleBeforeUpload(file){this.fileList=[file];c
  • vue 3中 页面跳转 治金的blog Vue3学习vue.jsjavascript前端
    z1.普通函数的页面跳转首页我的import{useRouter}from'vue-router'//使用useRouter创建一个router实例constrouter=useRouter()//定义go函数以便路由跳转functiongo(){router.push({path:'/my'})}//将go函数暴露给模板2.箭头函数的实现方法首页我的import{useRouter}from'v
  • Python爬虫TLS dme. Python爬虫零基础入门爬虫python
    TLS指纹校验原理和绕过浏览器可以正常访问，但是用requests发送请求失败。后端是如何监测得呢？为什么浏览器可以返回结果，而requests模块不行呢？https://cn.investing.com/equities/amazon-com-inc-historical-data1.指纹校验案例1.1案例：ascii2dhttps://ascii2d.net/importrequestsres
  • python爬虫Selenium库详细教程_python爬虫之selenium库的使用详解 嘻嘻哈哈学编程 程序员python爬虫selenium
    网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化学习资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！2.2访问页面2.3查找元素2.3.1单个元素下面
  • 前后端分离跨域问题解决方案 慕容屠苏 大前端爬坑之路前后端分离跨域问题解决方案
    前后端分离跨域问题解决方案现在的web开发中经常会用到前后分离技术，前后端分解技术，都会涉及到跨域问题。解决跨域问题的方法：第一种解决方案jsonp(不推荐使用)这种方案其实我是不赞同的，第一，在编码上jsonp会单独因为回调的关系，在传入传出还有定义回调函数上都会有编码的”不整洁”.简单阐述jsonp能够跨域是因为javascript的script标签，通过服务器返回script标签的code，
  • axios 是小傲雨呀^_^ axiosjavascript前端
    1.简介：Axios是一个基于Promise的现代化HTTP客户端库，广泛用于浏览器和Node.js环境中发送HTTP请求。它的设计目标是简化前后端数据交互，提供更高效、更易用的API。2.Axios的核心作用发送HTTP请求支持所有常见请求方法（GET、POST、PUT、DELETE等），并自动处理请求参数和响应数据。拦截请求和响应可以在请求发送前或响应返回后添加统一的处理逻辑（例如添加认证To
  • AJAX使用和固定格式 乐多_L ajax前端javascript
    ajax的全称AsynchronousJavaScriptandXML(异步JavaScript和XML)。ajax是一种创建交互式网页应用的网页开发技术。其中最核心的依赖是浏览器提供的XMLHttpRequest对象，是这个对象使得浏览器可以发出HTTP请求与接收HTTP响应。实现了在页面不刷新的情况下和服务器进行交互。方法描述newXMLHttpRequest()生成一个XMLHttpRequ
  • uniapp 右侧刷新图标 和 返回顶部图标的实现 治金的blog uni-app前端
    {{item.content}}----{{item.author}}图标-->import{ref}from'vue';//触底加载更多，下拉刷新API(下拉刷新需要在pages.json里面开启这项功能)import{onReachBottom,onPullDownRefresh}from"@dcloudio/uni-app"constpets=ref([]);//触底加载更多，实现连接，使用
  • 详细介绍：封装简易的 Axios 函数获取省份列表 还是鼠鼠 javascriptvscodeajax前端前端框架
    目录关键步骤：完整代码（html）：代码解析：程序运行结果：本示例展示了如何通过封装一个简易的myAxios函数来模拟axios的功能，使用原生的XMLHttpRequest（XHR）对象来发起HTTP请求。我们将实现一个简单的功能，通过该封装函数从服务器获取省份列表数据，并在网页上显示这些省份。关键步骤：封装myAxios函数：myAxios函数接收一个配置对象（如请求的URL和方法），并返回一
  • 快速提升网站收录率的10个步骤 百度网站快速收录 百度网站快速收录百度快速收录网站快速收录百度收录网站收录
    快速提升网站收录率需要综合考虑多个方面，以下是10个具体步骤，旨在帮助网站更快地获得搜索引擎的收录：1.提交网站地图制作并提交XML站点地图：站点地图是一个包含网站所有页面链接的文件，有助于搜索引擎快速发现和抓取网站内容。通过提交站点地图给搜索引擎，可以显著提高网站的收录速度。2.保持内容更新定期发布高质量内容：搜索引擎喜欢更新频繁的网站，因此保持网站内容的定期更新是提高收录率的关键。确保内容原创
  • MySQL 查询缓存技术深度解析 Minxinbb 数据库mysql数据库dba
    在现代数据库管理系统中，查询性能优化是提升应用响应速度和用户体验的关键环节。MySQL作为一款广泛使用的开源关系型数据库，提供了查询缓存功能，用于缓存查询结果，从而在后续相同的查询请求时能够快速返回结果，减少数据库的负载和查询时间。本文将深入探讨MySQL查询缓存技术的原理、配置、使用方法以及优化策略。一、查询缓存的基本原理（一）缓存机制概述MySQL查询缓存的核心思想是将查询语句和其对应的查询结
  • Dom 周华华 JavaScripthtml
    <!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&q
  • 【Spark九十六】RDD API之combineByKey bit1129 spark
    1. combineByKey函数的运行机制   RDD提供了很多针对元素类型为(K,V)的API，这些API封装在PairRDDFunctions类中，通过Scala隐式转换使用。这些API实现上是借助于combineByKey实现的。combineByKey函数本身也是RDD开放给Spark开发人员使用的API之一   首先看一下combineByKey的方法说明：
  • msyql设置密码报错：ERROR 1372 (HY000): 解决方法详解 daizj mysql设置密码
    MySql给用户设置权限同时指定访问密码时，会提示如下错误： ERROR 1372 (HY000): Password hash should be a 41-digit hexadecimal number；   问题原因：你输入的密码是明文。不允许这么输入。   解决办法：用select password('你想输入的密码');查询出你的密码对应的字符串， 然后
  • 路漫漫其修远兮 吾将上下而求索 周凡杨 学习 思索
    王国维在他的《人间词话》中曾经概括了为学的三种境界古今之成大事业、大学问者，罔不经过三种之境界。“昨夜西风凋碧树。独上高楼，望尽天涯路。”此第一境界也。“衣带渐宽终不悔，为伊消得人憔悴。”此第二境界也。“众里寻他千百度，蓦然回首，那人却在灯火阑珊处。”此第三境界也。学习技术，这也是你必须经历的三种境界。第一层境界是说，学习的路是漫漫的，你必须做好充分的思想准备，如果半途而废还不如不要开始。这里，注
  • Hadoop(二)对话单的操作 朱辉辉33 hadoop
    Debug： 1、 A = LOAD '/user/hue/task.txt' USING PigStorage(' ') AS (col1,col2,col3); DUMP A; //输出结果前几行示例： (>ggsnPDPRecord(21),,) (-->recordType(0),,) (-->networkInitiation(1),,)
  • web报表工具FineReport常用函数的用法总结（日期和时间函数） 老A不折腾 finereport报表工具web开发
    web报表工具FineReport常用函数的用法总结（日期和时间函数）   说明：凡函数中以日期作为参数因子的，其中日期的形式都必须是yy/mm/dd。而且必须用英文环境下双引号(" ")引用。   DATE DATE(year,month,day):返回一个表示某一特定日期的系列数。 Year:代表年，可为一到四位数。 Month:代表月份。
  • c++ 宏定义中的##操作符 墙头上一根草 C++
    #与##在宏定义中的--宏展开 #include <stdio.h> #define f(a,b) a##b #define g(a)   #a #define h(a) g(a) int main() {       &nbs
  • 分析Spring源代码之，DI的实现 aijuans springDI现源代码
    (转) 分析Spring源代码之，DI的实现 2012/1/3 by tony                 接着上次的讲，以下这个sample [java]  view plain copy print
  • for循环的进化 alxw4616 JavaScript
    // for循环的进化 // 菜鸟 for (var i = 0; i < Things.length ; i++) { // Things[i] } // 老鸟 for (var i = 0, len = Things.length; i < len; i++) { // Things[i] } // 大师 for (var i = Things.le
  • 网络编程Socket和ServerSocket简单的使用 百合不是茶 网络编程基础IP地址端口
      网络编程;TCP/IP协议   网络:实现计算机之间的信息共享,数据资源的交换   协议:数据交换需要遵守的一种协议,按照约定的数据格式等写出去   端口:用于计算机之间的通信      每运行一个程序，系统会分配一个编号给该程序，作为和外界交换数据的唯一标识 0~65535   查看被使用的
  • JDK1.5 生产消费者 bijian1013 javathread生产消费者java多线程
    ArrayBlockingQueue：        一个由数组支持的有界阻塞队列。此队列按 FIFO（先进先出）原则对元素进行排序。队列的头部 是在队列中存在时间最长的元素。队列的尾部 是在队列中存在时间最短的元素。新元素插入到队列的尾部，队列检索操作则是从队列头部开始获得元素。 ArrayBlockingQueue的常用方法：
  • JAVA版身份证获取性别、出生日期及年龄 bijian1013 java性别出生日期年龄
            工作中需要根据身份证获取性别、出生日期及年龄，且要还要支持15位长度的身份证号码，网上搜索了一下，经过测试好像多少存在点问题，干脆自已写一个。 CertificateNo.java package com.bijian.study; import java.util.Calendar; import
  • 【Java范型六】范型与枚举 bit1129 java
    首先，枚举类型的定义不能带有类型参数，所以，不能把枚举类型定义为范型枚举类，例如下面的枚举类定义是有编译错的   public enum EnumGenerics<T> { //编译错，提示枚举不能带有范型参数 OK, ERROR; public <T> T get(T type) { return null;
  • 【Nginx五】Nginx常用日志格式含义 bit1129 nginx
    1. log_format 1.1 log_format指令用于指定日志的格式，格式：   log_format name(格式名称) type(格式样式)   1.2 如下是一个常用的Nginx日志格式：   log_format main '[$time_local]|$request_time|$status|$body_bytes
  • Lua 语言 15 分钟快速入门 ronin47 lua 基础
    - - 单行注释 - - [[      [多行注释] - - ]]   - - - - - - - - - - - 1. 变量 & 控制流 - - - - - - - - - - num = 23 - - 数字都是双精度 str = 'aspythonstring'
  • java-35.求一个矩阵中最大的二维矩阵 ( 元素和最大 ) bylijinnan java
    the idea is from: http://blog.csdn.net/zhanxinhang/article/details/6731134 public class MaxSubMatrix { /**see http://blog.csdn.net/zhanxinhang/article/details/6731134 * Q35 求一个矩阵中最大的二维
  • mongoDB文档型数据库特点 开窍的石头 mongoDB文档型数据库特点
    MongoDD: 文档型数据库存储的是Bson文档-->json的二进制 特点：内部是执行引擎是js解释器，把文档转成Bson结构，在查询时转换成js对象。 mongoDB传统型数据库对比    传统类型数据库：结构化数据，定好了表结构后每一个内容符合表结构的。也就是说每一行每一列的数据都是一样的    文档型数据库：不用定好数据结构，
  • [毕业季节]欢迎广大毕业生加入JAVA程序员的行列 comsci java
        一年一度的毕业季来临了。。。。。。。。      正在投简历的学弟学妹们。。。如果觉得学校推荐的单位和公司不适合自己的兴趣和专业，可以考虑来我们软件行业，做一名职业程序员。。。      软件行业的开发工具中，对初学者最友好的就是JAVA语言了，网络上不仅仅有大量的
  • PHP操作Excel – PHPExcel 基本用法详解 cuiyadll PHPExcel
    导出excel属性设置//Include classrequire_once('Classes/PHPExcel.php');require_once('Classes/PHPExcel/Writer/Excel2007.php');$objPHPExcel = new PHPExcel();//Set properties 设置文件属性$objPHPExcel->getProperties
  • IBM Webshpere MQ Client User Issue (MCAUSER) darrenzhu IBMjmsuserMQMCAUSER
    IBM MQ JMS Client去连接远端MQ Server的时候，需要提供User和Password吗？ 答案是根据情况而定，取决于所定义的Channel里面的属性Message channel agent user identifier (MCAUSER)的设置。 http://stackoverflow.com/questions/20209429/how-mca-user-i
  • 网线的接法 dcj3sjt126com
    一、PC连HUB (直连线)A端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 二、PC连PC （交叉线）A端：(568A)： 白绿，绿，白橙，蓝，白蓝，橙，白棕，棕； B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 三、HUB连HUB&nb
  • Vimium插件让键盘党像操作Vim一样操作Chrome dcj3sjt126com chromevim
    什么是键盘党？ 键盘党是指尽可能将所有电脑操作用键盘来完成，而不去动鼠标的人。鼠标应该说是新手们的最爱，很直观，指哪点哪，很听话！不过常常使用电脑的人，如果一直使用鼠标的话，手会发酸，因为操作鼠标的时候，手臂不是在一个自然的状态，臂肌会处于绷紧状态。而使用键盘则双手是放松状态，只有手指在动。而且尽量少的从鼠标移动到键盘来回操作，也省不少事。 在chrome里安装 vimium 插件
  • MongoDB查询（2）——数组查询[六] eksliang mongodbMongoDB查询数组
    MongoDB查询数组 转载请出自出处：http://eksliang.iteye.com/blog/2177292 一、概述  MongoDB查询数组与查询标量值是一样的，例如，有一个水果列表，如下所示： > db.food.find() { "_id" : "001", "fruits" : [ "苹
  • cordova读写文件（1） gundumw100 JavaScriptCordova
    使用cordova可以很方便的在手机sdcard中读写文件。 首先需要安装cordova插件：file 命令为： cordova plugin add org.apache.cordova.file 然后就可以读写文件了，这里我先是写入一个文件，具体的JS代码为： var datas=null;//datas need write var directory=&
  • HTML5 FormData 进行文件jquery ajax 上传 到又拍云 ileson jqueryAjaxhtml5FormData
    html5 新东西：FormData  可以提交二进制数据。 页面test.html <!DOCTYPE> <html> <head> <title> formdata file jquery ajax upload</title> </head> <body> <
  • swift appearanceWhenContainedIn:(version1.2 xcode6.4) 啸笑天 version
      swift1.2中没有oc中对应的方法： + (instancetype)appearanceWhenContainedIn:(Class <UIAppearanceContainer>)ContainerClass, ... NS_REQUIRES_NIL_TERMINATION;  解决方法： 在swift项目中新建oc类如下： #import &
  • java实现SMTP邮件服务器 macroli java编程
    电子邮件传递可以由多种协议来实现。目前，在Internet 网上最流行的三种电子邮件协议是SMTP、POP3 和 IMAP，下面分别简单介绍。 　　◆ SMTP 协议 　　简单邮件传输协议(Simple Mail Transfer Protocol,SMTP)是一个运行在TCP/IP之上的协议，用它发送和接收电子邮件。SMTP 服务器在默认端口25上监听。SMTP客户使用一组简单的、基于文本的
  • mongodb group by having where 查询sql qiaolevip 每天进步一点点学习永无止境mongo纵观千象
    SELECT cust_id, SUM(price) as total FROM orders WHERE status = 'A' GROUP BY cust_id HAVING total > 250 db.orders.aggregate( [ { $match: { status: 'A' } }, { $group: {
  • Struts2 Pojo（六） Luob. POJOstrust2
    注意：附件中有完整案例 1.采用POJO对象的方法进行赋值和传值 2.web配置 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee&q
  • struts2步骤 wuai struts
    1、添加jar包 2、在web.xml中配置过滤器 <filter>        <filter-name>struts2</filter-name>        <filter-class>org.apache.st
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他