长安LI
长安LI

初识网站前端--用简单的HTML+CSS+js实现的选项卡切换效果

了解到Javaweb的开发过程中一般都会涉及到前端的内容，所以这两天在网上找了一些前端的教程，对HTML、CSS和JavaScript有了一些基本的认识，这是自己尝试着写的一个小东西，全当练手了。功能实现的还可以，只是样式上尤其是边框效果还是有些问题，还需要进一步的优化。

以下是实现效果：
初识网站前端--用简单的HTML+CSS+js实现的选项卡切换效果_第1张图片

具体代码如下：


<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>实践题 - 选项卡title>
    <style type="text/css">
     /* CSS样式制作 */ 
    *{margin:0;padding:0;font:normal 15px "微软雅黑";color:#000000;}
     #bt{border-bottom:solid 1px brown;width:300px;}
     #bt li{
         width:60px;
         height:35px;
         text-align:center;
         line-height:35px;
         display:inline-block;
         border:solid 1px gray;
         border-bottom:solid 2px brown;
     }
     #bt li.now {
         border-top:solid 2px brown;
         border-bottom:solid 2px #FFF;
     }
     ul{
         list-style-type:none;
         margin:0 auto;
     }
     .hide{
         display:none;
     }
     .active{
         display:block;
     }
     div{
         border:solid 1px blue;
         width:300px;
         height:150px;
         border-top:none;
         margin:0 auto;
     }  
    style>
    <script type="text/javascript">

    // JS实现选项卡切换
    function change(obj){
        var objs = document.getElementsByName("tit");
        var index=0;
        for(var i=0;iif(obj.innerHTML==objs[i].innerHTML){
                index=i;
                obj.className="now";
            }   
            else 
                objs[i].className="";
        }
        var divs = document.getElementsByTagName("div");
        for(var i=0;iif(i==index){
                divs[i].className="active";
            }else{
                divs[i].className="hide";
            }
        }

    }

    script>

head>
<body>

<ul id="bt">
    <li class="now" name="tit" onmouseover="change(this)">房产li>
    <li name="tit" onmouseover="change(this)">家居li>
    <li name="tit" onmouseover="change(this)">二手房li>
ul>
<div>
<ul>
    <li>275万购昌平邻铁三居 总价20万买一居li>
    <li>200万内购五环三居 140万安家东三环li>
    <li>北京首现零首付楼盘 53万购东5环50平li>
    <li>京楼盘直降5000 中信府 公园楼王现房li>
ul>
div>
<div class="hide">
<ul>
    <li> 40平出租屋大改造 美少女的混搭小窝li>
    <li> 经典清新简欧爱家 90平老房焕发新生li>
    <li> 新中式的酷色温情 66平撞色活泼家居li>
    <li> 瓷砖就像选好老婆 卫生间烟道的设计li>
ul>
div>
<div class="hide">
<ul>
    <li> 通州豪华3居260万 二环稀缺2居250w甩li>
    <li> 西3环通透2居290万 130万2居限量抢购li>
    <li> 黄城根小学学区仅260万 121平70万抛!li>
    <li>独家别墅280万 苏州桥2居优惠价248万li>
ul>
div>


body>
html>

