hjb2722404
hjb2722404

利用Responsive Nav.js插件制作响应式导航

在制作响应式Web站点的过程中，导航的响应式设计是很重要的一个环节，Responsive Nav是bootstrap官方推荐的一款响应式导航制作插件，官方站点：

响应式导航（Responsive Nav）

但是，官方给出了使用示例是最简单的一个例子，里面的链接都还是带下划线的蓝色链接字体，小屏下的menu也只是一个链接，没有样式。

根据官方示例的原理，设计了一款带有简单样式的导航，这是宽屏下的显示效果：

利用Responsive Nav.js插件制作响应式导航_第1张图片

下面是PAD同等宽度屏幕上的显示效果：

下面是手机屏幕上显示效果：

利用Responsive Nav.js插件制作响应式导航_第2张图片

直接上代码：

responsiveNav.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>响应式导航测试</title>
<!-- <link rel="stylesheet" href="css/bootstrap.min.css"/> -->
    <link rel="stylesheet" href="css/myNav.css"/>
    <link rel="stylesheet" href="css/responsive-nav.css"/>
    <!--调用responsive nav的css样式表文件-->
    <!-- <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> -->
    <script type="text/javascript" src="js/responsive-nav.min.js"></script>
    <!--调用responsive nav的js插件-->
</head>
<body>
    <div class="container">

        <div class="row"> <!--两个外层DIV是为了整合bootstrap插件-->

            <nav class="nav-collapse"> <!--这里的className就是下方插件要调用的参数-->

                <ul>
                    <li>
                        <a href="#">首页</a>
                    </li>
                    <li>
                        <a href="#">导航项目一</a>
                    </li>
                    <li>
                        <a href="#">导航项目二</a>
                    </li>
                    <li>
                       <a href="#">导航项目三</a>
                    </li>
                    <li>
                        <a href="#">导航项目四</a>
                    </li>
                </ul>

            </nav>
        </div>

    </div>
    <script> var navigation = responsiveNav(".nav-collapse"); <!--这里就是该插件最简单的调用方式，更多的设置请参考官网说明--> </script>
</body>
</html>

myNav.css：

