weixin_33854644
weixin_33854644

左侧手风琴下拉菜单导航(网页常用功能）

效果如下：

左侧手风琴下拉菜单导航(网页常用功能）_第1张图片

代码如下：

html:

<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="author" Content="li">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>jQuery手风琴下拉菜单代码 - 站长素材title>

<link rel="stylesheet" href="css/index.css">

head>
<body>
<center>
<dl class="list_dl">
    <dt class="list_dt">
        <span class="_after">span>
        <p>选择器p>
        <i class="list_dt_icon">i>
    dt>
    <dd class="list_dd">
        <ul>
            <li class="list_li">#idli>
            <li class="list_li">elementli>
            <li class="list_li">.classli>
            <li class="list_li">*li>
        ul>
    dd>
    <dt class="list_dt">
        <span class="_after">span>
        <p>属性p>
        <i class="list_dt_icon">i>
    dt>
    <dd class="list_dd">
        <ul>
            <li class="list_li">attrli>
            <li class="list_li">removeAttrli>
            <li class="list_li">propli>
            <li class="list_li">removePropli>
            <li class="list_li">addClassli>
            <li class="list_li">removeClassli>
        ul>
    dd>
    <dt class="list_dt">
        <span class="_after">span>
        <p>文档处理p>
        <i class="list_dt_icon">i>
    dt>
    <dd class="list_dd">
        <ul>
            <li class="list_li">appendli>
            <li class="list_li">appendToli>
            <li class="list_li">prependli>
            <li class="list_li">prependToli>
            <li class="list_li">afterli>
            <li class="list_li">beforeli>
        ul>
    dd>
    <dt class="list_dt">
        <span class="_after">span>
        <p>事件p>
        <i class="list_dt_icon">i>
    dt>
    <dd class="list_dd">
        <ul>
            <li class="list_li">readyli>
            <li class="list_li">onli>
            <li class="list_li">offli>
            <li class="list_li">bindli>
            <li class="list_li">oneli>
            <li class="list_li">triggerli>
            <li class="list_li">hoverli>
            <li class="list_li">clickli>
            <li class="list_li">focusli>
        ul>
    dd>
    <dt class="list_dt">
        <span class="_after">span>
        <p>AJAXp>
        <i class="list_dt_icon">i>
    dt>
    <dd class="list_dd">
        <ul>
            <li class="list_li">$.ajaxli>
            <li class="list_li">$.getli>
            <li class="list_li">$.getJSONli>
            <li class="list_li">$.getScriptli>
            <li class="list_li">$.postli>
        ul>
    dd>
    <dt class="list_dt">
        <span class="_after">span>
        <p>效果p>
        <i class="list_dt_icon">i>
    dt>
    <dd class="list_dd">
        <ul>
            <li class="list_li">showli>
            <li class="list_li">hideli>
            <li class="list_li">toggleli>
            <li class="list_li">slideDownli>
            <li class="list_li">slideUpli>
            <li class="list_li">slideToggleli>
            <li class="list_li">fadeInli>
            <li class="list_li">fadeOutli>
            <li class="list_li">fadeToli>
            <li class="list_li">fadeToggleli>
            <li class="list_li">stopli>
        ul>
    dd>
dl>

<script type="text/javascript" src="js/jquery.min.js">script>
<script type="text/javascript">

$(".list_dt").on("click",function () {
    $('.list_dd').stop();
    $(this).siblings("dt").removeAttr("id");
    if($(this).attr("id")=="open"){
        $(this).removeAttr("id").siblings("dd").slideUp();
    }else{
        $(this).attr("id","open").next().slideDown().siblings("dd").slideUp();
    }
});

script>
center>
body>
html>

css:

@charset "UTF-8";
*{
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei", Arial, sans-serif;
    font-size: 14px;
}
.list_dt{
    background: #333;
    color: white;
    width: 120px;
    padding: 0 40px 0 20px;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    border-bottom: 1px solid #464646;
}
.list_dt:hover{
    background: #222;
}
.list_dt:hover ._after{
    display: block;
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #4285F4;
}
#open{
    background: #222;
}
#open ._after{
    display: block;
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #4285F4;
}
.list_dt_icon{
    position: absolute;
    right: 10px;
    top: 9px;
    display: block;
    width: 16px;
    height: 16px;
    background: url("../images/off.png") no-repeat;
}
#open .list_dt_icon{
    background: url("../images/open.png") no-repeat;
}
.list_dd{
    display: none;
}
.list_li{
    background: #4e4e4e;
    list-style-type: none;
    color: white;
    width: 120px;
    padding: 0 30px;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    border-bottom: 1px solid #6b6b6b;
}
.list_li:hover{
    background: #4285F4;
}

 

