sunqian_happy
sunqian_happy

Bootstrap自适应导航栏

导航栏在移动设备的视图中是折叠的，随着可用视口宽度的增加，导航栏也会水平展开。在 Bootstrap 导航栏的核心中，导航栏包括了站点名称和基本的导航定义样式。

默认的导航栏

1、向
2、向上面的元素添加 role="navigation"，有助于增加可访问性。
3、向
元素添加一个标题 class .navbar-header，内部包含了带有 class navbar-brand 的 元素。这会让文本看起来更大
一号
4、为了向导航栏添加链接，只需要简单地添加带有 class .nav、.navbar-nav 的无序列表即可。

[html]  view plain copy print ?
  1. >  
  2. <html>  
  3. <head>  
  4.     <meta charset = "utf-8">  
  5.     <title>demotitle>  
  6.     <link href="bootstrap-3.3.4-dist/css/bootstrap.min.css" rel="stylesheet">  
  7.     <script type="text/javascript" src = "bootstrap-3.3.4-dist/jquery-2.1.4.min.js">script>  
  8.     <script type="text/javascript" src = "bootstrap-3.3.4-dist/js/bootstrap.min.js">script>  
  9. head>  
  10. <body>  
  11.     <nav class = "navbar navbar-default" role = "navigation">  
  12.         <div class="navbar-header">  
  13.             <a class="navbar-brand">helloa>  
  14.         div>  
  15.         <ul class="nav navbar-nav">  
  16.             <li class="active"><a href="#">网站首页a>li>  
  17.             <li><a href="#">JS开发a>li>  
  18.             <li><a href="#">htmla>li>  
  19.             <li><a href="#">jquerya>li>  
  20.               
  21.             <li class="dropdown">  
  22.                 <a href="#" class="dropdown-toggle" data-toggle = "dropdown">前端学习 <span class="caret">span>a>  
  23.   
  24.                 <ul class="dropdown-menu">  
  25.                     <li><a href="#">html+css学习a>li>  
  26.                     <li><a href="#">javascript学习a>li>  
  27.                     <li><a href="#">jquery学习a>li>  
  28.                     <li class="divider">li>  
  29.                     <li><a href="#">bootstrap学习a>li>  
  30.                     <li><a href="#">less/sass学习a>li>  
  31.                     <li><a href="#">angularJS学习a>li>  
  32.                 ul>  
  33.             li>  
  34.         ul>  
  35.     nav>  
  36. body>  
  37. html>  

Bootstrap自适应导航栏_第1张图片


响应式的导航栏

1、将要折叠的内容包含在带有class .collapse和.navbar-collspae的
中。
2、折叠起来的导航栏是带有class .navbar-toggle以及data-toggle和data-target两个属性的按钮，data-toggle用于告诉javascript
需要对按钮做什么，此处是折叠：collapse，data-target用于指示折叠哪个元素，此处是1中的导航菜单，data-target的属性值是要
指定的元素的id。
3、button中使用带有class .icon-bar的创建所谓的汉堡按钮（就是按钮中多了几个横线）