你可能感兴趣的:(web基础)

  • 《Java前端开发全栈指南：从Servlet到现代框架实战》
    前言在当今Web开发领域，Java依然是后端开发的主力语言，而随着前后端分离架构的普及，Java开发者也需要掌握前端技术栈。本文将全面介绍JavaWeb前端开发的核心技术，包括传统Servlet/JSP体系、现代前端框架集成方案，以及全栈开发的最佳实践。通过本文，您将了解如何构建现代化的JavaWeb应用前端界面。一、JavaWeb前端技术演进1.1传统技术栈Servlet：JavaWeb基础，处
  • WEB基础---注解 Lill_bin javajava开发语言mysql后端springsql
    什么是注解注解（Annotation），也叫元数据，标签，注释。注解叫注释的时候，容易和java的代码注释混淆，一种代码级别的说明。它是JDK1.5及以后版本引入的一个特性，与类、接口、枚举是在同一个层次。它可以声明在包、类、字段、方法、局部变量、方法参数等的前面，用来对这些元素进行说明，注释。为什么要学习注解1.注解是开发中的利器，可以使得代码更加的简洁,逻辑更加清爽2.以后能用别人的注解，能够
  • 什么是 HTTP 代理？它如何工作？ Tony聊跨境 ip网络http
    HTTP是最常见的代理协议。这些代理可以与现有的Web基础架构无缝集成，使其成为许多私人和商业用户的首选。您可以使用HTTP代理进行几乎任何操作，从负载平衡和内容管理到提高匿名性和不受限制的互联网访问。但什么是HTTP代理？它是如何工作的？一、HTTP代理是什么？让我们从头开始解释一下HTTP的含义。它是超文本传输协议——网络的骨干。它就像网络浏览器和网络服务器用来相互交流的语言。HTTP协议支持
  • Web基础与HTTP协议 lml4856 http网络协议网络
    一：Web基础1：域名和DNS1.1域名的概念网络是基于TCP/IP协议进行通信和连接的,每一台主机都有一个唯一的标识(固定的IP地址)，用以区别在网络上成千上万个用户和计算机。网络在区分所有与之相连的网络和主机时，均采用一种唯一、通用的地址格式，即每个与网络相连接的计算机和服务器都被指派一个独一无二的地址。为了保证网络上每台计算机的IP地址的唯一性，用户必须向特定机构申请注册，分配IP地址。网络
  • Web 基础、HTTP 协议与 Nginx 服务器搭建 �FENG frewalld防火墙图形化
    目录一、Web基础：从域名到网页的核心架构（一）域名与DNS：网络寻址的核心逻辑（二）网页与HTML：构建Web的基石（三）动态网页技术栈：从CGI到现代框架二、HTTP协议：Web通信的“语言”（一）协议概述：请求-响应模型的核心（二）HTTP方法：操作资源的“指令”（三）状态码：通信结果的“信号灯”（四）请求与响应报文：数据传输的“格式”三、Nginx服务器：高性能Web服务的首选（一）Ngi
  • Web安全技术体系 Alfadi联盟 萧瑶 网络安全web安全安全
    3.1Web基础技术3.1.1Web组成与开发基础前端技术栈HTML/CSS基础（表单、DOM结构、响应式设计）JavaScript核心功能（事件处理、AJAX通信、Cookie操作）动态网站搭建PHP基础语法与框架（如Laravel、ThinkPHP）本地环境配置（Pip/Study、XAMPP集成工具）3.1.2HTTP协议与通信安全HTTP请求/响应结构（Header、Body、状态码）HT
  • Web 基础与 HTTP 协议 别骂我h http网络协议网络
    目录Web基础一：域名和DNS1.域名的概念（1）域名的结构（2）域名结构类型2.Hosts文件（1）Hosts文件的作用（2）修改Hosts文件3.DNS4.域名注册二：网页与HTML1.HTML概述2.HTML基本标签（1）HTML语法规则（2）HTML文件结构3.网站和主页三：静态网页与动态网页1.静态网页2.动态网页3.动态网页语言HTTP协议1.HTTP协议概述2.HTTP方法3.HTT
  • Web基础知识与常用技术 无熵~ Web.NETCoreweb
    Web基础知识与专业名词WWW：万维网，是基于客户机/服务器方式的信息发现技术和超文本技术的综合。WWW服务器通过超文本标记语言(HTML)把信息组织成为图文并茂的超文本，利用链接从一个站点跳到另个站点。这样一来彻底摆脱了以前查询工具只能按特定路径一步步地查找信息的限制。网站(WebSite)：是按照一定规则，使用HTML等工具制作的，用于展示特定内容的相关网页集合。网关(Gateway)：又称网
  • Web基础——初识JavaScript Geek Li 前端javascript前端开发语言
    目录1.JavaScript发展史2.js与html结合方式3.ECMAScript规范4.Function(*****):代表函数JavaScript：客户端脚本语言1.JavaScript发展史1992年，nombas公司C--,最早的客户端脚本语言。专门用于表单验证。后更名为scriptEarth；网景scriptlive，后来找到sun公司合作，共同开发出JavaScript，微软抄袭Ja
  • Java Web基础 重生之后端学习 web
    JavaWeb是指使用Java语言开发Web应用程序的一系列技术和框架的总称。JavaWeb涉及到前端和后端的知识，通常包括Servlet、JSP、JSTL、MVC模式、Web容器、Spring框架等。以下是JavaWeb相关的完整知识点总结：一、基本概念1.Web应用架构客户端-服务器架构：Web应用程序通常遵循客户端-服务器模型，客户端通过浏览器向服务器发送请求，服务器处理请求并返回响应。HT
  • 3.web基础知识 JavaScript 止藤片 web前端javascript开发语言
    JavaScript是一种轻量级的脚本语言脚本语言：不具备开发操作系统的能力，只用来编写控制其他大型应用程序的脚本1.JavaScript语句、标识符标识符：字母、数字、_、$、组成，数字不能开头。varnum=10;2.js文件引入到html文件中的方式嵌入到HTML文件中引入本地独立js文件html代码：var代码：varnum=20;console.log(num);引入网络来源文件3.js
  • 【黑马JavaWeb+AI知识梳理】后端Web基础01 - Maven 不思念一个荒废的名字 JavaWeb前端mavenjava
    MavenMaven核心Maven概述定义：Maven是一款用于管理和构建Java项目的工具，是apache旗下的一个开源项目，基于项目对象模型（POM，projectobjectmodel）的概念，通过一小段描述信息来管理项目的构建。官网：http://maven.apache.org/作用：依赖管理：方便快捷地管理依赖的资源（jar包）项目构建：标准化的跨平台（Linux、Windows、Ma
  • Web 基础与Nginx访问统计 澜兮子 http网络协议网络
    目录Web基础域名与DNS域名的结构网页与HTML网页概述HTML概述HTML基本标签1、HTML语法规则2、HTML文件结构静态网页和动态网页HTTP协议概述HTTP方法HTTP状态码Nginx访问状态统计Web基础域名与DNS网络是基于TCP/IP协议进行通信和连接的,每一台主机都有一个唯一的标识(固定的IP地址)，用以区别在网络上成千上万个用户和计算机。网络在区分所有与之相连的网络和主机时，
  • Web技术与Apache网站部署 昭阳~ 前端
    一、Web基础与HTTP协议1.1静态网页与动态网页静态网页定义：由纯HTML、CSS、JavaScript构成，文件扩展名为.htm或.html。内容在服务器生成后固定不变，仅通过客户端脚本（如JS）实现视觉动态效果（如动画）。特点：加载速度快、安全性高，但维护成本高，无法根据用户请求动态生成内容。适用场景：企业官网、产品展示页等内容稳定的场景。动态网页定义：结合后端编程语言（如PHP、Pyth
  • web 基础与 http 协议 ikun· http网络协议网络
    目录一Web基础1.域名和DNS1.1域名的概念1.2DNS2.网页与HTML2.1HTML概述2.2HTML基本标签2.3网站和主页3.静态网页与动态网页3.1静态网页3.2动态网页二HTTP协议1.HTTP协议概述2.HTTP方法3.HTTP状态码4.HTTP请求流程分析一Web基础1.域名和DNS1.1域名的概念网络是基于TCP/IP协议进行通信和连接的,每一台主机都有一个唯一的标识(固定的
  • 前端小白笔记day-01 前端渣渣强 前端基础前端傻瓜手册
    **加粗样式**—typora-copy-images-to:media第01阶段.web基础：html-day01笔记-01-前言&WEB标准&认识HTML&HTML常用标签一、前言1.基础班学习目标目标：能根据psd文件（psd文件，其实就是一张类似于图片的格式，这个呢是用ps做的，也就叫做源文件），用HTML+CSS布局出符合W3C规范的网页（也就是说，我们写的代码，要符合标准）。简单的说，
  • 【前端之旅】JavaScript进阶笔记 请你喝杯Java⁡ 前端之旅javascript前端前端框架
    一名软件工程专业学生的前端之旅，记录自己对三件套（HTML、CSS、JavaScript）、Jquery、Ajax、Node.js、Vue、Axios、小程序开发（Uniapp）以及各种UI组件库、前端框架的学习。【前端之旅】Web基础与开发工具【前端之旅】手把手教你安装VSCode并附上超实用插件指南【前端之旅】HTML大总结【前端之旅】CSS三万字总结【前端之旅】JavaScript学习笔记【
  • Java Web开发学习指南：从入门到实战 软件职业规划 java前端开发语言
    一、JavaWeb基础（一）JavaWeb简介JavaWeb的概念JavaWeb是基于Java语言开发的Web应用程序。它通过Java技术实现动态网页的生成和数据交互。应用场景企业级Web应用开发，如电子商务网站、在线办公系统、企业资源管理系统等。JavaWeb技术在互联网、金融、教育等多个领域都有广泛应用。JavaWeb与JavaSE、JavaEE的关系JavaSE（JavaStandardEd
  • Java初级入门学习 周杰伦fans ai学习参考JAVA后端框架java学习开发语言
    JAVA学习@[TOC](JAVA学习)**一、Java初级入门学习路径****1.Java基础语法****2.面向对象编程（OOP）****3.数据库与JDBC****4.JavaWeb基础****二、主流框架推荐与学习建议****1.Spring框架****2.SpringMVC****3.MyBatis****4.SpringBoot****三、后续学习建议****1.实战项目****2.进
  • Python web基础知识，后端服务器开发，观点还停留在Java上吗！ 道-闇影 pythonjavaweb开发
    极简生活，极简编程，简到极致，就是完美！在写CSDN的Python技能树体验五(web应用开发:Djiago、Tornado、Flask)—终于可以写点能看的了！之前，wc，提前剧透了！先对web开发做一个简要的说明，话不多说，往下看！web应用开发的含义web应用开发分为：前端网页开发，后端服务器开发，还有前后端的一个通信技术！各个部分需要哪些基础前端开发基础：HTML,CSS，JavaScti
  • web基础-攻防世界 重庆森林不在重庆 网络网络安全web安全前端
    get-post一、WP（题目本质：考察get与post传参方法）用GET给后端传参的方法是：在?后跟变量名字，不同的变量之间用&隔开。例如，在url后添加/？a=1即可发送get请求。利用hackbar进行POST传参：复制get的url（点击loadURL），选择Postdata，填入b=2，点击Execute即可发送POST请求。二、原理参考作者的另一篇文章：HTTP的工作原理-CSDN博客
  • Web基础和HTTP协议 moluxiangfenglo http网络协议网络
    Web基础域名和DNS1.域名的概念域名是网络上的一个名字可以看成地址别名。它是用来代替IP地址的一串字符，因为IP地址通常是一些列数字。对于我们来说并不容易记住。域名是通过域名系统解析IP地址，从而使得计算机可以定位交换数据。域名具有层次结构通过包括顶级域名，二级域名，有时还包括子域名。（1.域名结构）（2.域名结构类型）域名的结构是分层次的，由几个部分组成，通常由右至左读取，越向右层次越高，具
  • Java Web基础——Controller+Service +Dao三层的功能划分 Low level coder java前端数据库
    1.Controller/Service/DAO简介：Controller是管理业务（Service）调度和管理跳转的。Service是管理具体的功能的。Controller只负责管理，而Service负责实施。DAO只完成增删改查，虽然可以1-n，n-n，1-1关联，模糊、动态、子查询都可以。但是无论多么复杂的查询，dao只是封装增删改查。至于增删查改如何去实现一个功能，dao是不管的。总结这三
  • WEB基础（B/S,C/S,协议） 帕德耀斯 学习日志前端服务器http
    1、B/S架构软件：Browser/Server,浏览器/服务器模式这种模式统一了客户端，将系统功能实现的核心部分集中到服务器上，简化了系统的开发、维护和使用。客户机上只要安装一个浏览器。B/S架构特点：维护和升级方式简单成本降低，选择更多应用服务器运行数据负荷较重2、C/S软件架构：Client/Server，客户端/服务器模式客户机和服务器结构。它是软件系统体系结构，通过它可以充分利用两端硬件
  • 【学习总结|DAY025】JAVA-WEB基础 123yhy传奇 学习javawebspringboot
    在Web开发领域，SpringBoot已成为重要的技术框架，其简化配置和快速开发的特性深受开发者喜爱。本文将详细介绍SpringBootWeb开发的基础知识，涵盖从入门程序搭建到HTTP协议解析，再到分层解耦实践等内容，助力读者快速上手。一、SpringBootWeb入门（一）Spring生态与SpringBoot优势Spring发展出庞大生态，提供众多子项目，各有特定功能。SpringBoot尤
  • EL表达式与JSTL标签库详解 秦老师Q JavaWeb基础java
    前言本章主要学习EL表达式与JSTL标签库，用于简化JSP数据操作。收录JavaWeb基础系列，该系列主要学习JavaWeb开发原生框架、Servlet、JSP、request请求对象、response响应对象、Session会话对象、Filter过滤器、EL表达式、JSTL标签库、三层开发模型等知识点，欢迎童鞋们互相交流。觉得不错可以三连订阅喔。目标一、EL表达式1.概念2.语法3.示例4.EL
  • JavaWeb开发 - Filter过滤器详解 秦老师Q JavaWeb基础javawebjava-ee
    前言本章节主要学习JavaWeb开发中的Filter过滤器技术，收录于JavaWeb基础专栏，该专栏主要学习JavaWeb开发原生框架、Servlet、JSP、请求对象、响应对象、Session会话对象、Filter过滤器、三层开发模型等知识点，欢迎童鞋们互相交流。觉得不错可以三连订阅喔。目标1.概念2.Filter介绍3.入门案例4.验证登录案例4.1登录代码4.2过滤器验证内容1.概念Filt
  • 01 Web基础与HTTP协议 子非鱼　　　 前端http网络协议
    1.1Web基础本章将介绍Web基础知识，包括域名的概念、DNS原理、静态网页和动态网页的相关知识。1.1.1.域名概述1.域名的概念ip地址不易记忆2.早期使用host文件解析域名主机名重复主机维护困难3.DNS分布式层次式4.域名空间结构根域顶级域组织域国家域二级域名FQDN=主机名.DNS后缀1.2网页的概念1.2.1网页纯文本格式文件编写语言为HTNL在用户的浏览器中被‘翻译’成网页形成显
  • Linux系统服务——【web，http协议，apache服务和nginx服务】（sixteen day） 沉迷于学习的网络狗 前端http网络协议
    一、web基础以及http协议1、web基本概念和常识前端开发一般用uniapp.1、Web:为用户提供的一种在互联网上浏览信息的服务，Web服务是动态的、可交互的、跨平台的和图形化的。2、Web服务为用户提供各种互联网服务，这些服务包括信息浏览服务，以及各种交互式服务，包括聊天、购物、学习等等内容。3、Web应用开发也经过了几代技术的不断发展，目前Web开发依然是最重要的开发内容之一。Web基础
  • WEB基础知识-WEB常见术语（一） 那个人叫方寒 web基础知识web
    WEB基础知识web常见术语1、渗透测试说简单一点哈，渗透：就是搞站，拿站，入侵服务器，通过非法手段去获取权限以及目标数据等等一系列的。说好听点，正规点，就是通过合法的授权，去以不法分子的方式以及手段入侵思路去测试某企业的网站是否具备有效并且可靠的安全性。以及测试后给提供甲方安全报告并教授修复的方式和安全培训如果想更深了解渗透测试的含义可以参考以下网址：https://baike.baidu.co
  • 312个免费高速HTTP代理IP（能隐藏自己真实IP地址） yangshangchuan 高速免费superwordHTTP代理
        124.88.67.20:843 190.36.223.93:8080 117.147.221.38:8123 122.228.92.103:3128 183.247.211.159:8123 124.88.67.35:81 112.18.51.167:8123 218.28.96.39:3128 49.94.160.198:3128 183.20
  • pull解析和json编码 百合不是茶 androidpull解析json
    n.json文件: [{name:java,lan:c++,age:17},{name:android,lan:java,age:8}]   pull.xml文件 <?xml version="1.0" encoding="utf-8"?> <stu>     <name>java
  • [能源与矿产]石油与地球生态系统 comsci 能源
          按照苏联的科学界的说法,石油并非是远古的生物残骸的演变产物,而是一种可以由某些特殊地质结构和物理条件生产出来的东西,也就是说,石油是可以自增长的....       那么我们做一个猜想: 石油好像是地球的体液,我们地球具有自动产生石油的某种机制,只要我们不过量开采石油,并保护好
  • 类与对象浅谈 沐刃青蛟 java基础
           类，字面理解，便是同一种事物的总称，比如人类，是对世界上所有人的一个总称。而对象，便是类的具体化，实例化，是一个具体事物，比如张飞这个人，就是人类的一个对象。但要注意的是：张飞这个人是对象，而不是张飞，张飞只是他这个人的名字，是他的属性而已。而一个类中包含了属性和方法这两兄弟，他们分别用来描述对象的行为和性质（感觉应该是
  • 新站开始被收录后，我们应该做什么？ IT独行者 PHPseo
    新站开始被收录后，我们应该做什么？         百度终于开始收录自己的网站了，作为站长，你是不是觉得那一刻很有成就感呢，同时，你是不是又很茫然，不知道下一步该做什么了？至少我当初就是这样，在这里和大家一份分享一下新站收录后，我们要做哪些工作。       至于如何让百度快速收录自己的网站，可以参考我之前的帖子《新站让百
  • oracle 连接碰到的问题 文强chu oracle
    Unable to find a java Virtual Machine－－安装64位版Oracle11gR2后无法启动SQLDeveloper的解决方案 作者：草根IT网 来源：未知 人气：813标签： 导读：安装64位版Oracle11gR2后发现启动SQLDeveloper时弹出配置java.exe的路径，找到Oracle自带java.exe后产生的路径“C:\app\用户名\prod
  • Swing中按ctrl键同时移动鼠标拖动组件（类中多借口共享同一数据） 小桔子 java继承swing接口监听
            都知道java中类只能单继承，但可以实现多个接口，但我发现实现多个接口之后，多个接口却不能共享同一个数据，应用开发中想实现：当用户按着ctrl键时，可以用鼠标点击拖动组件，比如说文本框。 编写一个监听实现KeyListener,NouseListener,MouseMotionListener三个接口，重写方法。定义一个全局变量boolea
  • linux常用的命令 aichenglong linux常用命令
    1 startx切换到图形化界面 2 man命令:查看帮助信息 man 需要查看的命令,man命令提供了大量的帮助信息,一般可以分成4个部分 name:对命令的简单说明 synopsis:命令的使用格式说明 description:命令的详细说明信息 options:命令的各项说明 3 date:显示时间 语法：date [OPTION]... [+FORMAT]
  • eclipse内存优化 AILIKES javaeclipsejvmjdk
    一 基本说明      在JVM中，总体上分2块内存区,默认空余堆内存小于 40%时，JVM就会增大堆直到-Xmx的最大限制；空余堆内存大于70%时，JVM会减少堆直到-Xms的最小限制。     1)堆内存(Heap memory):堆是运行时数据区域，所有类实例和数组的内存均从此处分配,是Java代码可及的内存，是留给开发人
  • 关键字的使用探讨 百合不是茶 关键字
    //关键字的使用探讨/*访问关键词private 只能在本类中访问public 只能在本工程中访问protected 只能在包中和子类中访问默认的 只能在包中访问*//*final   类 方法 变量 final 类 不能被继承 final 方法 不能被子类覆盖，但可以继承 final 变量 只能有一次赋值，赋值后不能改变 final 不能用来修饰构造方法*///this()
  • JS中定义对象的几种方式 bijian1013 js
        1. 基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)： <html> <head> <title>基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)</title> </head> <script> var obj = new Object();
  • 表驱动法实例 bijian1013 java表驱动法TDD
    获得月的天数是典型的直接访问驱动表方式的实例，下面我们来展示一下： MonthDaysTest.java package com.study.test; import org.junit.Assert; import org.junit.Test; import com.study.MonthDays; public class MonthDaysTest { @T
  • LInux启停重启常用服务器的脚本 bit1129 linux
    启动，停止和重启常用服务器的Bash脚本，对于每个服务器，需要根据实际的安装路径做相应的修改   #! /bin/bash Servers=(Apache2, Nginx, Resin, Tomcat, Couchbase, SVN, ActiveMQ, Mongo); Ops=(Start, Stop, Restart); currentDir=$(pwd); echo
  • 【HBase六】REST操作HBase bit1129 hbase
    HBase提供了REST风格的服务方便查看HBase集群的信息，以及执行增删改查操作   1. 启动和停止HBase REST 服务 1.1 启动REST服务 前台启动（默认端口号8080） [hadoop@hadoop bin]$ ./hbase rest start   后台启动 hbase-daemon.sh start rest   启动时指定
  • 大话zabbix 3.0设计假设 ronin47
    What’s new in Zabbix 2.0? 去年开始使用Zabbix的时候，是1.8.X的版本，今年Zabbix已经跨入了2.0的时代。看了2.0的release notes，和performance相关的有下面几个：          :: Performance improvements::Trigger related da
  • http错误码大全 byalias http协议javaweb
    响应码由三位十进制数字组成，它们出现在由HTTP服务器发送的响应的第一行。 响应码分五种类型，由它们的第一位数字表示： 1）1xx：信息，请求收到，继续处理 2）2xx：成功，行为被成功地接受、理解和采纳 3）3xx：重定向，为了完成请求，必须进一步执行的动作 4）4xx：客户端错误，请求包含语法错误或者请求无法实现 5）5xx：服务器错误，服务器不能实现一种明显无效的请求
  • J2EE设计模式-Intercepting Filter bylijinnan java设计模式数据结构
    Intercepting Filter类似于职责链模式 有两种实现 其中一种是Filter之间没有联系，全部Filter都存放在FilterChain中，由FilterChain来有序或无序地把把所有Filter调用一遍。没有用到链表这种数据结构。示例如下： package com.ljn.filter.custom; import java.util.ArrayList;
  • 修改jboss端口 chicony jboss
    修改jboss端口   %JBOSS_HOME%\server\{服务实例名}\conf\bindingservice.beans\META-INF\bindings-jboss-beans.xml   中找到 <!-- The ports-default bindings are obtained by taking the base bindin
  • c++ 用类模版实现数组类 CrazyMizzz C++
    最近c++学到数组类，写了代码将他实现，基本具有vector类的功能 #include<iostream> #include<string> #include<cassert> using namespace std; template<class T> class Array { public: //构造函数
  • hadoop dfs.datanode.du.reserved 预留空间配置方法 daizj hadoop预留空间
    对于datanode配置预留空间的方法 为：在hdfs-site.xml添加如下配置  <property>     <name>dfs.datanode.du.reserved</name>     <value>10737418240</value>    
  • mysql远程访问的设置 dcj3sjt126com mysql防火墙
    第一步: 激活网络设置 你需要编辑mysql配置文件my.cnf. 通常状况，my.cnf放置于在以下目录： /etc/mysql/my.cnf (Debian linux) /etc/my.cnf （Red Hat Linux/Fedora Linux) /var/db/mysql/my.cnf (FreeBSD) 然后用vi编辑my.cnf，修改内容从以下行： [mysqld] 你所需要: 1
  • ios 使用特定的popToViewController返回到相应的Controller dcj3sjt126com controller
    1、取navigationCtroller中的Controllers NSArray * ctrlArray = self.navigationController.viewControllers; 2、取出后，执行， [self.navigationController popToViewController:[ctrlArray objectAtIndex:0] animated:YES
  • Linux正则表达式和通配符的区别 eksliang 正则表达式通配符和正则表达式的区别通配符
    转载请出自出处：http://eksliang.iteye.com/blog/1976579 首先得明白二者是截然不同的 通配符只能用在shell命令中,用来处理字符串的的匹配。 判断一个命令是否为bash shell(linux 默认的shell)的内置命令 type -t commad 返回结果含义 file  表示为外部命令 alias  表示该
  • Ubuntu Mysql Install and CONF gengzg Install
    http://www.navicat.com.cn/download/navicat-for-mysql Step1: 下载Navicat ，网址：http://www.navicat.com/en/download/download.html Step2：进入下载目录，解压压缩包：tar -zxvf navicat11_mysql_en.tar.gz
  • 批处理，删除文件bat huqiji windowsdos
    @echo off ::演示：删除指定路径下指定天数之前（以文件名中包含的日期字符串为准）的文件。 ::如果演示结果无误，把del前面的echo去掉，即可实现真正删除。 ::本例假设文件名中包含的日期字符串（比如：bak-2009-12-25.log） rem 指定待删除文件的存放路径 set SrcDir=C:/Test/BatHome rem 指定天数 set DaysAgo=1
  • 跨浏览器兼容的HTML5视频音频播放器 天梯梦 html5
    HTML5的video和audio标签是用来在网页中加入视频和音频的标签，在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。   How to enable <video> and <audio> tags in
  • Bundle自定义数据传递 hm4123660 androidSerializable自定义数据传递BundleParcelable
          我们都知道Bundle可能过put****()方法添加各种基本类型的数据，Intent也可以通过putExtras(Bundle)将数据添加进去，然后通过startActivity()跳到下一下Activity的时候就把数据也传到下一个Activity了。如传递一个字符串到下一个Activity   把数据放到Intent
  • C＃：异步编程和线程的使用（.NET 4.5 ） powertoolsteam .net线程C#异步编程
    异步编程和线程处理是并发或并行编程非常重要的功能特征。为了实现异步编程，可使用线程也可以不用。将异步与线程同时讲，将有助于我们更好的理解它们的特征。 本文中涉及关键知识点 1. 异步编程 2. 线程的使用 3. 基于任务的异步模式 4. 并行编程 5. 总结 异步编程 什么是异步操作？异步操作是指某些操作能够独立运行，不依赖主流程或主其他处理流程。通常情况下，C＃程序
  • spark 查看 job history 日志 Stark_Summer 日志sparkhistoryjob
    SPARK_HOME/conf 下: spark-defaults.conf 增加如下内容 spark.eventLog.enabled true spark.eventLog.dir hdfs://master:8020/var/log/spark spark.eventLog.compress true spark-env.sh 增加如下内容 export SP
  • SSH框架搭建 wangxiukai2015eye springHibernatestruts
    MyEclipse搭建SSH框架 Struts Spring Hibernate 1、new一个web project。 2、右键项目，为项目添加Struts支持。    选择Struts2 Core Libraries -<MyEclipes-Library>      点击Finish。src目录下多了struts
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他