转载于:https://www.cnblogs.com/liuyanxia/p/8578260.html

你可能感兴趣的:(左侧手风琴下拉菜单导航(网页常用功能）)

  • vue制作导航栏html,Vue实现导航栏菜单 DataQueen vue制作导航栏html
    本文实例为大家分享了Vue实现导航栏菜单的具体代码，供大家参考，具体内容如下这里是刚学习vue的时候，没有用vue的任何UI组件库写的导航栏菜单。menu.html导航栏左项目名称您好，用户！v-bind:class="{checked:index==nowIndex}"v-on:click="setTab('menu',index,menus)">{{menu.text}}菜单一的内容菜单二的内
  • vue-router 中滚动行为设置的妙用 代码搬运媛 vue.jsjavascript前端
    在vue-router里，滚动行为设置能够对路由切换时的页面滚动位置进行控制，这在单页面应用（SPA）里十分有用，能够为用户带来更流畅、更符合预期的浏览体验。下面为你详细介绍滚动行为设置的作用和使用方法。作用恢复滚动位置当用户在某个页面滚动到特定位置后，再导航到其他页面，之后又返回到该页面时，滚动行为设置可以让页面恢复到之前的滚动位置。这在浏览长页面或者列表页时非常实用，用户无需重新滚动到之前查看
  • Selenium使用指南 程序员杰哥 selenium测试工具python测试用例职场和发展程序人生功能测试
    概述selenium是网页应用中最流行的自动化测试工具，可以用来做自动化测试或者浏览器爬虫等。官网地址为：相对于另外一款web自动化测试工具QTP来说有如下优点：免费开源轻量级，不同语言只需要一个体积很小的依赖包支持多种系统，包括Windows，Mac，Linux支持多种浏览器，包括Chrome，FireFox，IE，safari，opera等支持多语言，包括Java，C，python，c#等主流
  • DeepSeek 助力 Vue 开发：打造丝滑的导航栏（Navbar） 宝码香车 #DeepSeekvue.js前端javascriptecmascriptDeepSeek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的导航栏（Navbar）前言页面效果指令输入属性定义1.导航栏样式相关2.导航项相关3.响应式相关4.对齐方式相关事件定义1.导航项点击事件2.菜单折叠切换事件其他建议1.可访问性2.动画效果3.图标支
  • 百度极速版APP 自动脚本 javascript代码 zaxjb123 dubbo
    使用JavaScript编写针对百度极速版APP的自动化脚本通常涉及到使用WebView测试框架，比如Puppeteer或Selenium，这些工具允许你控制一个浏览器或WebView环境，从而与网页或APP中的Web内容进行交互。然而，对于原生APP（如百度极速版）的自动化测试，通常需要使用专门的移动应用自动化框架，如Appium。Appium支持多种编程语言，包括JavaScript。要使用J
  • 高德地图驾车导航内存优化原理与实战 数据库技术分享者 androidios
    背景根据Apple官方WWDC的回答，减少内存可以让用户体验到更快的启动速度，不会因为内存过大而导致Crash，可以让APP存活的更久。对于高德地图来说，根据线上数据的分析，内存过高会导致导航过程中系统强杀OOM。尤其区别于其他APP的地方是，一般APP只需要关注前台内存过高的系统强杀FOOM，高德地图有不少用户使用后台导航，所以也需要关注后台的内存过高导致的系统强杀BOOM，且后台强杀较前台强杀
  • 使用Python爬虫实时监控行业新闻案例 海拥✘ python爬虫开发语言
    目录背景环境准备请求网页数据解析网页数据定时任务综合代码使用代理IP提升稳定性运行截图与完整代码总结在互联网时代，新闻的实时性和时效性变得尤为重要。很多行业、技术、商业等领域的新闻都可以为公司或者个人发展提供有价值的信息。如果你有一项需求是要实时监控某个行业的新闻，自动化抓取并定期输出这些新闻，Python爬虫可以帮你轻松实现这一目标。本文将通过一个案例，带你一步一步实现一个简单的Python爬虫
  • 阿里云部署Django项目（超详细图文教程）—— Part3. Django settings修改、PostgreSQL配置 马志峰的编程笔记 Django部署postgresqldjangogitnginx阿里云
    阿里云部署Django项目（超详细图文教程）Part3.Djangosettings修改、PostgreSQL配置前言：花了一个月的空闲时间，终于成功把Django网站部署到了阿里云ECS上，包含以下功能：不使用任何第三方工具，直接用网页连接阿里云ECS使用GIT进行源码控制和上传到服务器使用githooks实现自动部署用的是时下比较流行的一套部署方案——Nginx,Gunicorn,virtua
  • css给网页添加 黑白滤镜 nqxcwl 前端css给网页添加黑白滤镜
    /*给网页添加黑白滤镜*/html{/*兼容FF*/filter:url("data:image/svgxml;utf8,#grayscale");/*兼容IE内核*/filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);/*兼容其它，谷歌之类的*/-webkit-filter:grayscale(1);}
  • 个人简历html网页模板，科技感炫酷html简历模板 孤客网络科技工作室 html+css网页开发html科技前端
    炫酷动效登录页引言在网页设计中，按钮是用户交互的重要元素之一。这样一款黑色个人简历html网页模板，科技感炫酷html简历模板，设计效果类似科技看板图，可帮您展示技能、任职经历、作品等，喜欢这种风格的小伙伴不要犹豫哦。该素材呈现了数据符号排版显示出人形的动画效果，新颖有创意，希望大家能够喜欢。效果预览在开始之前，我们先来看一下最终的效果：实现步骤1.index.html（部分代码）首先，我们需要创
  • 跟我一起学Python数据处理（七十四）：数据处理工具与网页抓取入门 lilye66 pythonjupyter开发语言爬虫
    跟我一起学Python数据处理（七十四）：数据处理工具与网页抓取入门大家好！一直以来，我都坚信在学习的道路上，相互交流和共同进步是非常重要的。在Python数据处理这片充满挑战与机遇的领域，我也在持续学习和探索，希望借由这一系列的博客，能和大家一起深入钻研，共同成长。在上一篇博客中，我们学习了Jupyternotebook的相关知识，今天咱们接着来了解Python数据处理中的其他关键内容，包括一些
  • 学术必备的21个论文网站，建议收藏！ 初尘屿风 人工智能深度学习全文检索学习方法百度
    1、综合型论文网站（国内）（1）知网介绍：国内知名度最高的网站，拥有上亿篇各种论文期刊，包含中国学术文献、外文文献、学位论文、报纸、会议、年鉴、工具书等各类资源统一检索、统一导航、在线阅读和下载服务。网址：https://www.cnki.net/（2）掌桥科研介绍：掌桥科研文献资源库涵盖中英文期刊，会议，学位论文、科技报告等多种资源，拥有1.2多亿文献资源，值得一提的是，它整合了目前国际上主流的
  • python中的Pillow 有哪些常用的功能？ 大懒猫软件 pillow计算机视觉人工智能python
    Pillow的常用功能Pillow是一个强大的图像处理库，提供了丰富的功能来处理和操作图像。以下是一些常用的功能及其示例代码：1.打开和保存图像Pillow可以轻松地打开和保存各种格式的图像文件。示例代码Python复制fromPILimportImage#打开图像img=Image.open("example.jpg")#显示图像img.show()#保存图像img.save("output.j
  • 【一文读懂】JS与Java的区别 Bl_a_ck JS进阶javascriptjava开发语言
    相同点这两个语言除了注释长得差不多之外就没什么相同点了不同点设计初衷：JS从开发到上线就经历了10天的时间，最初的目的是实现网页端的动态交互效果，由于设计时间太短，语言的一些细节考虑得不够严谨，导致后来很长一段时间，Javascript写出来的程序混乱不堪。所以现在有了TS来代替JSJava设计用于编写跨平台的、运行在虚拟机上的应用程序设计理念：Java是典型的面相对象的语言，具有面向对象的三大特
  • 写轮眼按钮特效：打造炫酷网页按钮 孤客网络科技工作室 html+css网页开发html
    写轮眼按钮特效：打造炫酷网页按钮引言在网页设计中，按钮是用户交互的重要元素之一。一个炫酷的按钮特效不仅能提升用户体验，还能为网页增添独特的视觉吸引力。今天，我们将通过CSS和JavaScript来实现一个“写轮眼”按钮特效，灵感来源于《火影忍者》中的经典元素——写轮眼。效果预览在开始之前，我们先来看一下最终的效果：实现步骤1.index.html（部分代码）首先，我们需要创建一个简单的HTML结构
  • AngularJS中文手册前半部分学习 CV战士plus angular.jsangular.js学习前端
    AngularJS简介AngularJS的中文参考手册AngularJS的使用AngularJS是一个JS框架，通过指令(ng-directives)扩展了HTML，且通过表达式绑定数据到HTML，用于开发单一页面应用程序（SPAs：SinglePageApplications）可以通过script标签添加到网页中(建议把脚本放在元素的底部。这会提高网页加载速度，因为HTML加载不受制于脚本加载。
  • 网络安全专业的未来发展和就业情况？ 程序员小颖- web安全网络安全
    前言只有了解到网络安全的作用，才能知道这个行业的前景以及就业情况。网络安全作为目前比较火的朝阳行业，人才缺口非常大，但很多人并不了解网络安全的重要性。我们从几个方面来了解网络安全：一、不重视网络安全将带来什么样后果无论是个人还是企业都可能会遭到这些网络攻击，网页篡改、计算机病毒、系统非法入侵、数据泄密、网站欺骗、服务瘫痪、漏洞非法利用等信息安全事件。二、学习网络安全的作用学习网络安全的目的就是为了
  • Java命名规范 False12.0 java开发语言
    1包（Package）全部小写字母：包名应该全部使用小写字母，避免使用大写字母或下划线。使用逆域名：通常采用公司或组织的域名的逆序作为包名的前缀。例如com.google.maps.navigation，com是常见的顶级域名后缀，表示商业组织；google是公司名称，逆序后放在前面；maps表明这是与地图相关的功能；navigation进一步明确是地图导航方面的应用。点分隔符：点分隔符之间有且仅
  • 我悟了！原来本地图片预览还能这样搞 前端javascript
    Hey,我是Immerse本文首发于【沉浸式趣谈】，我的个人博客https://yaolifeng.com也同步更新。转载请在文章开头注明出处和版权信息。如果本文对您有所帮助，请点赞、评论、转发，支持一下，谢谢！我悟了！原来本地图片预览还能这样搞在网页开发中，经常会遇到需要让用户上传图片并在上传前进行预览的需求。这样做的好处显而易见：用户可以立即看到自己选择的图片是否正确，避免了不必要的上传和服务
  • HTML5 新特性有哪些？ IT木昜 大白话前端面试题html5前端html
    HTML5新特性，你知道几个？语义化标签：HTML5引入了一系列语义化标签，比如代表网页的头部，就像是一本书的封面和目录部分，包含网站标志、导航栏等重要信息；用于导航链接，是网页的“交通指示牌”，方便用户快速找到不同页面；表示独立的文章内容，每一篇新闻报道、博客文章都可以放在这里；用来划分页面的不同区域，像一个商场里不同的楼层分区；代表网页底部，一般放版权信息、联系方式等。这些标签让网页结构更清晰
  • html5新增的标签有哪些 北原_春希 html5前端html
    HTML5新增的标签主要可以分为几类，以下是按照类别进行分点表示和归纳的HTML5新增标签：结构性标签：:定义文档或节的头部。:定义导航链接。:定义文档中的独立节。:定义文档、页面、应用或网站中独立的内容区域。:定义页面的侧边栏内容。:定义文档或节的页脚。:定义文档的主体内容。多媒体标签：:定义视频或电影。:定义音频内容。:为和元素定义媒体资源。:为和元素定义文本轨道。:定义嵌入的内容，比如插件。
  • html5节点元素 augenstern416 html5前端html
    HTML5引入了许多新的节点元素，这些元素使得开发者能够更清晰地定义和结构化网页内容。以下是一些主要的HTML5节点元素及其使用场景：1.描述：用于标记文档中的区段或段落，如文档的章节、页眉、页脚等。使用场景：当需要将内容分段或分区时，可以使用元素。每个元素应该有其独立的标题，这个标题通常使用到元素来定义。2.描述：表示页面中的导航链接部分。使用场景：当需要将具有导航性质的链接归纳在一个区域时，可
  • 2025年项目管理软件TOP10：选对工具，效率翻倍！
    ——从行业大咖视角拆解核心逻辑与避坑指南项目管理工具如同团队协作的“导航系统”，选错可能导致资源浪费、进度失控，而选对则能让效率翻倍。作为从业十年的项目管理顾问，我将结合实战经验，为你拆解2025年工具选择的底层逻辑，并推荐10款国内外优秀软件，助你避开90%的常见误区。一、工具选型的核心逻辑：4大维度决定成败选择工具不是“功能越多越好”，而是“适配度越高越好”。以下是核心决策框架（附对比表格）：
  • 静态网页部署docker+nginx CodeWielder 部署nginxdockerdockernginx前端
    静态网页部署docker+nginx1、拉取Nginx镜像dockerpullnginx:latest2、创建nginx临时容器dockerrun-d-p80:80--namenginx-tempnginx:latest3、进入容器内，查看镜像中nginx配置文件目录可省略dockerexec-itnginx-temp/bin/bash#退出容器内部exit4、将nginx配置文件导出到宿主机中m
  • 29道WebDriverIO面试八股文（答案、分析和深入提问）整理 守护海洋的猫 virtualenv面试javascript前端职场和发展
    1.如何在WebDriverIO中截取屏幕截图？回答在WebDriverIO中截取屏幕截图非常简单。你可以使用browser.saveScreenshot方法来截取当前浏览器窗口的屏幕截图，并将其保存到指定的文件路径。以下是一个基本的使用示例：基本示例describe('截取屏幕截图示例',()=>{it('应该截取当前屏幕',async()=>{//打开网页awaitbrowser.url('h
  • 2025年项目管理软件TOP10：选对工具，效率翻倍！
    ——从行业大咖视角拆解核心逻辑与避坑指南项目管理工具如同团队协作的“导航系统”，选错可能导致资源浪费、进度失控，而选对则能让效率翻倍。作为从业十年的项目管理顾问，我将结合实战经验，为你拆解2025年工具选择的底层逻辑，并推荐10款国内外优秀软件，助你避开90%的常见误区。一、工具选型的核心逻辑：4大维度决定成败选择工具不是“功能越多越好”，而是“适配度越高越好”。以下是核心决策框架（附对比表格）：
  • Jenkins 拉取 Git 分支代码问题排查与解决指南 码农阿豪@新空间 包罗万象疑难杂症解决方案git运维jenkins
    个人名片作者简介：java领域优质创作者个人主页：码农阿豪工作室：新空间代码工作室（提供各种软件服务）个人邮箱：[[email protected]]个人微信：15279484656个人导航网站：www.forff.top座右铭：总有人要赢。为什么不能是我呢？专栏导航：码农阿豪系列专栏导航面试专栏：收集了java相关高频面试题，面试实战总结️Spring5系列专栏：整理了Spring5重要知识点与
  • 探索 Open WebUI：功能全面的开源交互平台 gs80140 基础知识科谱AI人工智能
    目录探索OpenWebUI：功能全面的开源交互平台轻松部署兼容多API集成精细权限和用户组管理跨设备响应式设计移动渐进式Web应用（PWA）全面支持Markdown和LaTeX免提语音/视频通话模型构建器原生Python函数调用工具本地RAG集成RAG网络搜索网页浏览功能图像生成集成多模型对话基于角色的访问控制（RBAC）多语言支持插件支持与管道集成持续更新探索OpenWebUI：功能全面的开源交
  • 部署一个简单的python服务器 机智的frank 服务器部署
    返回字符串的网页#引入需要的模块fromwsgiref.simple_serverimportmake_server#定义web接口函数defapplication(env,response):"""定义一个web接口函数,可以接收浏览器客户端发送的url地址,调用执行函数通过url地址调用执行函数:paramenv:环境,表示浏览器发送的请求环境:paramresponse:响应,表示服务器给浏
  • 第三章：前端技术栈与性能关联 Young soul2 前端基础性能优化
    前端开发技术栈主要由HTML、CSS和JavaScript构成，它们相互协作，共同决定了网页的呈现效果和性能表现。了解它们与性能的关联，能帮助开发者更有针对性地进行优化。3.1HTML与性能3.1.1语义化标签的重要性HTML语义化标签，如、、、、、等，不仅能让代码结构更清晰，便于维护和团队协作，还对性能优化有积极作用。语义化标签可以帮助浏览器更好地理解页面结构，从而更高效地进行渲染。例如，一个新
  • Linux的Initrd机制 被触发 linux
    Linux 的 initrd 技术是一个非常普遍使用的机制，linux2.6 内核的 initrd 的文件格式由原来的文件系统镜像文件转变成了 cpio 格式，变化不仅反映在文件格式上， linux 内核对这两种格式的 initrd 的处理有着截然的不同。本文首先介绍了什么是 initrd 技术，然后分别介绍了 Linux2.4 内核和 2.6 内核的 initrd 的处理流程。最后通过对 Lin
  • maven本地仓库路径修改 bitcarter maven
    默认maven本地仓库路径：C:\Users\Administrator\.m2 修改maven本地仓库路径方法：     1.打开E:\maven\apache-maven-2.2.1\conf\settings.xml     2.找到        
  • XSD和XML中的命名空间 darrenzhu xmlxsdschemanamespace命名空间
    http://www.360doc.com/content/12/0418/10/9437165_204585479.shtml http://blog.csdn.net/wanghuan203/article/details/9203621 http://blog.csdn.net/wanghuan203/article/details/9204337 http://www.cn
  • Java 求素数运算 周凡杨 java算法素数
    网络上对求素数之解数不胜数，我在此总结归纳一下，同时对一些编码，加以改进，效率有成倍热提高。 第一种：   原理: 6N(+-)1法         任何一个自然数，总可以表示成为如下的形式之一： 6N，6N+1，6N+2，6N+3，6N+4，6N+5 (N=0，1，2，…)   
  • java 单例模式 g21121 java
    想必单例模式大家都不会陌生，有如下两种方式来实现单例模式：   class Singleton { private static Singleton instance=new Singleton(); private Singleton(){} static Singleton getInstance() { return instance; }
  • Linux下Mysql源码安装 510888780 mysql
    1.假设已经有mysql-5.6.23-linux-glibc2.5-x86_64.tar.gz (1)创建mysql的安装目录及数据库存放目录       解压缩下载的源码包，目录结构，特殊指定的目录除外：           
  • 32位和64位操作系统 墙头上一根草 32位和64位操作系统
    32位和64位操作系统是指：CPU一次处理数据的能力是32位还是64位。现在市场上的CPU一般都是64位的，但是这些CPU并不是真正意义上的64 位CPU，里面依然保留了大部分32位的技术，只是进行了部分64位的改进。32位和64位的区别还涉及了内存的寻址方面，32位系统的最大寻址空间是2 的32次方= 4294967296（bit）= 4（GB）左右，而64位系统的最大寻址空间的寻址空间则达到了
  • 我的spring学习笔记10-轻量级_Spring框架 aijuans Spring 3
    一、问题提问：     → 请简单介绍一下什么是轻量级？     轻量级（Leightweight）是相对于一些重量级的容器来说的，比如Spring的核心是一个轻量级的容器，Spring的核心包在文件容量上只有不到1M大小，使用Spring核心包所需要的资源也是很少的，您甚至可以在小型设备中使用Spring。  
  • mongodb 环境搭建及简单CURD antlove WebInstallcurdNoSQLmongo
    一 搭建mongodb环境 1. 在mongo官网下载mongodb 2. 在本地创建目录 "D:\Program Files\mongodb-win32-i386-2.6.4\data\db" 3. 运行mongodb服务 [mongod.exe --dbpath "D:\Program Files\mongodb-win32-i386-2.6.4\data\
  • 数据字典和动态视图 百合不是茶 oracle数据字典动态视图系统和对象权限
    数据字典（data dictionary）是 Oracle 数据库的一个重要组成部分，这是一组用于记录数据库信息的只读（read-only）表。随着数据库的启动而启动,数据库关闭时数据字典也关闭   数据字典中包含   数据库中所有方案对象（schema object）的定义(包括表，视图，索引，簇，同义词，序列，过程，函数，包，触发器等等) 数据库为一
  • 多线程编程一般规则 bijian1013 javathread多线程java多线程
           如果两个工两个以上的线程都修改一个对象，那么把执行修改的方法定义为被同步的，如果对象更新影响到只读方法，那么只读方法也要定义成同步的。        不要滥用同步。如果在一个对象内的不同的方法访问的不是同一个数据，就不要将方法设置为synchronized的。
  • 将文件或目录拷贝到另一个Linux系统的命令scp bijian1013 linuxunixscp
    一.功能说明        scp就是security copy，用于将文件或者目录从一个Linux系统拷贝到另一个Linux系统下。scp传输数据用的是SSH协议，保证了数据传输的安全，其格式如下：        scp 远程用户名@IP地址：文件的绝对路径
  • 【持久化框架MyBatis3五】MyBatis3一对多关联查询 bit1129 Mybatis3
    以教员和课程为例介绍一对多关联关系，在这里认为一个教员可以叫多门课程，而一门课程只有1个教员教，这种关系在实际中不太常见，通过教员和课程是多对多的关系。   示例数据：   地址表：   CREATE TABLE ADDRESSES ( ADDR_ID INT(11) NOT NULL AUTO_INCREMENT, STREET VAR
  • cookie状态判断引发的查找问题 bitcarter formcgi
    先说一下我们的业务背景： 1.前台将图片和文本通过form表单提交到后台，图片我们都做了base64的编码，并且前台图片进行了压缩 2.form中action是一个cgi服务 3.后台cgi服务同时供PC，H5，APP 4.后台cgi中调用公共的cookie状态判断方法（公共的，大家都用，几年了没有问题） 问题：（折腾两天。。。。） 1.PC端cgi服务正常调用，cookie判断没
  • 通过Nginx,Tomcat访问日志(access log)记录请求耗时 ronin47
    一、Nginx通过$upstream_response_time $request_time统计请求和后台服务响应时间 nginx.conf使用配置方式： log_format main '$remote_addr - $remote_user [$time_local] "$request" ''$status $body_bytes_sent "$http_r
  • java-67- n个骰子的点数。 把n个骰子扔在地上，所有骰子朝上一面的点数之和为S。输入n，打印出S的所有可能的值出现的概率。 bylijinnan java
    public class ProbabilityOfDice { /** * Q67 n个骰子的点数 * 把n个骰子扔在地上，所有骰子朝上一面的点数之和为S。输入n，打印出S的所有可能的值出现的概率。 * 在以下求解过程中，我们把骰子看作是有序的。 * 例如当n=2时，我们认为（1，2）和（2，1）是两种不同的情况 */ private stati
  • 看别人的博客，觉得心情很好 Cb123456 博客心情
       以为写博客，就是总结，就和日记一样吧，同时也在督促自己。今天看了好长时间博客:    职业规划:    http://www.iteye.com/blogs/subjects/zhiyeguihua      android学习:    1.http://byandby.i
  • [JWFD开源工作流]尝试用原生代码引擎实现循环反馈拓扑分析 comsci 工作流
        我们已经不满足于仅仅跳跃一次，通过对引擎的升级，今天我测试了一下循环反馈模式，大概跑了200圈，引擎报一个溢出错误      在一个流程图的结束节点中嵌入一段方程，每次引擎运行到这个节点的时候，通过实时编译器GM模块，计算这个方程，计算结果与预设值进行比较，符合条件则跳跃到开始节点，继续新一轮拓扑分析，直到遇到
  • JS常用的事件及方法 cwqcwqmax9 js
    事件 描述 onactivate 当对象设置为活动元素时触发。 onafterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。 onbeforeactivate 对象要被设置为当前元素前立即触发。 onbeforecut 当选中区从文档中删除之前在源对象触发。 onbeforedeactivate 在 activeElement 从当前对象变为父文档其它对象之前立即
  • 正则表达式验证日期格式 dashuaifu 正则表达式IT其它java其它
    正则表达式验证日期格式 function isDate(d){ var v = d.match(/^(\d{4})-(\d{1,2})-(\d{1,2})$/i); if(!v) { this.focus(); return false; } } <input value="2000-8-8" onblu
  • Yii CModel.rules() 方法 、validate预定义完整列表、以及说说验证 dcj3sjt126com yii
    public array rules () {return} array 要调用 validate() 时应用的有效性规则。 返回属性的有效性规则。声明验证规则，应重写此方法。 每个规则是数组具有以下结构：array('attribute list', 'validator name', 'on'=>'scenario name', ...validation
  • UITextAttributeTextColor = deprecated in iOS 7.0 dcj3sjt126com ios
    In this lesson we used the key "UITextAttributeTextColor" to change the color of the UINavigationBar appearance to white. This prompts a warning "first deprecated in iOS 7.0." Ins
  • 判断一个数是质数的几种方法 EmmaZhao Mathpython
    质数也叫素数，是只能被1和它本身整除的正整数，最小的质数是2，目前发现的最大的质数是p=2^57885161-1【注1】。 判断一个数是质数的最简单的方法如下： def isPrime1(n): for i in range(2, n): if n % i == 0: return False return True 但是在上面的方法中有一些冗余的计算，所以
  • SpringSecurity工作原理小解读 坏我一锅粥 SpringSecurity
      SecurityContextPersistenceFilter   ConcurrentSessionFilter   WebAsyncManagerIntegrationFilter   HeaderWriterFilter   CsrfFilter   LogoutFilter   Use
  • JS实现自适应宽度的Tag切换 ini JavaScripthtmlWebcsshtml5
    效果体验：http://hovertree.com/texiao/js/3.htm   该效果使用纯JavaScript代码，实现TAB页切换效果，TAB标签根据内容自适应宽度，点击TAB标签切换内容页。 HTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"
  • Hbase Rest API : 数据查询 kane_xie RESThbase
    hbase（hadoop）是用java编写的，有些语言（例如python）能够对它提供良好的支持，但也有很多语言使用起来并不是那么方便，比如c#只能通过thrift访问。Rest就能很好的解决这个问题。Hbase的org.apache.hadoop.hbase.rest包提供了rest接口，它内嵌了jetty作为servlet容器。   启动命令：./bin/hbase rest s
  • JQuery实现鼠标拖动元素移动位置（源码+注释） 明子健 jqueryjs源码拖动鼠标
    欢迎讨论指正！   print.html代码： <!DOCTYPE html> <html> <head> <meta http-equiv=Content-Type content="text/html;charset=utf-8"> <title>发票打印</title> &l
  • Postgresql 连表更新字段语法 update qifeifei PostgreSQL
    下面这段sql本来目的是想更新条件下的数据，可是这段sql却更新了整个表的数据。sql如下： UPDATE tops_visa.visa_order SET op_audit_abort_pass_date = now() FROM tops_visa.visa_order as t1 INNER JOIN tops_visa.visa_visitor as t2 ON t1.
  • 将redis,memcache结合使用的方案? tcrct rediscache
    公司架构上使用了阿里云的服务，由于阿里的kvstore收费相当高，打算自建，自建后就需要自己维护，所以就有了一个想法，针对kvstore(redis)及ocs(memcache)的特点，想自己开发一个cache层，将需要用到list，set，map等redis方法的继续使用redis来完成，将整条记录放在memcache下，即findbyid，save等时就memcache，其它就对应使用redi
  • 开发中遇到的诡异的bug wudixiaotie bug
    今天我们服务器组遇到个问题： 我们的服务是从Kafka里面取出数据，然后把offset存储到ssdb中，每个topic和partition都对应ssdb中不同的key，服务启动之后，每次kafka数据更新我们这边收到消息，然后存储之后就发现ssdb的值偶尔是-2,这就奇怪了，最开始我们是在代码中打印存储的日志，发现没什么问题，后来去查看ssdb的日志，才发现里面每次set的时候都会对同一个key
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他