[html]  view plain copy print ?
  1. <body>  
  2.     <nav class = "navbar navbar-default" role = "navigation">  
  3.         <div class="navbar-header">  
  4.             <button type="button" class="navbar-toggle" data-toggle = "collapse"  data-target = "#target-menu">  
  5.                 <span class="sr-only">qiehspan>  
  6.                 <span class="icon-bar">span>  
  7.                 <span class="icon-bar">span>  
  8.                 <span class="icon-bar">span>  
  9.             button>  
  10.             <a class="navbar-brand">helloa>  
  11.         div>  
  12.         <div class="collapse navbar-collapse" id = "target-menu">  
  13.             <ul class="nav navbar-nav">  
  14.                 <li class="active"><a href="#">网站首页a>li>  
  15.                 <li><a href="#">JS开发a>li>  
  16.                 <li><a href="#">htmla>li>  
  17.                 <li><a href="#">jquerya>li>  
  18.   
  19.                 <li class="dropdown">  
  20.                     <a href="#" class="dropdown-toggle" data-toggle = "dropdown">前端学习 <span class="caret">span>a>  
  21.                     <ul class="dropdown-menu">  
  22.                         <li><a href="#">html+css学习a>li>  
  23.                         <li><a href="#">javascript学习a>li>  
  24.                         <li><a href="#">jquery学习a>li>  
  25. <pre name="code" class="html">                        <li class="divider">li>                          
  • bootstrap学习
  • less/sass学习
  • angularJS学习
    •  

     
  
          
   
  
     
     
  
     当屏幕的宽度大于等于768px时，显示与默认的导航栏相同，而屏幕宽度小于768px时，显示效果如下：
     Bootstrap自适应导航栏_第2张图片
     
     
  
     注意:data-target的属性值其实是： #+id，如果只写成id，点击折叠按钮是没有任何反应的，另外，需要引入折叠插件，或者因为
     
  
     bootstrap.min.js和jquery.js
     
     
  
     
     
  
     导航栏中的表单
     
  导航中的form表单，需要使用class navbar-form，这确保了表单垂直对齐和在较窄的视口中的折叠行为。使用对齐方式选型来决定 
   
  
     
     
  
     导航栏的内容放置在哪里，此处使用了navbar-right，居于右侧（如果使用navbar-left那么就会居于左侧，默认是左侧）。
     
     
  
     
     
     
  
     
     
  
     
   
     
    
     
     [html]  view plain copy print ? 
     
     
     
     
    
     
   
     
   
       
    
    1.  <body>  
      2.  
    
    2.      <nav class = "navbar navbar-default" role = "navigation">  
      3.  
    
    3.          <div class="navbar-header">             
      4.  
    
    4.              <a class="navbar-brand">helloa>  
      5.  
    
    5.          div>  
      6.  
    
    6.          <div>  
      7.  
    
    7.              <ul class="nav navbar-nav">  
      8.  
    
    8.                  <li class="active"><a href="#">网站首页a>li>  
      9.  
    
    9.                  <li><a href="#">JS开发a>li>  
      10.  
    
    10.                  <li><a href="#">htmla>li>  
      11.  
    
    11.                  <li><a href="#">jquerya>li>  
      12.  
    
    12.              ul>  
      13.  
    
    13.              <form class="navbar-form navbar-right" role="search">  
      14.  
    
    14.                  <div class="form-group">  
      15.  
    
    15.                      <input type="text" class="form-control" placeholder="Search">  
      16.  
    
    16.                  div>  
      17.  
    
    17.                  <button type="submit" class="btn btn-default">提交button>  
      18.  
    
    18.              form>   
      19.  
    
    19.          div>  
      20.  
    
    20.      nav>  
      21.  
    
    21.  body>  
      22.  
   
     
  
     
  
     
  
     
     
  
     
     
     
  
     
     
     
  
     
     
  
     导航栏中的按钮
     
  不在 
     中的 
     

    
                            
    
                        
    
                    
    
                    
                    
    
                    
                    
                    
    
                
    
                
    
                    
                
    
            
    
        
    
    
    
    
    
        
    你可能感兴趣的:(页面相关)
    
        
    
            
    
                
      
                    
    • 使用Flask框架实现前后端交互，直接打开html页面无法显示后端传入的数据问题Access to XMLHttpRequest at ‘http://127.0.0.1:5000/***‘ from
                        小刘 同学
flaskpython后端
                        
      出现CORS（跨源资源共享）问题是因为前端页面和Flask后端不在同一个源（即不同的端口或域名）。为了解决这个问题，可以在Flask中设置CORS头。你可以使用flask-cors这个库来简化配置。安装flask-cors首先，安装flask-cors：pipinstallflask-cors更新Flask应用然后，在你的Flask应用中引入并配置CORS：fromflaskimportFlask
      
                    
      • 
                    
    • mindspeed-llm源码解析（一）preprocess_data
                        
人工智能
                        
      mindspeed-llm是昇腾模型套件代码仓，原来叫"modelLink"。这篇文章带大家阅读一下数据处理脚本preprocess_data.py（基于1.0.0分支），数据处理是模型训练的第一步，经常会用到。文章中贴的源码加了相关注释，同学们可以把源码和注释结合起来看。首先来看一下main函数defmain():#获取入参，通过后面的代码可以知道有哪些关键参数args=get_args()#参
      
                    
      • 
                    
    • html2canvas 页面变图片
                        

                        
      我们用的uni-app页面做的页面，需要把页面转成图片；问题1：不同的手机会偶发文字挤在一块，不是所有的都是那种问题2:图片出现加载不出来解决问题1:是因为我的文字写的居中，html2canvas居中会导致分布不均匀，有针对性的写样式font-smoothing:antialiased;-webkit-text-size-adjust:100%；letter-spacing:0.05em;解决问题
      
                    
      • 
                    
    • WebKit 的渲染引擎优化策略
                        

                        
      简介：WebKit是一个开源的网页浏览引擎，被广泛应用于多种浏览器，包括Safari和许多移动设备浏览器。其高效的渲染性能和灵活的架构使得WebKit成为现代浏览器开发的重要组成部分。在这篇文章中，我们将深入探讨WebKit在渲染引擎优化方面的策略，尤其关注其在提高页面加载速度和渲染效率方面的技术实现。正文：什么是WebKit？WebKit起源于KHTML和KJS，最初由苹果公司用于Safari浏
      
                    
      • 
                    
    • 基于JavaScript的网页设计案例分析：打造现代化、交互性强的网站体验
                        冷夜雨.
