计划
计划

jQuery实现侧边导航栏效果

效果图：
jQuery实现侧边导航栏效果_第1张图片

效果体验：http://keleyi.com/keleyi/phtml/jqmenu/2.htm

以下是完整代码：

  1 <!DOCTYPE html>
  2 <html>
  3 <head>
  4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5 <meta name="keywords" content="JS代码,侧边菜单,拉出菜单,高级菜单,导航菜单,jquery菜单" />
  6 <meta name="description" content="jQuery高级可停靠侧边栏，jquery实现的高级侧边导航菜单效果，更多侧边菜单,拉出菜单,高级菜单,导航菜单,jquery菜单请访问柯乐义JS代码频道。" />
  7 <title>jQuery高级可停靠侧边栏_柯乐义</title>
  8 <link type="text/css" rel="Stylesheet" href="http://keleyi.com/keleyi/phtml/jqmenu/2/keleyidock.css" />
  9 <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script>
 10 <script type="text/javascript">
 11 $(document).ready(function () {
 12 var docked = 0;
 13 
 14 $("#dock li ul").height($(window).height());
 15 
 16 $("#dock .dock-keleyi-com").click(function () {
 17 $(this).parent().parent().addClass("docked").removeClass("free");
 18 
 19 docked += 1;
 20 var dockH = ($(window).height()) / docked
 21 var dockT = 0;
 22 
 23 $("#dock li ul.docked").each(function () {
 24 $(this).height(dockH).css("top", dockT + "px");
 25 dockT += dockH;
 26 });
 27 $(this).parent().find(".undock").show();
 28 $(this).hide();
 29 
 30 if (docked > 0)
 31 $("#content").css("margin-left", "250px");
 32 else
 33 $("#content").css("margin-left", "60px");
 34 });
 35 
 36 $("#dock .undock").click(function () {
 37 $(this).parent().parent().addClass("free").removeClass("docked")
 38 .animate({ left: "-180px" }, 200).height($(window).height()).css("top", "0px");
 39 
 40 docked = docked - 1;
 41 var dockH = ($(window).height()) / docked
 42 var dockT = 0;
 43 
 44 $("#dock li ul.docked").each(function () {
 45 $(this).height(dockH).css("top", dockT + "px");
 46 dockT += dockH;
 47 });
 48 $(this).parent().find(".dock-keleyi-com").show();
 49 $(this).hide();
 50 
 51 if (docked > 0)
 52 $("#content").css("margin-left", "250px");
 53 else
 54 $("#content").css("margin-left", "60px");
 55 });
 56 
 57 $("#dock li").hover(function () {
 58 $(this).find("ul").animate({ left: "40px" }, 200);
 59 }, function () {
 60 $(this).find("ul.free").animate({ left: "-180px" }, 200);
 61 });
 62 }); 
 63 </script>
 64 </head>
 65 <body>
 66 <ul id="dock">
 67 <li id="links">
 68 <ul class="free">
 69 <li class="header"><a href="#" class="dock-keleyi-com">固定</a><a href="#" class="undock">隐藏</a>链接</li>
 70 <li><a href="http://keleyi.com/menu/cms/" >CMS</a></li><li><a href="http://keleyi.com/menu/net/" >.NET</a></li><li><a href="http://keleyi.com/menu/javascript/" >Javascript</a></li><li><a href="http://keleyi.com/menu/jquery/" >jQuery</a></li><li><a href="http://keleyi.com/menu/csharp/" >C#</a></li><li><a href="http://keleyi.com/menu/aspnet/" >ASP.NET</a></li><li><a href="http://keleyi.com/menu/mvc/" >MVC</a></li><li><a href="http://keleyi.com/menu/html5/" >HTML5</a></li>
 71 <li><a href="http://keleyi.com/menu/webqd/" >web前端</a></li><li><a href="http://keleyi.com/menu/sqlserver/" >SQL Server</a></li><li><a href="http://keleyi.com/menu/cpp/" >C++</a></li><li><a href="http://keleyi.com/menu/hbyy/" >汇编语言</a></li><li><a href="http://keleyi.com/menu/flhz/" >分类汇总</a></li><li><a href="http://keleyi.com/menu/other/" >其他</a></li><li><a href="http://keleyi.com/list/">最新文章</a></li><li><a href="http://keleyi.com/ziliao/js/zzbds.htm">JS正则表达式</a></li>
 72 </ul>
 73 </li>
 74 <li id="files">
 75 <ul class="free">
 76 <li class="header"><a href="#" class="dock-keleyi-com">固定</a><a href="#" class="undock">隐藏</a>游戏</li>
 77 <li><a href="http://keleyi.com/game/1/">HTML5捕鱼游戏</a></li>
 78 <li><a href="http://keleyi.com/game/2/">不上不下</a></li>
 79 <li><a href="http://keleyi.com/game/3/">打地鼠</a></li>
 80 <li><a href="http://keleyi.com/keleyi/phtml/silverlight/">猜数字</a></li>
 81 <li></li>
 82 </ul>
 83 </li>
 84 <li id="tools">
 85 <ul class="free">
 86 <li class="header"><a href="#" class="dock-keleyi-com">固定</a><a href="#" class="undock">隐藏</a>工具</li>
 87 <li><a href="http://keleyi.com/tool/md5.htm">MD5加密</a></li>
 88 <li><a href="http://keleyi.com/tool/htmlencode.htm" target="_blank">HTML编码与解码</a></li>
 89 <li><a href="http://keleyi.com/tool/urldecode.htm" target="_blank">URL编码与解码</a></li>
 90 <li><a href="http://keleyi.com/tool/regex.htm" target="_blank">.NET正则表达式匹配工具</a></li>
 91 <li><a href="http://keleyi.com/ziliao/googlejavascriptstyle.htm">JavaScript代码风格指南</a></li>
 92 <li><a href="http://keleyi.com/ziliao/unicode/">Unicode字符列表</a></li>
 93 <li><a href="http://keleyi.com/tool/color.htm" target="_blank" title="颜色选择器"><img src="http://keleyi.com/tool/color/colormap_80.gif" alt="颜色选择器" /></a></li>
 94 </ul>
 95 </li>
 96 </ul>
 97 <div id="content">
 98 <h1>keleyi.com</h1>
 99 <h2>jQuery高级可停靠侧边栏</h2>