ul ,li { margin: 0; padding: 0;} //reset浏览器默认样式
.nav-collapse { min-height: 60px; }//设置导航的最小高度
.nav-collapse ul { width:100%;list-style-type: none; background: #333333;}//为导航设置 
.nav-collapse ul li { max-height: 40px; line-height: 40px; display: inline-block; background-color: #333333;}
//设置li样式，这里需要特别注意，这里一定要将li的display设置为inline-block，这样项目才能在行内显示，千万不要是用float:left这样的语句，否则Responsive Nav插件会失效
.nav-collapse ul li a{ width: 100%; height: 100%; text-decoration: none; color: #cccccc; display: block; text-align: center; font-weight: bold;}
.nav-collapse ul li a:hover { background: #cccccc; color: #333333;} //为链接设置样式

//大屏显示时，li的宽度要指定，否则大屏下会显示为100%宽度；
@media screen and (min-width: 40em) {

    .nav-collapse ul li { width: 18%; } //这里的数字根据导航项目的数量自己计算得到；
}

/*为menu菜单设置简单样式，你也可以设置为图片*/
.nav-toggle {
    width: 40px;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    background: #333;
    color: #fff;
    display: block;
    text-align: center;
}

基本上就是以上代码，可以根据这样的基本原理，制作出更多可变的响应式导航

你可能感兴趣的:(利用Responsive Nav.js插件制作响应式导航)

  • mysql的测试方案 蚂蚁质量 mysql数据库
    1.测试目标与范围1.1性能测试目标MySQL性能测试旨在评估数据库在不同负载条件下的响应速度、吞吐量和资源利用率，确保其能够满足业务需求。响应时间：衡量查询和事务处理的延迟，目标是将平均响应时间控制在100毫秒以内，95%的查询响应时间不超过200毫秒。吞吐量：通过QPS（每秒查询次数）和TPS（每秒事务数）评估数据库的处理能力，目标是在高并发场景下达到QPS10000+、TPS5000+。资源
  • 一线大厂的 MQ 组件实现思路和架构设计思路 java领域 java开发语言程序人生单元测试python
    首先来看看一线大厂的架构图一线大厂的架构图如上图所示，中间是我们的MQ集群架构，在上层利用keepalived和HA-Proxy，最下面是两个大的MQ集群做一个高可用。当然了，在实际大厂里面可能就不止两个集群了，可以是很多个集群，然后集群之间利用federration插件进行数据同步。上面的生产端组件：这里面可能就有很多的架构设计，比如生产端怎么对一个容器进行缓存，举个例子，我们生产端发送消息，都
  • 从数据到决策：API接口助力电商独立站精准营销 FBAPI3713612741 python爬虫
    在数字化时代，电商行业正以前所未有的速度发展，而独立站作为电商领域的重要一环，面临着日益激烈的竞争环境。为了在市场中脱颖而出，独立站需要依靠精准营销来提升用户体验、增加用户黏性，并最终实现销售增长。在这个过程中，数据的作用不可忽视，而API接口则成为连接数据与决策的重要桥梁。本文将深入探讨如何从数据收集、处理、分析到最终决策，利用API接口助力电商独立站实现精准营销。一、数据收集：API接口打通信
  • 电商独立站如何利用API接口实现数据驱动决策 FBAPI3713612741 python爬虫oneapi网络
    在电商行业的快速发展中，独立站作为品牌直面消费者的主要渠道，其运营效率和决策准确性至关重要。API接口（ApplicationProgrammingInterface，应用程序编程接口）作为数据交互的标准方式，在电商独立站中扮演着至关重要的角色。它不仅打破了信息孤岛，实现了数据的集中和统一管理，还为电商业务的高效运行和持续创新提供了坚实的支撑。本文将深入探讨API接口技术如何助力电商独立站实现数据
  • vscode+Python便携版简易制作可以直接复制到u盘 再看我把你喝掉 笔记pythonvscodevisualstudiocode编辑器
    引言对于vscode和Python的爱好者，一直被复杂的开发环境所困扰，于是迫切需要一个可以将vscode和Python放置在u盘中可以不受运行环境的影响运行在不同电脑的便携方案。通过百度初步检索发现：吾爱破解论坛提供了一种需要修改pipe.exe源文件的制作方法，csdn网提供个一种通过设置bat批处理来实现便携化的方案。上述两种方案，操作相对复杂，需要一定的计算机知识，很不方便。对此提出一种更
  • 5 个遥遥领先的大模型 RAG 工具 机器学习社区 大模型大模型算法人工智能RAG多模态大模型语言模型
    想象一下拥有一种超能力，让你能够对任何问题或提示生成类似人类的回答，同时还能够利用庞大的外部知识库确保准确性和相关性。这不是科幻小说，这就是检索增强生成（RAG）的力量。在本文中，我们将介绍五大遥遥领先的RAG工具或库：LangChain、LlamaIndex、Haystack、RAGatouille和EmbedChain。LangChainLangChain是一个全面的开源框架，用于开发大型语言
  • 构建 Q&A 系统：基于文档和模型的问答 drebander AI编程springAI
    在现代企业中，自动化的问答系统可以极大地提升工作效率，特别是在文档处理、客户支持和知识管理等领域。通过结合SpringAI和文档检索技术，可以轻松构建一个智能的问答系统，帮助用户从文档中快速获取信息。本文将展示如何利用SpringAI构建一个可以根据文档内容回答问题的智能Q&A系统。1.构建智能Q&A系统的背景现代的Q&A系统不仅需要能理解用户的问题，还需要能够从大量文档中找到相关的答案。传统的问
  • Mac Electron 应用 公证(notarization)失败, appid or password was entered incorrectly 楠辞琦咎 electronmac前端
    MacElectron应用公证(notarization)失败,appidorpasswordwasenteredincorrectly最近在开发electron桌面应用，最后需要打包后进行签名和公证才能给其他电脑正常打开运行，网上主流的有electron-notarize插件和命令行工具这两种方法，这里说说命令行公证时的一个坑正题来了：具体命令行公证方法可移步-》MacElectron应用的签名
  • 【Docker】Docker中的动态容器管理：利用Golang实现Docker容器动态重命名的高级策略与最佳实践 m0_74825634 面试学习路线阿里巴巴dockergolang容器
    【Docker】Docker中的动态容器管理：利用Golang实现Docker容器动态重命名的高级策略与最佳实践大家好我是寸铁??总结了一篇【Docker】Docker中的动态容器管理：利用Golang实现Docker容器动态重命名的高级策略与最佳实践喜欢的小伙伴可以点点关注??前言今天遇到一个新的需求，要动态改变运行中的容器名字。可以考虑先把容器删除再重新创建容器那这里要考虑一个问题:假设我容器
  • Dest1ny漏洞库：中科网威 anysec 安全网关 arping 存在后台远程命令执行漏洞 Dest1ny（沉淀版） 安全开发语言web安全经验分享网络安全
    深圳市中科网威科技有限公司是一家专注于网络安全产品研发和生产的高新技术企业。‌中科网威anysec安全网关存在arping后台远程命令执行漏洞，攻击者可利用该漏洞获取网关权限。fofaapp="中科网威-anysec"poc使用弱口令admin/anysec登录系统执行命令POST/cgi-bin/system/arping.cgiHTTP/1.1Host:User-Agent:Mozilla/5
  • linux内核调试 ghx_echo linux运维服务器
    1，利用printk打印，查看信息2，crash命令调试2.1先按装工具kernel-tools-libs-3.10.0-327.el7.x86_64kernel-devel-3.10.0-327.el7.x86_64kernel-debuginfo-common-x86_64-3.10.0-327.el7.x86_64abrt-addon-kerneloops-2.1.11-36.el7.cen
  • .NET MAUI 手搓 UDP/TCP 通信 云端狂人 .netudptcp/ip
    在.NETMAUI中，UDP和TCP是网络通信协议，与MAUI框架本身的关系在于.NETMAUI可以利用.NET的网络功能来实现跨平台的网络通信。.NET提供的System.Net.Sockets命名空间来处理。该命名空间提供了创建和管理套接字（Sockets）来进行网络通信的相关类和方法。在.NETMAUI中，这些类同样适用于跨平台应用开发。具体来说：.NETMAUI是一个跨平台框架，用于构建A
  • CRM 微服务 山猪打不过家猪 C#微服务架构云原生
    文章目录项目地址一、项目地址教程作者：教程地址：代码仓库地址：所用到的框架和插件：dbtairflow一、用户与认证服务主要功能：用户注册、登录、注销。认证（OAuth、JWT等）。权限和角色管理（RBAC/ABAC）。单点登录（SSO）。技术亮点：集成第三方身份认证（如Google、AzureAD）。使用APIGateway统一进行身份认证。客户管理服务主要功能：存储和管理客户信息（姓名、联系方
  • 【设计模式-行为型】备忘录模式 博一波 设计模式备忘录模式
    一、什么是备忘录模式来到备忘录模式了，这个模式我感觉相对简单一些，就是备份，或者快照。跟前面一样为了加深理解，我们引入一个电影情结来说明啥是备忘录模式，以来加深大家对备忘录模式的认识。那么，在电影中谁是此模式应用的王者呢。我想起一位，不知道大家有没有看过一个极其经典的电影，星爷的《大话西游》。在电影《大话西游》中，至尊宝利用月光宝盒不断穿越到紫霞仙子自杀前的时间段，试图改变结局。这种时间穿越和状态
  • es6.7.1分词器ik插件安装-和head插件连接es特殊配置 运维实战课程 jenkins运维
    es6.7.1分词器ik插件安装-和head插件连接es特殊配置如果对运维课程感兴趣，可以在b站上、A站或csdn上搜索我的账号：运维实战课程，可以关注我，学习更多免费的运维实战技术视频1.查看es6.7.1和es-head安装位置和es插件路径[root@verify-10-100-4-4data]#dockerps|grepes4f0fe4db0ca9elasticsearch-head:6.
  • Github趋势榜的新年冠军，竟是用AI玩数独 beyondma AI与最新技术演进AIMINSTGithub
    今天笔者无意中打开Github发现了这个目前趋势榜霸榜的项目是是一个利用AI玩数独的项目AI_Sudoku（Github发址：https://github.com/neeru1207/AI_Sudoku）笔者体验了一下感觉还是比较有意思的，AI_Sudoku本质上就是使用图像识别的方式来完成MINST数字识别，然后再使用dancinglinksx算法解出数独问题，对于初学者来说既能解决AI的入门问
  • 大语言模型LLM在地理信息GIS中应用场景 GISer_Jinger 人工智能GIS模型与应用语言模型人工智能自然语言处理arcgis
    AI&地理AI大语言模型在地理中的应用主要体现在以下几个方面：一、地理信息检索与查询AI大语言模型能够理解复杂的自然语言查询，包括地名、地理位置、地理特征等，从而提供更加精准的地理信息检索服务。例如，用户可以通过自然语言输入查询某个地点的详细信息，模型能够返回包括地理位置、周边设施、交通状况等在内的全面信息。AI与地理信息检索与查询的结合为地理信息的获取和利用带来了革命性的变化。以下是对AI在地理
  • ABAP git客户端
    在多模态模型的架构上，ChatGPT的绘图能力主要依赖以下几个核心组件：跨模态编码器（Cross-ModalEncoder）：跨模态编码器的作用是将文本和图像的特征进行对齐。GPT可以将用户输入的文本描述转换为文本特征表示，然后利用跨模态编码器将这些特征映射到图像特征空间。这种方式确保模型能够理解描述性语言中不同细节是如何与图像特征对应的。
  • 【自己动手开发Webpack插件：开启前端构建工具的个性化定制之旅】 Orange301511 大前端前端webpacknode.jsjavascripttypescript
    在前端开发的世界里，Webpack无疑是构建工具中的“明星”。它强大的功能可以帮助我们高效地打包和管理前端资源。然而，有时候默认的Webpack功能可能无法完全满足我们的特定需求，这时候就需要自定义Webpack插件来大展身手啦！今天，我们就来一起探索如何开发自己的Webpack插件。一、什么是Webpack插件？Webpack插件就像是一个神奇的小助手，在Webpack打包的过程中，在特定的时刻
  • python谷歌浏览器dino游戏，完整开源代码 terryzhang404 pythonchromepygame游戏pycharm
    观前提示：本文选自作者个人博客，为获得更好观感，请访问博主博客得到更好体验）说到googlechrome，很多人都会想到它标志性的断网小游戏——chromedino，今日，我们利用python还原并将代码开源，欢迎随时取用。话不多说，直接进入正题实现效果第一部分:配置环境编译器：pycharm社区版2024.1插件：pygame导入所用库,没有的可以去下载，具体方法不多赘述，网上有importpy
  • 在 Vue 3 中，怎么管理环境变量 ＆白帝＆ vue3vue.js前端javascript
    在Vue3中，环境变量管理是通过.env文件来进行的，利用这些文件可以让开发者根据不同的环境（开发、生产、测试等）配置不同的变量。这一机制由Vite构建工具支持，它帮助开发者根据不同的环境需求做出相应配置。1.环境变量的基本概念在前端开发中，环境变量通常用于存储配置信息、密钥、API地址等，这些信息可能会因不同的部署环境而有所不同。通过.env文件，开发者可以确保在开发环境、生产环境等不同环境下使
  • 2024年Python最全用Python制作一个自动抢票脚本_python抢票脚本，Python面试项目全代码 Android失眠夜 程序员python学习面试
    网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化学习资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！classConcert:def__init__(
  • SQLAlchemy 反向生成 model 模型 weixin_30693183 数据库开发工具python
    前言Django反向生成的model模型的命令：pythonmanager.pyinspectdbSQLAlchemy/Flask-SQLAlchemy则是：pip3installsqlacodegen使用方法如下利用sqlacodegen自动生成ORM实体类..\Anaconda3\envs\py3\Scripts>.\sqlacodegen.exe--outfileproject_path\m
  • 快手粉丝暴涨秘籍，私信获客技巧大揭秘 qianli654 rpa人工智能
    在数字营销的海洋中，如何有效地吸引粉丝、提升品牌影响力，成为每个内容创作者和企业关注的重点。今天，我们要探讨的是一个高效获客的策略——利用快手平台进行自动私信推广，这一策略能让你的粉丝数量实现飞跃式的增长。快手作为一个短视频与直播平台，汇聚了海量的用户群体。其强大的用户粘性和社交属性让众多品牌和个体看到了巨大的市场潜力。而私信功能则是连接用户与内容创作者的桥梁，通过精准的自动私信，可以有效触达潜在
  • sqlalchemy动态生成model模型 killersdz python数据库
    因业务需要从不同时期的sqlite数据库中取数据，不同时期的数据库字段是不同的，但是以往用sqlalchemy管理数据库时的model是写死的，就会导致有些字段错误而报错，这时我们就要根据版本动态生成model众所周知python里的type()函数是可以查看一个实例的class类型，但其实type()也可以用来创建一个class类，我们可以利用这一点动态创建model，下面放出例子#model.
  • Element UI +Vue页面生成二维码的方法 紫水木鱼 前端uivue.js前端
    目录一、方法一采用qrcodejs2生成1.1、安装二维码插件qrcodejs21.2、在vue文件中，引入生成二维码插件1.3、构建二维码对象qrCodeDiv一、方法二-采用qrcode生成2.1、安装qrcode2.2、页面引入2.3、方法里边使用2.4、options三、方法三vue-qr3.1、安装3.2、页面引入3.3、组件增加vue-qr3.4、template使用3.5、optio
  • AI智能获客工具的意义是什么 雪叶雨林 AI行业资讯人工智能
    在当今竞争激烈的市场环境中，企业需要高效、精准的获客策略来维持增长和竞争力。AI智能获客工具的出现，为企业提供了一种全新的解决方案，通过自动化和智能化手段提高获客效率和质量。一、AI智能获客工具的核心价值1.1提高获客效率AI智能获客工具通过自动化流程，如自动筛选潜在客户、自动发送营销信息等，大幅减少了人力投入和时间成本，从而提高了获客效率。1.2精准定位潜在客户利用机器学习和大数据分析技术，AI
  • 基于深度学习的遥感目标检测系统：UI界面、R-CNN模型与数据集准备 2025年数学建模美赛 R-CNN检测系统人工智能深度学习r语言cnnpythonui目标检测
    一、引言遥感图像中的目标检测在很多领域，如环境监测、土地利用、城市规划、农业资源监测等方面有着广泛应用。遥感图像具有高分辨率和丰富的空间信息，但同时也带来了目标检测中的许多挑战，特别是在目标尺度变化、遮挡和复杂背景的情况下。因此，采用深度学习技术，尤其是卷积神经网络（CNN）和区域卷积神经网络（R-CNN），在遥感图像目标检测中取得了显著的成果。本文将详细介绍基于深度学习的遥感目标检测系统，使用R
  • VScode保持vue语法高亮的方式 「已注销」 vscodevue.jside编辑器前端
    VScode保持vue语法高亮的方式：1.安装插件：vetur。打开VScode，Ctrl+P然后输入extinstallvetur然后回车点安装即可。2.在VSCode中使用Ctrl+Shift+P打开命令面板，输入Preferences:OpenSettings(JSON)。3.在配置对象里加上key和value1"emmet.syntaxProfiles":{2"vue-html":"htm
  • 快速开始，使用 VSCode 开发 Vue 项目如何配置语法高亮和自动格式化 dadiyang Vue学习笔记前端填坑之旅VueIDEVSCode插件配置
    关于IDE开发Vue项目，一般使用VSCode/WebStorm/Atom等IDE，推荐使用VSCode。而VSCode原生不支持Vue语法高亮和自动格式化等功能，需要通过插件来支持。安装插件点击首选项->扩展，安装以下插件：Vetur–vue必备插件，用于语法高亮和代码提示AutoCloseTag–自动完成标签，如输入时，自动添加AutoRenameTag–重命名开始或结束标签时，自动将配对的开
  • web报表工具FineReport常见的数据集报错错误代码和解释 老A不折腾 web报表finereport代码可视化工具
    在使用finereport制作报表，若预览发生错误，很多朋友便手忙脚乱不知所措了，其实没什么，只要看懂报错代码和含义，可以很快的排除错误，这里我就分享一下finereport的数据集报错错误代码和解释，如果有说的不准确的地方，也请各位小伙伴纠正一下。   NS-war-remote=错误代码\:1117 压缩部署不支持远程设计 NS_LayerReport_MultiDs=错误代码
  • Java的WeakReference与WeakHashMap bylijinnan java弱引用
    首先看看 WeakReference wiki 上 Weak reference 的一个例子： public class ReferenceTest { public static void main(String[] args) throws InterruptedException { WeakReference r = new Wea
  • Linux——（hostname）主机名与ip的映射 eksliang linuxhostname
    一、 什么是主机名 无论在局域网还是INTERNET上，每台主机都有一个IP地址，是为了区分此台主机和彼台主机，也就是说IP地址就是主机的门牌号。但IP地址不方便记忆，所以又有了域名。域名只是在公网（INtERNET)中存在，每个域名都对应一个IP地址，但一个IP地址可有对应多个域名。域名类型 linuxsir.org 这样的； 主机名是用于什么的呢？ 答：在一个局域网中，每台机器都有一个主
  • oracle 常用技巧 18289753290
    oracle常用技巧 ①复制表结构和数据   create table  temp_clientloginUser as   select distinct userid from tbusrtloginlog ②仅复制数据 如果表结构一样 insert into  mytable  select  * &nb
  • 使用c3p0数据库连接池时出现com.mchange.v2.resourcepool.TimeoutException 酷的飞上天空 exception
    有一个线上环境使用的是c3p0数据库，为外部提供接口服务。最近访问压力增大后台tomcat的日志里面频繁出现 com.mchange.v2.resourcepool.TimeoutException: A client timed out while waiting to acquire a resource from com.mchange.v2.resourcepool.BasicResou
  • IT系统分析师如何学习大数据 蓝儿唯美 大数据
    我是一名从事大数据项目的IT系统分析师。在深入这个项目前需要了解些什么呢？学习大数据的最佳方法就是先从了解信息系统是如何工作着手，尤其是数据库和基础设施。同样在开始前还需要了解大数据工具，如Cloudera、Hadoop、Spark、Hive、Pig、Flume、Sqoop与Mesos。系 统分析师需要明白如何组织、管理和保护数据。在市面上有几十款数据管理产品可以用于管理数据。你的大数据数据库可能
  • spring学习——简介 a-john spring
    Spring是一个开源框架，是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只能由EJB完成的事情。然而Spring的用途不仅限于服务器端的开发，从简单性，可测试性和松耦合的角度而言，任何Java应用都可以从Spring中受益。其主要特征是依赖注入、AOP、持久化、事务、SpringMVC以及Acegi Security 为了降低Java开发的复杂性，
  • 自定义颜色的xml文件 aijuans xml
    <?xml version="1.0" encoding="utf-8"?> <resources> <color name="white">#FFFFFF</color> <color name="black">#000000</color> &
  • 运营到底是做什么的？ aoyouzi 运营到底是做什么的？
    文章来源：夏叔叔（微信号：woshixiashushu），欢迎大家关注！很久没有动笔写点东西，近些日子，由于爱狗团产品上线，不断面试，经常会被问道一个问题。问：爱狗团的运营主要做什么？答：带着用户一起嗨。为什么是带着用户玩起来呢？究竟什么是运营？运营到底是做什么的？那么，我们先来回答一个更简单的问题——互联网公司对运营考核什么？以爱狗团为例，绝大部分的移动互联网公司，对运营部门的考核分为三块——用
  • js面向对象类和对象 百合不是茶 js面向对象函数创建类和对象
    接触js已经有几个月了,但是对js的面向对象的一些概念根本就是模糊的,js是一种面向对象的语言 但又不像java一样有class,js不是严格的面向对象语言 ,js在java web开发的地位和java不相上下  ,其中web的数据的反馈现在主流的使用json,json的语法和js的类和属性的创建相似   下面介绍一些js的类和对象的创建的技术   一:类和对
  • web.xml之资源管理对象配置 resource-env-ref bijian1013 javaweb.xmlservlet
    resource-env-ref元素来指定对管理对象的servlet引用的声明，该对象与servlet环境中的资源相关联 <resource-env-ref> <resource-env-ref-name>资源名</resource-env-ref-name> <resource-env-ref-type>查找资源时返回的资源类
  • Create a composite component with a custom namespace sunjing
    https://weblogs.java.net/blog/mriem/archive/2013/11/22/jsf-tip-45-create-composite-component-custom-namespace   When you developed a composite component the namespace you would be seeing would
  • 【MongoDB学习笔记十二】Mongo副本集服务器角色之Arbiter bit1129 mongodb
     一、复本集为什么要加入Arbiter这个角色 回答这个问题，要从复本集的存活条件和Aribter服务器的特性两方面来说。 什么是Artiber？ An arbiter does not have a copy of data set and cannot become a primary. Replica sets may have arbiters to add a
  • Javascript开发笔记 白糖_ JavaScript
    获取iframe内的元素 通常我们使用window.frames["frameId"].document.getElementById("divId").innerHTML这样的形式来获取iframe内的元素，这种写法在IE、safari、chrome下都是通过的，唯独在fireforx下不通过。其实jquery的contents方法提供了对if
  • Web浏览器Chrome打开一段时间后，运行alert无效 bozch Webchormealert无效
    今天在开发的时候，突然间发现alert在chrome浏览器就没法弹出了，很是怪异。 试了试其他浏览器，发现都是没有问题的。 开始想以为是chorme浏览器有啥机制导致的，就开始尝试各种代码让alert出来。尝试结果是仍然没有显示出来。 这样开发的结果，如果客户在使用的时候没有提示，那会带来致命的体验。哎，没啥办法了 就关闭浏览器重启。   结果就好了，这也太怪异了。难道是cho
  • 编程之美-高效地安排会议 图着色问题 贪心算法 bylijinnan 编程之美
    import java.util.ArrayList; import java.util.Collections; import java.util.List; import java.util.Random; public class GraphColoringProblem { /**编程之美 高效地安排会议 图着色问题 贪心算法 * 假设要用很多个教室对一组
  • 机器学习相关概念和开发工具 chenbowen00 算法matlab机器学习
    基本概念： 机器学习(Machine Learning, ML)是一门多领域交叉学科，涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有的知识结构使之不断改善自身的性能。 它是人工智能的核心，是使计算机具有智能的根本途径，其应用遍及人工智能的各个领域，它主要使用归纳、综合而不是演绎。 开发工具 M
  • [宇宙经济学]关于在太空建立永久定居点的可能性 comsci 经济
           大家都知道,地球上的房地产都比较昂贵,而且土地证经常会因为新的政府的意志而变幻文本格式........        所以,在地球议会尚不具有在太空行使法律和权力的力量之前,我们外太阳系统的友好联盟可以考虑在地月系的某些引力平衡点上面,修建规模较大的定居点
  • oracle 11g database control 证书错误 daizj oracle证书错误oracle 11G 安装
    oracle 11g database control 证书错误  win7 安装完oracle11后打开 Database control 后，会打开em管理页面，提示证书错误，点“继续浏览此网站”，还是会继续停留在证书错误页面 解决办法： 是 KB2661254 这个更新补丁引起的，它限制了 RSA 密钥位长度少于 1024 位的证书的使用。具体可以看微软官方公告：
  • Java I/O之用FilenameFilter实现根据文件扩展名删除文件 游其是你 FilenameFilter
    在Java中，你可以通过实现FilenameFilter类并重写accept(File dir, String name) 方法实现文件过滤功能。 在这个例子中，我们向你展示在“c:\\folder”路径下列出所有“.txt”格式的文件并删除。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
  • C语言数组的简单以及一维数组的简单排序算法示例，二维数组简单示例 dcj3sjt126com carray
    # include <stdio.h> int main(void) { int a[5] = {1, 2, 3, 4, 5}; //a 是数组的名字 5是表示数组元素的个数，并且这五个元素分别用a[0], a[1]...a[4] int i; for (i=0; i<5; ++i) printf("%d\n",
  • PRIMARY, INDEX, UNIQUE 这3种是一类 PRIMARY 主键。 就是 唯一 且 不能为空。 INDEX 索引，普通的 UNIQUE 唯一索引 dcj3sjt126com primary
    PRIMARY, INDEX, UNIQUE 这3种是一类PRIMARY 主键。 就是 唯一 且 不能为空。INDEX 索引，普通的UNIQUE 唯一索引。 不允许有重复。FULLTEXT 是全文索引，用于在一篇文章中，检索文本信息的。举个例子来说，比如你在为某商场做一个会员卡的系统。这个系统有一个会员表有下列字段：会员编号   INT会员姓名  
  • java集合辅助类 Collections、Arrays shuizhaosi888 CollectionsArraysHashCode
      Arrays、Collections   1 ）数组集合之间转换 public static <T> List<T> asList(T... a) { return new ArrayList<>(a); }      a）Arrays.asL
  • Spring Security（10）——退出登录logout 234390216 logoutSpring Security退出登录logout-urlLogoutFilter
           要实现退出登录的功能我们需要在http元素下定义logout元素，这样Spring Security将自动为我们添加用于处理退出登录的过滤器LogoutFilter到FilterChain。当我们指定了http元素的auto-config属性为true时logout定义是会自动配置的，此时我们默认退出登录的URL为“/j_spring_secu
  • 透过源码学前端 之 Backbone 三 Model 逐行分析JS源代码 backbone源码分析js学习
    Backbone 分析第三部分  Model 概述： Model 提供了数据存储，将数据以JSON的形式保存在 Model的 attributes里， 但重点功能在于其提供了一套功能强大，使用简单的存、取、删、改数据方法，并在不同的操作里加了相应的监听事件， 如每次修改添加里都会触发 change，这在据模型变动来修改视图时很常用，并且与collection建立了关联。
  • SpringMVC源码总结（七）mvc:annotation-driven中的HttpMessageConverter 乒乓狂魔 springMVC
    这一篇文章主要介绍下HttpMessageConverter整个注册过程包含自定义的HttpMessageConverter，然后对一些HttpMessageConverter进行具体介绍。 HttpMessageConverter接口介绍： public interface HttpMessageConverter<T> { /** * Indicate
  • 分布式基础知识和算法理论 bluky999 算法zookeeper分布式一致性哈希paxos
      分布式基础知识和算法理论 BY [email protected] 本文永久链接：http://nodex.iteye.com/blog/2103218   在大数据的背景下，不管是做存储，做搜索，做数据分析，或者做产品或服务本身，面向互联网和移动互联网用户，已经不可避免地要面对分布式环境。笔者在此收录一些分布式相关的基础知识和算法理论介绍，在完善自我知识体系的同
  • Android Studio的.gitignore以及gitignore无效的解决 bell0901 androidgitignore
    　　github上.gitignore模板合集，里面有各种.gitignore ： https://github.com/github/gitignore 　　自己用的Android Studio下项目的.gitignore文件，对github上的android.gitignore添加了 　　　　　　# OSX files　　　　　　//mac os下　　　　　　.DS_Store
  • 成为高级程序员的10个步骤 tomcat_oracle 编程
    What 软件工程师的职业生涯要历经以下几个阶段：初级、中级，最后才是高级。这篇文章主要是讲如何通过 10 个步骤助你成为一名高级软件工程师。   Why 得到更多的报酬！因为你的薪水会随着你水平的提高而增加 提升你的职业生涯。成为了高级软件工程师之后，就可以朝着架构师、团队负责人、CTO 等职位前进 历经更大的挑战。随着你的成长，各种影响力也会提高。
  • mongdb在linux下的安装 xtuhcy mongodblinux
    一、查询linux版本号： lsb_release -a  LSB Version:    :base-4.0-amd64:base-4.0-noarch:core-4.0-amd64:core-4.0-noarch:graphics-4.0-amd64:graphics-4.0-noarch:printing-4.0-amd64:printing-4.0-noa
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他