javascript
                        
      引言随着互联网的快速发展，网页设计的要求也在不断提升。从最初的静态页面到如今的动态、交互式网页，JavaScript作为一种重要的前端开发语言，已成为现代网页设计中不可或缺的一部分。它能够为网页带来更强的交互性、灵活性和动态效果，不仅提升用户体验，也能在设计过程中实现更复杂的功能。本文将通过一个具体的JavaScript网页设计案例，来展示如何利用JavaScript打造现代化、交互性强的网站，并
      
                    
      • 
                    
    •  冷启动性能分析优化实践
                        
harmonyos
                        
      课程简介本课程是【HarmonyOSTechTalk】的第26课。本次交流聚焦于鸿蒙应用的冷启动环节。冷启动作为应用开启的初始关键阶段，其相关性能指标直接影响用户的第一印象与使用体验，涵盖启动时间、资源加载速度等多方面要素。常见分析思路则犹如一把钥匙，为开发者开启深入探究冷启动问题之门，可从系统环境到应用代码逻辑进行剖析。而实践优化方案更是本次交流的核心所在，通过诸如预加载资源、优化代码结构等一系
      
                    
      • 
                    
    • 提升CSS动画学习效率的利器——ScriptEcho
                        
前端
                        
      引言在现代网页设计中，CSS动画的重要性不言而喻。它不仅能够为用户提供更为生动的视觉体验，还能有效地吸引用户的注意力。例如，按钮的悬停效果、页面的加载动画等，都是通过CSS动画实现的。然而，尽管CSS动画的应用场景广泛，但对于零基础的学习者来说，学习其中的技巧和知识常常面临挑战。本文将介绍如何通过ScriptEcho这一强大的工具来提升CSS动画的学习效率，让每位学习者都能轻松入门。CSS动画基础
      
                    
      • 
                    
    • 【赵渝强老师】Redis的慢查询日志
                        
数据库nosqlredis
                        
      Redis慢查询日志帮助开发和运维人员定位系统存在的慢操作。慢查询日志就是系统在命令执行前后计算每条命令的执行时间，当超过预设阀值，就将这条命令的相关信息（慢查询ID，发生时间戳，耗时，命令的详细信息）记录下来。Redis客户端的一条命令可以分为四个部分执行，如下图所示。视频讲解如下：https://www.bilibili.com/video/BV1hbpeehEwj/?aid=11309965
      
                    
      • 
                    
    • 豆包 API 调用示例代码详解-Python版
                        道长不会写代码
python基础教学python开发语言
                        
      文章目录豆包API调用示例代码详解-Python版一、事前准备二、所需Python包三、代码详解五、源码下载四、总结豆包官方API文档豆包API调用示例代码详解-Python版在本文中，我们将详细介绍如何使用Python调用豆包API，并提供相关的事前准备和代码执行步骤。一、事前准备密钥申请：要使用豆包API，首先需要申请一个授权密钥。在上述代码中，密钥存储在headers字典的Authoriza
      
                    
      • 
                    
    • Apache SeaTunnel如何实现MongoDB到Doris无缝数据同步？
                        
数据库
                        
      如果你需要使用ApacheSeaTunnel将MongoDB数据库的数据同步到Doris，你可以按照以下步骤进行操作。这些步骤基于ApacheSeaTunnel的官方文档和社区提供的最佳实践：一、环境准备下载并安装SeaTunnel：访问SeaTunnel的官方GitHub页面，下载最新稳定版本的SeaTunnel。解压下载的文件，并配置必要的环境变量（如JAVA_HOME）。配置MongoDB和
      
                    
      • 
                    
    • 基于微信开发的家政小程序源码预约上门|家政接单
                        
小程序
                        
      家政小程序是一个基于微信平台的应用程序，旨在为用户提供便捷的家政服务预约和管理功能。该小程序包含用户注册与登录、家政服务浏览与选择、预约下单、订单管理等功能模块。基于微信开发的家政小程序源码是一个相对复杂的项目，它涉及到前端页面设计、后端API交互以及业务逻辑处理等多个方面。源码及演示：j.yunzes.top/er一、开发环境及工具概述家政小程序的开发环境主要包括操作系统、开发工具、数据库、服务
      
                    
      • 
                    
    • 《C 语言向量运算：点亮人工智能几何计算之路》
                        
c人工智能深度学习
                        
      在人工智能蓬勃发展的时代，数学运算作为其坚实的基石发挥着不可替代的作用。而向量的点积与叉积运算，更是在人工智能的几何计算领域有着独特且关键的地位。今天，就让我们一同深入探讨如何在C语言中实现向量的点积、叉积运算，并领略其在人工智能几何计算中的精彩应用。向量，作为既有大小又有方向的量，在几何世界里是极为重要的元素。点积，也被称为数量积，它的几何意义与向量的投影密切相关。当我们计算两个向量的点积时，其
      
                    
      • 
                    
    • java ssm基于微信小程序的面向企事业单位的项目申报评审系统（源码+文档+运行视频+讲解视频）
                        QQ2279239102