100 <p>
101 把光标移动到左侧按钮上，相应的侧边栏会自动弹出。
102 </p>
103 <p>
104 当光标离开栏目区域时，侧边栏自动隐藏。
105 </p>
106 <p>
107 侧边栏弹出时，点击“固定”链接可以使相应的栏目固定，不自动隐藏。
108 </p>
109 <p>
110 点击“隐藏”链接可以是相应栏目隐藏。
111 </p>
112 <p>
113 原文：<a href="http://keleyi.com/a/bjac/mt97p5y9.htm" target="_blank">http://keleyi.com/a/bjac/mt97p5y9.htm</a>
114 </p>
115 </div>
116 
117 <div style="text-align:center;clear:both">
118 <p>来源：<a href="http://keleyi.com" target="_blank">网络</a>　代码整理：<a href="http://keleyi.com" target="_blank">柯乐义</a>　感谢：<a href="http://keleyi.com" target="_blank">keleyi</a></p>
119 <p>转载请注明出处，此代码仅供学习交流，请勿用于商业用途。</p>
120 </div>
121 </body>
122 </html>

本文最新请看：http://keleyi.com/a/bjac/mt97p5y9.htm

侧边栏汇总：http://keleyi.com/a/bjac/lt4rmbjl.htm

你可能感兴趣的:(jQuery实现侧边导航栏效果)

  • Java程序设计（五）：基于SpringBoot+Vue的苗族文化分享平台的设计与实现 人工智能_SYBH 2025年java程序设计javaspringbootvue.js
    1.引言随着互联网技术的发展，文化传承与传播方式发生了巨大的变革。传统文化的传承不再仅依赖于线下活动，而是越来越多地通过数字化平台进行传播。为了促进苗族文化的传承与推广，本文设计并实现了一个基于SpringBoot和Vue的苗族文化分享平台。该平台通过现代化的技术架构，提供了多种功能模块，包括公告管理、文化遗产管理、资源管理、活动管理、跨文化交流等，既为管理员提供便捷的管理工具，也为普通用户提供了
  • 【性能测试】如何理解“10个线程且10次循环“的请求和“100线程且1次循环“的请求 朱公子的Note 如何理解线程且循环的请求jmeter
    在性能测试中，我们常常会见到不同的并发配置：比如“10个线程且10次循环”与“100线程且1次循环”。乍一看，这两个设置的总请求数都是100次，但它们对系统的压力和测试场景却截然不同。了解其中的区别，能帮助你更精准地模拟真实用户负载，提升性能测试的实战效果。在实际业务中，不同的应用场景要求系统既要应对持续稳定的流量，也需要在突发流量下保持稳定。通过不同的线程与循环配置，我们可以灵活地模拟这些场景，
  • 线程池代码分析及延申应用 埃菲尔铁塔_CV算法 c++算法开发语言人工智能opencv机器学习
    代码功能概述这段C++代码实现了一个简单的线程池类MthreadPool，线程池是一种用于管理和复用线程的机制，它可以避免频繁创建和销毁线程带来的开销，提高程序的性能。MthreadPool类允许用户指定线程池的最小和最大线程数，并提供了添加任务、管理线程数量等功能。代码详细解释1.类的定义和成员变量#include"MthreadPool.h"MthreadPool::MthreadPool(i
  • android-为手机设置全局代理 carden_coder agentandroidandroid
    有这么一个需求，需要给手机设置全局代理。百度到的结果都是设置后，如果需要清除代理的话，需要重启手机，这里使用的方式是不需要重启的方式后实现方式如下：设置代理:String[]strings={"settingsputglobalhttp_proxy"+ip+":"+port};ShellUtils.CommandResultcommandResult2=ShellUtils.execCmd(str
  • Android 10.0 系统Settings主菜单wifi二级菜单去掉返回acitonbar功能 安卓兼职framework应用工程师 android10.0Rom定制化高级进阶androidactionssettings二级菜单返回键action返回键
    1.前言在10.0的系统产品定制化开发中，在原生系统Settings的主菜单蓝牙wifi进入二级菜单中的页面中，最上面都有一个ActionBar的返回键，在某种情况下进行产品定制的时候，不需要这个返回键，所以接下来分析下这个返回键布局，来实现功能2.系统Settings主菜单蓝牙wifi二级菜单去掉返回acitonbar功能的核心类packages/apps/Settings/src/com/an
  • 省市区三级联动 The_era_achievs_hero javalinux数据库
    题十一：省市区三级联动要求：通过三个下拉菜单的联动来实现，第一级下拉菜单为省级，第二级下拉菜单为市级，第三级下拉菜单为区级。当点击第一级下拉菜单，第二级菜单的内容会自动匹配；选择第二级菜单时，第三级菜单会自动生成。当我取消上一级菜单的选项时，次一级选项会自动消失。原理：架构出三个选择的框架，用change分别监听provice和city表单元素值的变化。通过获取实时的值来改变下一级里面的内容，新增
  • 贪吃蛇案例 The_era_achievs_hero javajavascript开发语言
    题十：贪吃蛇还原要求：只需对所给js代码的部分函数进行还原最终实现效果即可原理：首先获得蛇的头部定位，再根据键盘改变头部的位置。更新蛇的身体数组，删除蛇身体的最后一个元素，并生成新数组(头部作为新数组的第一个元素)//移动蛇的头部nextStep(){//TODO：待补充代码////只需完善该函数实现功能，不允许修改别处代码//使用对象展开运算符，复制当前蛇的头部位置consthead={...t
  • Android 13 通过修改 AOSP 禁用扬声器 Shigq-droid Android系统定制开发Aospandroidaosp
    需要深入修改音频系统的路由策略和硬件抽象层。以下是具体实现方案：核心实现路径修改音频路由策略（AudioPolicyManager）控制音频硬件输出（AudioHAL）强制静音系统音量（AudioService）方案一：禁用扬声器路由策略修改文件：frameworks/av/services/audiopolicy/managerdefault/AudioPolicyManager.cpp代码修改
  • 重写event函数 大G哥
    4、重写event函数如果每个对象的事件处理函数有多个，可以一个个重写，也可以重写事件分发函数()。案例：4.1、新建工程4.2、重写该窗口的鼠标按下及抬起事件方式1：.h中声明登录后复制virtualvoidmousePressEvent(QMouseEvent*event);virtualvoidmouseReleaseEvent(QMouseEvent*event);1.2..cpp中实现登
  • 全面了解 Node.js、npm、yarn、node-gyp、Python、Visual Studio 和 Electron 的关联性 古木12345 node.jsnpmpythonelectronyarn
    好的，以下是一个全面且深入的详细解析，针对Electron桌面开发工具链及其相关依赖，包含每个关键模块（Node.js、npm、yarn、Python、node-gyp、VisualStudio、Electron）及其实现原理、功能、关联性和使用示例，确保您能完整理解这些工具的用途和关联性。一、基础工具链模块详细介绍1.Node.js1.1功能概述Node.js是一个运行时环境，它允许开发者在服务
  • Java 集成MySQL+MyBatis实战（含代码） C_V_Better javamysql架构设计javamysqlmybatis后端数据库
    在Java开发中，MyBatis是一个功能强大的持久层框架，它支持定制化SQL、存储过程以及高级映射。MyBatis避免了几乎所有的JDBC代码和手动设置参数以及获取结果集。MyBatis使用简单的XML或注解用于配置和原始映射，将接口和Java的POJOs映射成数据库中的记录。本文将通过实战案例，详细展示如何使用MyBatis集成MySQL，实现对数据库的增删改查操作。一、环境准备在开始编写代码
  • 数据结构：单链表（Single Linked List）及其实现 y.Ghost 数据结构数据结构单链表任务管理系统c语言算法
    什么是单链表？单链表是一种最简单的链表结构，它就像一列火车，每节车厢（节点）都通过挂钩（指针）连接到下一节车厢。单链表中的每个节点都包含两部分：数据：存储实际的数据（比如数字、字符串等）。指针：指向下一个节点的地址。单链表的特点是：数据在内存中不是连续存储的，而是通过指针连接起来的。正因为如此，单链表可以动态地增加或删除节点，而不需要像数组那样移动大量数据。单链表的原理单链表的每个节点都是一个独立
  • 深入了解Spring缓存注解：@Cacheable、@CacheEvict、@CachePut #难得糊涂 spring缓存java
    引言在现代应用程序中，缓存是提高性能和响应速度的重要手段。Spring框架提供了一组强大的缓存注解，其中包括@Cacheable、@CacheEvict和@CachePut。让我们深入了解这些注解的用途和适用场景。Spring缓存的发展Spring3.x基础支持：在Spring3.x版本中，引入了org.springframework.cache.CacheManager接口来实现缓存管理。它提供
  • 可对画面进行平台传输，实时查看监控的智慧交通开源了 AI服务老曹 开源人工智能大数据物联网
    智慧交通视觉监控平台是一款功能强大且简单易用的实时算法视频监控系统。它的愿景是最底层打通各大芯片厂商相互间的壁垒，省去繁琐重复的适配流程，实现芯片、算法、应用的全流程组合，从而大大减少企业级应用约95%的开发成本。用户只需在界面上进行简单的操作，就可以实现全视频的接入及布控。项目搭建地址项目开源地址：yihecode-server本项目基于ai场景而开发，提供算法模型管理、摄像头管理、告警管理、数
  • 多线程并发模拟实现与分析：基于Scapy的TCP SYN洪水攻击实验研究 键盘侠伍十七 tcp/ip网络协议网络网络安全pythonsynflood
    简介实现基于Python实现的多线程TCPSYN洪水攻击。该实例利用Scapy库构造并发送TCPSYN数据包，通过多线程技术模拟并发的网络攻击行为。实现原理SYNFlood攻击是一种经典的分布式拒绝服务（DDoS）攻击方式，利用了TCP协议握手过程中的弱点。TCP三次握手过程在正常情况下，TCP建立连接需要经过以下三个步骤的交互：客户端发送SYN：客户端向服务器发送一个同步（SYN）段，其中包含客
  • 实现能源高效利用、优化能源结构、降低碳排放的智慧能源开源了。 ai产品老杨 音视频人工智能安全开源vue.js
    简介AI视频监控平台,是一款功能强大且简单易用的实时算法视频监控系统。愿景在最底层打通各大芯片厂商相互间的壁垒，省去繁琐重复的适配流程，实现芯片、算法、应用的全流程组合，减少企业级应用约95%的开发成本，用户仅需在界面上简单操作，即可实现全视频的接入及布控。基础项目搭建地址参考：yihecode-server:本项目基于ai场景而开发，提供算法模型管理、摄像头管理、告警管理、数据统计等功能。系统根
  • 使用TimerTask实现定时任务 Yvonne978 java开发语言
    实现定时任务，需要解决三个问题：1.任务是什么，即干什么？2.如何执行？什么时候开始执行？执行频率？3.使用什么框架执行？这里使用轻量Spring自带的TimerTask进行实现一、编写任务新建一个类如MyThread，继承TimerTask，重写run方法packagecom.icfcc.cnaps2.thread;importjava.util.TimerTask;publicclassMyT
  • RTK负载（4K可见光+高分热成像+超广角+激光测距）四光AI智能识别跟踪吊舱技术详解 无人机技术圈 无人机技术人工智能
    无人机+光电吊舱的RTK负载（4K可见光+高分热成像+超广角+激光测距）AI智能识别跟踪吊舱技术是一种高度集成和先进的无人机观测系统。系统结合了无人机的飞行能力和光电吊舱的多功能传感器，通过集成RTK（实时动态差分定位）技术、4K可见光摄像头、高分热成像仪、超广角镜头和激光测距仪，以及AI智能识别跟踪算法，实现了对地面目标的精准观测、识别、跟踪和测量。以下是该技术的主要特点和功能详解：1.4K可见
  • 无人机+光电吊舱：2K 30倍混合变焦光电吊舱技术详解 无人机技术圈 无人机技术无人机
    随着无人机技术的不断发展，光电吊舱作为无人机的重要组成部分，也在不断地进行技术升级和改进。其中，2K30倍混合变焦光电吊舱技术是一种先进的技术，具有高度的应用价值和市场前景。一、光电吊舱的基本概念光电吊舱是一种安装在无人机下方的光电传感器设备，用于获取目标区域的图像和视频信息。它通常由多个传感器组成，包括可见光摄像机、红外热像仪、激光测距仪等，以实现对目标区域的全方位、多角度观测。二、2K30倍混
  • 双光吊舱应用行业！！ 云卓SKYDROID 无人机云卓科技知识高科技双光吊舱
    1.军事领域侦察与监视：双光吊舱能够全天候、全气候地提供高清图像数据，支持军事侦察和监视任务。通过可见光相机和红外热成像仪的结合，吊舱可以在白天和夜晚、晴天和恶劣天气条件下，为无人机等空中平台提供清晰的战场图像，帮助指挥人员做出准确的决策。目标识别与跟踪：吊舱内置的目标识别算法能够实现对远距离目标的追踪、摄像和监控，特别是在夜间或恶劣天气条件下，红外热成像技术能够发挥重要作用。远程打击：无人机搭载
  • 实现能源高效利用、优化能源结构、降低碳排放的智慧能源开源了 AI服务老曹 能源开源人工智能大数据自动化云计算
    简介AI视频监控平台,是一款功能强大且简单易用的实时算法视频监控系统。愿景在最底层打通各大芯片厂商相互间的壁垒，省去繁琐重复的适配流程，实现芯片、算法、应用的全流程组合，减少企业级应用约95%的开发成本，用户仅需在界面上简单操作，即可实现全视频的接入及布控。基础项目搭建地址参考：yihecode-server:本项目基于ai场景而开发，提供算法模型管理、摄像头管理、告警管理、数据统计等功能。系统根
  • 基于Java的自助多张图片合成拼接实战 夜郎king javaJava多图片合成Java图片合成实战
    目录前言一、图片合成需求描述二、图片合成设计与实现1、编程语言2、基础数据准备3、图片合成流程4、图片合成实现三、总结前言在当今数字化时代，图像处理技术在各个领域都发挥着至关重要的作用。从社交媒体到电子商务，从在线教育到虚拟现实，图像的展示和处理方式直接影响着用户体验和信息传递的效率。而图片合成拼接技术作为图像处理中的一个重要分支，其应用范围广泛，需求也日益增长。在实际开发中，图片合成拼接的需求多
  • 使用opencv实现深度学习的图片与视频的超分辨率 人工智能研究所 人工智能之计算机视觉opencv深度学习视频超分辨率图片超分辨率
    图片超分辨率什么是视频与图片的超分辨率，总结一下便是给一张分辨率比较低的图片，进行超分辨率的处理后，生成比较清晰的高分辨率的图片，上图图片完美解释了超分辨率的过程，由于不同的算法不同，处理的结果也不相同，本期我们介绍一下如何进行图片的超分辨率的处理。·EDSR模型图像超分辨率EDSR：EnhancedDeepResidualNetworksforSingleImageSuper-Resolutio
  • python3安装mysql连接_Python3使用PyMySQL连接MySQL weixin_39814925
    前提介绍：【功能实现】：1.登录本地MySQLServer创建数据库和表，Python3使用PyMySQL连接本地MySQL服务器，实现对数据库的表进行简单Insert操作。【软件配置】：1.MySQL服务器：MySQL8.0.202.Pymsql版本：Pymsql0.9.33.Python版本：Python34.NavicatforMySQL版本:Navicat115.PyCharm版本:PyC
  • Spring AOP及其实现原理？ 计算机学长大白 springjavajvm
    SpringAOP（面向切面编程）是Spring框架中的一个重要功能，它通过动态代理技术实现了横切关注点的分离，从而降低了业务逻辑各部分之间的耦合度，提高了程序的可重用性和开发效率。本文将从SpringAOP的基本概念、实现原理、核心组件以及实际应用等方面进行详细讲解，并通过示例代码帮助读者更好地理解和掌握SpringAOP。一、SpringAOP的基本概念1.1AOP的定义AOP（Aspect-
  • 使用 Docker 部署 RabbitMQ 的详细指南 m0_74824552 面试学习路线阿里巴巴dockerrabbitmq容器
    使用Docker部署RabbitMQ的详细指南在现代应用程序开发中，消息队列系统是不可或缺的一部分。RabbitMQ是一个流行的开源消息代理软件，它实现了高级消息队列协议（AMQP）。本文将详细介绍如何使用Docker部署RabbitMQ，并提供一些配置和管理的技巧。1.前期准备在开始之前，请确保您的系统上已经安装了Docker。如果尚未安装，可以参考Docker官方文档或我写的前面一篇文章Cen
  • Qt反射机制与信号槽机制 百口可乐__ Qt-qt开发语言c++
    反射机制介绍：Qt反射机制是基于moc(metaobjectcompiler)实现的moc全称是Meta-ObjectCompiler，也就是“元对象编译器”。Qt程序在交由标准编译器编译之前，先要使用moc分析C++源文件。如果它发现在一个头文件中包含了宏Q_OBJECT，则会生成另外一个C++源文件。这个源文件中包含了Q_OBJECT宏的实现代码。这个新的文件名字将会是原文件名前面加上moc_
  • OpenCV机器学习（1）人工神经网络 - 多层感知器类cv::ml::ANN_MLP 村北头的码农 OpenCVopencv机器学习人工智能
    操作系统：ubuntu22.04OpenCV版本：OpenCV4.9IDE:VisualStudioCode编程语言：C++11算法描述cv::ml::ANN_MLP是OpenCV库中的一部分，用于实现人工神经网络-多层感知器（ArtificialNeuralNetwork-Multi-LayerPerceptron,ANN-MLP）。它提供了一种方式来创建和训练多层感知器模型，以解决分类、回归等
  • java面试题：多线程交替打印数字 小猫猫猫◍˃ᵕ˂◍ javapython开发语言
    面试题：多线程交替打印数字代码概述这个Java程序使用了三个线程（t1,t2,t3）和三个信号量（first,second,third）来实现交替打印数字1、2、3的功能。每个线程负责打印一个数字，并通过信号量来控制线程的执行顺序。代码结构信号量初始化：first,second,third三个信号量分别用于控制三个线程的执行顺序。初始时，first信号量的许可数为0，表示t1线程需要等待。线程定义
  • 使用 Shiro 和 JPA 结合 MySQL 实现一个简易权限管理系统 Java猿_ mysql数据库
    1.项目设置首先，确保你的项目已经配置好Maven或Gradle依赖管理工具，并添加以下依赖：Maven依赖org.apache.shiroshiro-core1.9.0org.apache.shiroshiro-web1.9.0org.springframework.bootspring-boot-starter-data-jpamysqlmysql-connector-java8.0.26or
  • mondb入手 木zi_鸣 mongodb
    windows 启动mongodb  编写bat文件， mongod --dbpath D:\software\MongoDBDATA mongod --help  查询各种配置 配置在mongob 打开批处理，即可启动，27017原生端口，shell操作监控端口  扩展28017，web端操作端口 启动配置文件配置， 数据更灵活 
  • 大型高并发高负载网站的系统架构 bijian1013 高并发负载均衡
            扩展Web应用程序 一.概念         简单的来说，如果一个系统可扩展，那么你可以通过扩展来提供系统的性能。这代表着系统能够容纳更高的负载、更大的数据集，并且系统是可维护的。扩展和语言、某项具体的技术都是无关的。扩展可以分为两种：         1.
  • DISPLAY变量和xhost(原创) czmmiao display
    DISPLAY 在Linux/Unix类操作系统上, DISPLAY用来设置将图形显示到何处. 直接登陆图形界面或者登陆命令行界面后使用startx启动图形, DISPLAY环境变量将自动设置为:0:0, 此时可以打开终端, 输出图形程序的名称(比如xclock)来启动程序, 图形将显示在本地窗口上, 在终端上输入printenv查看当前环境变量, 输出结果中有如下内容:DISPLAY=:0.0
  • 获取B/S客户端IP 周凡杨 java编程jspWeb浏览器
       最近想写个B/S架构的聊天系统，因为以前做过C/S架构的QQ聊天系统，所以对于Socket通信编程只是一个巩固。对于C/S架构的聊天系统，由于存在客户端Java应用，所以直接在代码中获取客户端的IP，应用的方法为：    String ip = InetAddress.getLocalHost().getHostAddress(); 然而对于WEB
  • 浅谈类和对象 朱辉辉33 编程
        类是对一类事物的总称，对象是描述一个物体的特征，类是对象的抽象。简单来说，类是抽象的，不占用内存，对象是具体的， 占用存储空间。     类是由属性和方法构成的，基本格式是public  class 类名{ //定义属性 private/public 数据类型 属性名； //定义方法 publ
  • android activity与viewpager+fragment的生命周期问题 肆无忌惮_ viewpager
    有一个Activity里面是ViewPager，ViewPager里面放了两个Fragment。 第一次进入这个Activity。开启了服务，并在onResume方法中绑定服务后，对Service进行了一定的初始化，其中调用了Fragment中的一个属性。 super.onResume(); bindService(intent, conn, BIND_AUTO_CREATE);
  • base64Encode对图片进行编码 843977358 base64图片encoder
    /** * 对图片进行base64encoder编码 * * @author mrZhang * @param path * @return */ public static String encodeImage(String path) { BASE64Encoder encoder = null; byte[] b = null; I
  • Request Header简介 aigo servlet
    当一个客户端(通常是浏览器)向Web服务器发送一个请求是，它要发送一个请求的命令行，一般是GET或POST命令，当发送POST命令时，它还必须向服务器发送一个叫“Content-Length”的请求头(Request   Header)   用以指明请求数据的长度，除了Content-Length之外，它还可以向服务器发送其它一些Headers，如：    
  • HttpClient4.3 创建SSL协议的HttpClient对象 alleni123 httpclient爬虫ssl
    public class HttpClientUtils { public static CloseableHttpClient createSSLClientDefault(CookieStore cookies){ SSLContext sslContext=null; try { sslContext=new SSLContextBuilder().l
  • java取反 -右移-左移-无符号右移的探讨 百合不是茶 位运算符 位移
    取反： 在二进制中第一位，1表示符数，0表示正数 byte a = -1; 原码：10000001 反码：11111110 补码：11111111 //异或: 00000000 byte b = -2; 原码：10000010 反码：11111101 补码：11111110 //异或: 00000001
  • java多线程join的作用与用法 bijian1013 java多线程
            对于JAVA的join，JDK 是这样说的：join public final void join （long millis ）throws InterruptedException Waits at most millis milliseconds for this thread to die. A timeout of 0 means t
  • Java发送http请求(get 与post方法请求) bijian1013 javaspring
    PostRequest.java package com.bijian.study; import java.io.BufferedReader; import java.io.DataOutputStream; import java.io.IOException; import java.io.InputStreamReader; import java.net.HttpURL
  • 【Struts2二】struts.xml中package下的action配置项默认值 bit1129 struts.xml
    在第一部份，定义了struts.xml文件，如下所示：   <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache.org/dtds/struts
  • 【Kafka十三】Kafka Simple Consumer bit1129 simple
    代码中关于Host和Port是割裂开的，这会导致单机环境下的伪分布式Kafka集群环境下，这个例子没法运行。 实际情况是需要将host和port绑定到一起，   package kafka.examples.lowlevel; import kafka.api.FetchRequest; import kafka.api.FetchRequestBuilder; impo
  • nodejs学习api ronin47 nodejs api
    NodeJS基础 什么是NodeJS JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。 每一种解析器都是一个运行环境，不但允许JS定义各种数据结构，进行各种计算，还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM，浏览器就提供了docum
  • java-64.寻找第N个丑数 bylijinnan java
    public class UglyNumber { /** * 64.查找第N个丑数 具体思路可参考 [url] http://zhedahht.blog.163.com/blog/static/2541117420094245366965/[/url] * 题目：我们把只包含因子 2、3和5的数称作丑数（Ugly Number）。例如6、8都是丑数，但14
  • 二维数组（矩阵）对角线输出 bylijinnan 二维数组
    /** 二维数组 对角线输出 两个方向 例如对于数组： { 1, 2, 3, 4 }, { 5, 6, 7, 8 }, { 9, 10, 11, 12 }, { 13, 14, 15, 16 }, slash方向输出： 1 5 2 9 6 3 13 10 7 4 14 11 8 15 12 16 backslash输出： 4 3
  • [JWFD开源工作流设计]工作流跳跃模式开发关键点(今日更新) comsci 工作流
       既然是做开源软件的,我们的宗旨就是给大家分享设计和代码,那么现在我就用很简单扼要的语言来透露这个跳跃模式的设计原理    大家如果用过JWFD的ARC-自动运行控制器,或者看过代码,应该知道在ARC算法模块中有一个函数叫做SAN(),这个函数就是ARC的核心控制器,要实现跳跃模式,在SAN函数中一定要对LN链表数据结构进行操作,首先写一段代码,把
  • redis常见使用 cuityang redis常见使用
    redis 通常被认为是一个数据结构服务器，主要是因为其有着丰富的数据结构 strings、map、 list、sets、 sorted sets 引入jar包 jedis-2.1.0.jar  (本文下方提供下载) package redistest; import redis.clients.jedis.Jedis; public class Listtest
  • 配置多个redis dalan_123 redis
    配置多个redis客户端 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"       xmlns:xsi=&quo
  • attrib命令 dcj3sjt126com attr
      attrib指令用于修改文件的属性.文件的常见属性有:只读.存档.隐藏和系统.    只读属性是指文件只可以做读的操作.不能对文件进行写的操作.就是文件的写保护.    存档属性是用来标记文件改动的.即在上一次备份后文件有所改动.一些备份软件在备份的时候会只去备份带有存档属性的文件. 
  • Yii使用公共函数 dcj3sjt126com yii
    在网站项目中，没必要把公用的函数写成一个工具类，有时候面向过程其实更方便。 在入口文件index.php里添加 require_once('protected/function.php'); 即可对其引用，成为公用的函数集合。 function.php如下：   <?php /**   * This is the shortcut to D
  • linux 系统资源的查看（free、uname、uptime、netstat） eksliang netstatlinux unamelinux uptimelinux free
    linux 系统资源的查看 转载请出自出处：http://eksliang.iteye.com/blog/2167081   http://eksliang.iteye.com 一、free查看内存的使用情况 语法如下：   free [-b][-k][-m][-g] [-t] 参数含义 -b:直接输入free时，显示的单位是kb我们可以使用b(bytes),m
  • JAVA的位操作符 greemranqq 位运算JAVA位移<<>>>
    最近几种进制，加上各种位操作符，发现都比较模糊，不能完全掌握，这里就再熟悉熟悉。   1.按位操作符 ：    按位操作符是用来操作基本数据类型中的单个bit,即二进制位，会对两个参数执行布尔代数运算，获得结果。    与（&）运算：    1&1 = 1, 1&0 = 0, 0&0 &
  • Web前段学习网站 ihuning Web
      Web前段学习网站 菜鸟学习：http://www.w3cschool.cc/   JQuery中文网：http://www.jquerycn.cn/   内存溢出：http://outofmemory.cn/#csdn.blog   http://www.icoolxue.com/   http://www.jikexue
  • 强强联合：FluxBB 作者加盟 Flarum justjavac r
    原文：FluxBB Joins Forces With Flarum作者：Toby Zerner译文：强强联合：FluxBB 作者加盟 Flarum译者：justjavac FluxBB 是一个快速、轻量级论坛软件，它的开发者是一名德国的 PHP 天才 Franz Liedke。FluxBB 的下一个版本(2.0)将被完全重写，并已经开发了一段时间。FluxBB 看起来非常有前途的，
  • java统计在线人数（session存储信息的） macroli javaWeb
    这篇日志是我写的第三次了 前两次都发布失败！郁闷极了！   由于在web开发中常常用到这一部分所以在此记录一下，呵呵，就到备忘录了！ 我对于登录信息时使用session存储的，所以我这里是通过实现HttpSessionAttributeListener这个接口完成的。 1、实现接口类，在web.xml文件中配置监听类，从而可以使该类完成其工作。 public class Ses
  • bootstrp carousel初体验 快速构建图片播放 qiaolevip 每天进步一点点学习永无止境bootstrap纵观千象
    img{ border: 1px solid white; box-shadow: 2px 2px 12px #333; _width: expression(this.width > 600 ? "600px" : this.width + "px"); _height: expression(this.width &
  • SparkSQL读取HBase数据，通过自定义外部数据源 superlxw1234 sparksparksqlsparksql读取hbasesparksql外部数据源
    关键字：SparkSQL读取HBase、SparkSQL自定义外部数据源     前面文章介绍了SparSQL通过Hive操作HBase表。   SparkSQL从1.2开始支持自定义外部数据源(External DataSource)，这样就可以通过API接口来实现自己的外部数据源。这里基于Spark1.4.0，简单介绍SparkSQL自定义外部数据源，访
  • Spring Boot 1.3.0.M1发布 wiselyman spring boot
        Spring Boot 1.3.0.M1于6.12日发布，现在可以从Spring milestone repository下载。这个版本是基于Spring Framework 4.2.0.RC1,并在Spring Boot 1.2之上提供了大量的新特性improvements and new features。主要包含以下：   1.提供一个新的sprin
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他