SSM微信小程序微信小程序javaSSM开发语言vue.js
                        
      文章目录系列文章目录目的前言一、详细视频演示二、项目部分实现截图三、技术栈后端框架SSM前端框架vueSSM框架详细介绍系统测试微信小程序介绍四、代码参考源码获取目的摘要：基于JavaSSM与微信小程序的项目申报评审系统，针对企事业单位项目管理痛点，提供一站式解决方案，提升工作效率与透明度。申报单位在微信小程序端按模板填写项目信息，包括项目背景、目标、预算等详细资料，上传相关附件。系统自动校验格式
      
                    
      • 
                    
    • Oracle 迁移到 OB 过程中的函数改造案例
                        

                        
      作者：杨敬博，爱可生DBA团队成员，一位会摄影、会铲屎、会打球、会骑车、生活可以自理的DBA。审校及补充：胡呈清，官永强，程柳润。爱可生开源社区出品，原创内容未经授权不得随意使用，转载请联系小编并注明来源。本文约1300字，预计阅读需要4分钟。问题描述客户源数据库（Oracle）中有使用XMLAGG函数对列拼接的需求。通过查询官方文档发现OceanBase3.x版本不支持XMLAGG相关函数，故使
      
                    
      • 
                    
    • ATF：givc3的中断初始化配置流程
                        TrustZone_
#ARM中断ATFarm开发GICATF
                        
      前言前段时间不是在整gicv2吗？这个确实太老了。资料很少，但是gicv3的蛮多的，这里找到了一篇关于gicv3的中断的blog，我们一起来学习一下，相信通过前辈的文章一定有所收获，核心内存的内容链接我放在了文末。ATF在bl31中提供了GICv3驱动加载、bl31的中断处理、异常等级切换时中断路由信息配置以及GICv3相关的电源管理功能，由于电源管理功能与中断处理流程关联不大，在本文中不做详细分
      
                    
      • 
                    
    • python 软件包 petri_常用Petri网模拟软件工具简介
                        weixin_39881859
python软件包petri
                        
      常用Petri网模拟软件工具简介首先要介绍的的一个非常有名的Petri网网站--PetriNetsWorld：我这里介绍的软件大部分在该网站中的ToolsandSoftware中的PetriNetsToolDatabase里可以找到相关的链接。Petri网的相关模拟仿真软件现在已经相当成熟了，在国外已经有很多投入商用的案例。但目前每年的国际性Petri网学术会议上都有一个专题就是：PetriNet
      
                    
      • 
                    
    • 从javascript到python(一):基本环境搭建
                        

                        
      写在前面本系列文章针对前端开发人员快速地通过javascript相关概念来理解学习python，如果你对javascript本身都不熟悉，可能这些文章就并不适合你的。这些文章主要用语本实验室的前端同学学习之用，描述可能有点累赘，还请读者理解。环境搭建安装VSCode安装Python3.7安装VSCode插件python库的安装说明：本文中的演示均是在macos环境下做的配置安装Python3.7特
      
                    
      • 
                    
    • 速通Docker === 常用命令
                        前端 贾公子
dockereurekajavaspringcloud
                        
      目录Docker命令镜像操作容器操作基础操作启动参数容器内部操作打包成指定文件发布镜像总结镜像操作容器操作启动容器参数容器内部操作打包镜像启动指定镜像的容器发布镜像Docker命令启动一个nginx,并将它的首页改为自己的页面，发布出去，让所有人都能使用Docker仓库地址：https://hub.docker.com/镜像操作#搜索镜像dockersearchnginx#下载镜像dockerpu
      
                    
      • 
                    
    • 系统架构设计师考点—项目管理
                        小古jy
系统架构
                        
      一、备考指南项目管理主要考查的是进度管理、软件配置管理、质量管理、风险管理等相关知识，近几年都没有考查过，但是有可能在案例分析中考查关键路径的技术问题，考生了解为主。二、重点考点1、项目的十大管理（速记：整范进成质，资沟风采干）2、WBS（工作分解结构）3、求项目的最短工期（关键路径法）4、软件配置管理三、项目的十大管理（着重关注进度管理、质量管理、风险管理）1、项目整合管理①制定项目章程：项目启
      
                    
      • 
                    
    • 用Ingress生成route，如何让生成route的insecureEdgeTerminationPolicy 的值为Allow
                        RedCong
Openshiftk8s云原生kubernetes云原生openshift
                        
      对于此功能当前还没有实现，相关的新功能添加的Jiraticket如下：Annotatetheingresstocreatetheroutewiththespec.tls.insecureEdgeTerminationPolicysettoAllow目前已经实现的功能为termination，insecureEdgeTerminationPolicy目前未实现。apiVersion:networki
      
                    
      • 
                    
    • yum源介绍
                        RedCong
CentOS服务器centoslinux
                        
      什么是yumYUM全程（YELLOWDOGUPDATERMODIFIED），他其实就是CENTOS/RHEL/FEDORA下的软件管理工具。基于rpm包进行管理，能够从指定的服务器下（YUM源）自动下载RPM包并安装。可以自动管理rpm包之间的依赖关系的。常见的YUM源模式：一网络YUM源模式：需要依赖网络，但是包的质量和省心程度是最优质的。选择优质的YUM以后，就可以使用该YUM源去安装相关的r
      
                    
      • 
                    
    • 复杂查询优化：避免 SQL 查询中的 N+1 查询问题
                        檐角小猫
sql数据库
                        
      在SQL查询优化中，N+1查询问题是一个常见的性能问题，特别是在关系型数据库中。当你的查询不当时，可能会导致对数据库进行大量的额外查询，造成不必要的性能损耗。什么是N+1查询问题？N+1查询问题通常出现在一对多或多对多的关系中。例如，假设你有一个包含用户和订单的数据库模型：一个用户(User)可以有多个订单(Order)，即User和Order是一对多的关系。你需要查询所有用户及其相关的订单。一个
      
                    
      • 
                    
    • salesforce 管理员可以reassign其它人的审批流程吗
                        Channing Lewis
Salesforcesalesforce
                        
      在Salesforce中，审批流程的重新分配取决于用户的权限和审批流程的设置。一般情况下，是否可以重新分配审批流程取决于以下几点：1.用户权限管理员权限：具有系统管理员权限的用户通常可以重新分配审批请求，因为他们拥有对系统的全面控制。审批管理权限：如果用户被授予了审批流程管理的相关权限（例如“管理审批流程”或“管理用户的审批请求”），他们也可以重新分配审批。2.审批流程设置审批者的角色和设置：审批
      
                    
      • 
                    
    • 大世界游戏服务器的战斗系统模块设计
                        lao geng
游戏服务器游戏
                        
      以下是关于大世界游戏服务器战斗系统模块的详细设计：1.战斗系统模块的总体架构分层架构：战斗逻辑层：包含战斗规则的核心实现，如技能释放、伤害计算、战斗流程控制等。数据交互层：负责与玩家管理模块和游戏世界模块的数据交互，获取玩家和怪物的信息，更新战斗结果等。网络通信层：将战斗结果和相关信息发送给玩家，并接收玩家的战斗操作指令。2.战斗实体和属性玩家和怪物属性：基本属性：包括生命值（HP）、魔法值（MP
      
                    
      • 
                    
    • SMBus 协议详解
                        憧憬一下
#IIC子系统嵌入式驱动开发嵌入式linux驱动开发arm开发SMBus协议
                        
      目录往期内容资料1.介绍1.1SMBus与I2C协议的差别1.2SMBus应用2.协议内容2.1符号2.2操作标志和函数专栏往期内容IIC框架和协议详解资料I2C资料(yuque.com)：1.介绍SMBus（系统管理总线）是基于I2C协议的一个子集，用于在设备之间提供更严格的电源和系统管理通信标准。它的初衷是用于电池和电源管理相关的设备，如智能电池或充电控制器。尽管SMBus和I2C协议有相似之
      
                    
      • 
                    
    • MySQL 事务
                        画船听雨眠aa
mysql数据库
                        
      目录一、什么是事务二、事务的特性三、事务使用案例四、事务并发问题五、设置事务的隔离级别（解决读的问题）一、什么是事务MySQL事务主要用于处理操作量大，复杂度高的数据。比如说，在人员管理系统中，你删除一个人员，你既需要删除人员的基本资料，也要删除和该人员相关的信息，如信箱，文章等等，这样，这些数据库操作语句就构成一个事务！在MySQL中，事务是一组SQL语句的执行，它们被视为一个单独的工作单元。简
      
                    
      • 
                    
    • Python实现按键精灵(模拟鼠标移动，键盘按键，屏幕截图等)功能
                        写python的鑫哥
Python课堂python自动化按键精灵鼠标移动键盘按键屏幕截图
                        
      前言本文是该专栏的第38篇，后面会持续分享python的各种干货知识，值得关注。在日常工作当中，有时候会需要你不停的去点击某个页面或者按钮或者其他事件操作等。又或是突发奇想，想利用python开发一个游戏的自动点击脚本等等。通常情况下，你可能会联想到“按键精灵”。而在本文中，笔者想要通过python去一一实现这些功能（鼠标移动，模拟键盘按键，屏幕截图等），也就是说，通过python去实现各种自动化
      
                    
      • 
                    
    • 【LeetCode面试150】——21合并两个有序列表
                        沈小农学编程
LeetCodeleetcode面试算法职场和发展pythonc++
                        
      博客昵称：沈小农学编程作者简介：一名在读硕士，定期更新相关算法面试题，欢迎关注小弟！PS：哈喽！各位CSDN的uu们，我是你的小弟沈小农，希望我的文章能帮助到你。欢迎大家在评论区唠嗑指正，觉得好的话别忘了一键三连哦！题目难度：简单默认优化目标：最小化时间复杂度。Python默认为Python3。目录1题目描述2题目分析3算法框架以及代码实现3.1递归3.2迭代参考文献1题目描述将两个升序链表合并为
      
                    
      • 
                    
    • python创建pdf水印，希望根据文本长度调整水印字体大小，避免超出页面
                        Channing Lewis
Pythonpythonpdf
                        
      为了根据文本长度动态调整水印字体大小，可以先测量文本长度，然后根据页面宽度和高度动态计算合适的字体大小。以下是修改后的代码：fromreportlab.pdfgenimportcanvasfromreportlab.lib.pagesizesimportletterfromreportlab.pdfbase.ttfontsimportTTFontfromreportlab.pdfbaseimpor
      
                    
      • 
                    
    • 高赞 GitHub 项目盘点：中国 Web 开发者路线图
                        逛逛GitHub
pythonjava编程语言大数据vue
                        
      推荐最近很火的6个开源项目，本期所有推荐都已经收录到AwesomeGitHubRepo，欢迎各位读者Star。欢迎Star：https://github.com/Wechat-ggGitHub/Awesome-GitHub-Repo本期推荐的开源项目是：1.中国Web开发者路线图2.一个简单的绘图应用程序3.通过JSON配置就能生成各种后台页面4.针对直播、语聊、视频通话等推出的低代码解决方案5.
      
                    
      • 
                                
    • java观察者模式
                                    3213213333332132
java设计模式游戏观察者模式
                                    
      观察者模式——顾名思义，就是一个对象观察另一个对象，当被观察的对象发生变化时，观察者也会跟着变化。 
 
在日常中，我们配java环境变量时，设置一个JAVAHOME变量,这就是被观察者，使用了JAVAHOME变量的对象都是观察者，一旦JAVAHOME的路径改动，其他的也会跟着改动。 
 
这样的例子很多，我想用小时候玩的老鹰捉小鸡游戏来简单的描绘观察者模式。 
 
老鹰会变成观察者，母鸡和小鸡是
      
                                
      • 
                                
    • TFS RESTful API 模拟上传测试
                                    ronin47

                                    
             TFS RESTful API 模拟上传测试。 
　　 
细节参看这里：https://github.com/alibaba/nginx-tfs/blob/master/TFS_RESTful_API.markdown 
模拟POST上传一个图片： 
curl --data-binary @/opt/tfs.png http
      
                                
      • 
                                
    • PHP常用设计模式单例, 工厂, 观察者, 责任链, 装饰, 策略,适配,桥接模式
                                    dcj3sjt126com
设计模式PHP
                                    
      // 多态, 在JAVA中是这样用的, 其实在PHP当中可以自然消除, 因为参数是动态的, 你传什么过来都可以, 不限制类型, 直接调用类的方法
abstract class Tiger {
    public abstract function climb();
}

class XTiger extends Tiger {
    public function  climb()
      
                                
      • 
                                
    • hibernate
                                    171815164
Hibernate
                                    
      main,save 
 
Configuration conf =new Configuration().configure();
SessionFactory sf=conf.buildSessionFactory();
Session sess=sf.openSession();
Transaction tx=sess.beginTransaction();

News a=new 
      
                                
      • 
                                
    • Ant实例分析
                                    g21121
ant
                                    
              下面是一个Ant构建文件的实例，通过这个实例我们可以很清楚的理顺构建一个项目的顺序及依赖关系，从而编写出更加合理的构建文件。 
  
        下面是build.xml的代码： 
<?xml version="1
      
                                
      • 
                                
    • [简单]工作记录_接口返回405原因
                                    53873039oycg
工作
                                    
               最近调接口时候一直报错，错误信息是: 
      
responseCode:405
responseMsg:Method Not Allowed 
       接口请求方式Post. 
      
                                
      • 
                                
    • 关于java.lang.ClassNotFoundException 和 java.lang.NoClassDefFoundError 的区别
                                    程序员是怎么炼成的

                                    
        
 真正完成类的加载工作是通过调用 defineClass来实现的； 
 而启动类的加载过程是通过调用 loadClass来实现的； 
 就是类加载器分为加载和定义 
   
 protected Class<?> findClass(String name) throws ClassNotFoundExcept
      
                                
      • 
                                
    • JDBC学习笔记-JDBC详细的操作流程
                                    aijuans
jdbc
                                    
      所有的JDBC应用程序都具有下面的基本流程：　　1、加载数据库驱动并建立到数据库的连接。　　2、执行SQL语句。　　3、处理结果。　　4、从数据库断开连接释放资源。 
下面我们就来仔细看一看每一个步骤： 
其实按照上面所说每个阶段都可得单独拿出来写成一个独立的类方法文件。共别的应用来调用。 
1、加载数据库驱动并建立到数据库的连接： 
     Html代码    
 
 St
      
                                
      • 
                                
    • rome创建rss
                                    antonyup_2006
tomcatcmsxmlstrutsOpera
                                    
      引用   
1.RSS标准 
 
RSS标准比较混乱，主要有以下3个系列 
 
 RSS 0.9x / 2.0 : RSS技术诞生于1999年的网景公司(Netscape)，其发布了一个0.9版本的规范。2001年，RSS技术标准的发展工作被Userland Software公司的戴夫 温那(Dave Winer)所接手。陆续发布了0.9x的系列版本。当W3C小组发布RSS 1.0后，Dave W
      
                                
      • 
                                
    • html表格和表单基础
                                    百合不是茶
html表格表单meta锚点
                                    
      第一次用html来写东西,感觉压力山大,每次看见别人发的都是比较牛逼的 再看看自己什么都还不会, 
  
html是一种标记语言,其实很简单都是固定的格式 
  
_----------------------------------------表格和表单 
表格是html的重要组成部分,表格用在body里面的 
主要用法如下; 
<table>

     &
      
                                
      • 
                                
    • ibatis如何传入完整的sql语句
                                    bijian1013
javasqlibatis
                                    
              ibatis如何传入完整的sql语句？进一步说，String str ="select * from test_table"，我想把str传入ibatis中执行，是传递整条sql语句。 
        解决办法： 
<
      
                                
      • 
                                
    • 精通Oracle10编程SQL(14)开发动态SQL
                                    bijian1013
oracle数据库plsql
                                    
      /*
 *开发动态SQL
 */
--使用EXECUTE IMMEDIATE处理DDL操作
CREATE OR REPLACE PROCEDURE drop_table(table_name varchar2)
is
   sql_statement varchar2(100);
begin
   sql_statement:='DROP TABLE '||table_name;

      
                                
      • 
                                
    • 【Linux命令】Linux工作中常用命令
                                    bit1129
linux命令
                                    
      不断的总结工作中常用的Linux命令 
  
1.查看端口被哪个进程占用 
  
通过这个命令可以得到占用8085端口的进程号，然后通过ps -ef|grep 进程号得到进程的详细信息 
  
netstat -anp | grep 8085 
  
察看进程ID对应的进程占用的端口号 
  
netstat -anp | grep 进程ID 
&
      
                                
      • 
                                
    • 优秀网站和文档收集
                                    白糖_
网站
                                    
      集成 Flex, Spring, Hibernate 构建应用程序 
  
性能测试工具-JMeter 
  
Hmtl5-IOCN网站 
  
Oracle精简版教程网站 
  
鸟哥的linux私房菜 
  
Jetty中文文档 
  
50个jquery必备代码片段 
  
swfobject.js检测flash版本号工具
      
                                
      • 
                                
    • angular.extend
                                    boyitech
AngularJSangular.extendAngularJS API
                                    
      angular.extend   复制src对象中的属性去dst对象中. 支持多个src对象. 如果你不想改变一个对象，你可以把dst设为空对象{}: var object = angular.extend({}, object1, object2). 注意: angular.extend不支持递归复制.    使用方法:   angular.extend(dst, src);    参数:   
      
                                
      • 
                                
    • java-谷歌面试题-设计方便提取中数的数据结构
                                    bylijinnan
java
                                    
      网上找了一下这道题的解答，但都是提供思路，没有提供具体实现。其中使用大小堆这个思路看似简单，但实现起来要考虑很多。 
以下分别用排序数组和大小堆来实现。 
使用大小堆： 
 

import java.util.Arrays;

public class MedianInHeap {
	/**
	 * 题目：设计方便提取中数的数据结构
	 * 设计一个数据结构，其中包含两个函数，1.插
      
                                
      • 
                                
    • ajaxFileUpload 针对 ie jquery 1.7+不能使用问题修复版本
                                    Chen.H
ajaxFileUploadie6ie7ie8ie9
                                    
      jQuery.extend({
	handleError: function( s, xhr, status, e ) 		{
		// If a local callback was specified, fire it
				if ( s.error ) {
					s.error.call( s.context || s, xhr, status, e );
				}


      
                                
      • 
                                
    • [机器人制造原则]机器人的电池和存储器必须可以替换
                                    comsci
制造
                                    
       
 
       机器人的身体随时随地可能被外来力量所破坏,但是如果机器人的存储器和电池可以更换,那么这个机器人的思维和记忆力就可以保存下来,即使身体受到伤害,在把存储器取下来安装到一个新的身体上之后,原有的性格和能力都可以继续维持..... 
 
       另外,如果一
      
                                
      • 
                                
    • Oracle Multitable INSERT 的用法
                                    daizj
oracle
                                    
      转载Oracle笔记-Multitable INSERT 的用法 
 
http://blog.chinaunix.net/uid-8504518-id-3310531.html 
 
一、Insert基础用法 
 
语法： 
 
    Insert Into 表名 (字段1,字段2,字段3...） 
 
    Values (值1,
      
                                
      • 
                                
    • 专访黑客历史学家George Dyson
                                    datamachine
on
                                    
      20世纪最具威力的两项发明——核弹和计算机出自同一时代、同一群年青人。可是，与大名鼎鼎的曼哈顿计划（第二次世界大战中美国原子弹研究计划）相 比，计算机的起源显得默默无闻。出身计算机世家的历史学家George Dyson在其新书《图灵大教堂》（Turing’s Cathedral）中讲述了阿兰·图灵、约翰·冯·诺依曼等一帮子天才小子创造计算机及预见计算机未来
      
                                
      • 
                                
    • 小学6年级英语单词背诵第一课
                                    dcj3sjt126com
englishword
                                    
      always 总是 
rice 水稻，米饭 
before 在...之前 
live 生活，居住 
  
usual 通常的 
early 早的 
begin 开始 
month 月份 
  
year 年 
last 最后的 
east 东方的 
high 高的 
  
far 远的 
window 窗户 
world 世界 
than 比...更 
  
      
                                
      • 
                                
    • 在线IT教育和在线IT高端教育
                                    dcj3sjt126com
教育
                                    
      codecademy 
http://www.codecademy.com   codeschool 
https://www.codeschool.com   teamtreehouse 
http://teamtreehouse.com   lynda 
http://www.lynda.com/   Coursera 
https://www.coursera.
      
                                
      • 
                                
    • Struts2 xml校验框架所定义的校验文件
                                    蕃薯耀
Struts2 xml校验Struts2 xml校验框架Struts2校验
                                    
        
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 
蕃薯耀 2015年7月11日 15:54:59 星期六 
http://fa
      
                                
      • 
                                
    • mac下安装rar和unrar命令
                                    hanqunfeng
mac
                                    
      1.下载：http://www.rarlab.com/download.htm  选择 
RAR 5.21 for Mac OS X   2.解压下载后的文件   tar -zxvf rarosx-5.2.1.tar   3.cd rar   sudo install -c -o $USER unrar /bin #输入当前用户登录密码   sudo install -c -o $USER rar
      
                                
      • 
                                
    • 三种将list转换为map的方法
                                    jackyrong
list
                                    
        在本文中，介绍三种将list转换为map的方法： 
 
1） 传统方法 
 
假设有某个类如下 
   

class Movie {
    
    private Integer rank;
    private String description;
    
    public Movie(Integer rank, String des
      
                                
      • 
                                
    • 年轻程序员需要学习的5大经验
                                    lampcy
工作PHP程序员
                                    
      在过去的7年半时间里，我带过的软件实习生超过一打，也看到过数以百计的学生和毕业生的档案。我发现很多事情他们都需要学习。或许你会说，我说的不就是某种特定的技术、算法、数学，或者其他特定形式的知识吗？没错，这的确是需要学习的，但却并不是最重要的事情。他们需要学习的最重要的东西是“自我规范”。这些规范就是：尽可能地写出最简洁的代码；如果代码后期会因为改动而变得凌乱不堪就得重构；尽量删除没用的代码，并添加
      
                                
      • 
                                
    • 评“女孩遭野蛮引产致终身不育 60万赔偿款1分未得”医腐深入骨髓
                                    nannan408

                                    
      先来看南方网的一则报道： 
 

再正常不过的结婚、生子，对于29岁的郑畅来说，却是一个永远也无法实现的梦想。从2010年到2015年，从24岁到29岁，一张张新旧不一的诊断书记录了她病情的同时，也清晰地记下了她人生的悲哀。

　　粗暴手术让人发寒

　　2010年7月，在酒店做服务员的郑畅发现自己怀孕了，可男朋友却联系不上。在没有和家人商量的情况下，她决定堕胎。

　　12月5日，
      
                                
      • 
                                
    • 使用jQuery为input输入框绑定回车键事件 VS 为a标签绑定click事件
                                    Everyday都不同
jspinput回车键绑定clickenter
                                    
      假设如题所示的事件为同一个，必须先把该js函数抽离出来，该函数定义了监听的处理： 
  
function search() {
	//监听函数略......	
} 
  
为input框绑定回车事件，当用户在文本框中输入搜索关键字时，按回车键，即可触发search(): 
  
//回车绑定
$(".search").keydown(fun
      
                                
      • 
                                
    • EXT学习记录
                                    tntxia
ext
                                    
        
1. 准备 
  
（1） 官网：http://www.sencha.com/ 
  
里面有源代码和API文档下载。 
  
EXT的域名已经从www.extjs.com改成了www.sencha.com ，但extjs这个域名会自动转到sencha上。 
  
（2）帮助文档： 
  
想要查看EXT的官方文档的话，可以去这里h
      
                                
      • 
                                
    • mybatis3的mapper文件报Referenced file contains errors
                                    xingguangsixian
mybatis
                                    
      最近使用mybatis.3.1.0时无意中碰到一个问题： 
The errors below were detected when validating the file "mybatis-3-mapper.dtd" via the file "account-mapper.xml".  In most cases these errors can be d
      
                                
      • 
                
    
            
    
        
    
    
    


    
    
    
        
    
            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他