长安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基础)

  • 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
  • 【大咖力荐 新手必备】软件开发入门，这300篇文章就够了！ 高校俱乐部 软件开发新手必备数据编码IP
    小编在这里根据知识图谱整理了CSDN站内的优质文章300篇，帮助见习工程提升技术能力、实现系统化学习！基础IT技术文章300篇大合集包含：【信息/编码】进制转换25篇、数据编码25篇；【IP/组网】网关与网段25篇、IP协议26篇、主机与DNS23篇、访问控制37篇；【程序逻辑】JavaScript29篇、常用算法37篇；【Web基础】HTML31篇、CSS32篇、DOM与BOM23篇扫码添加小助
  • Javaweb基础笔记1-SQL基础语句 尘开的笔记 JavaWebsql数据库mysql
    SQL简介英文：StructuredQueryLanguage，简称SQL结构化查询语言，一门操作关系型数据库的编程语言定义操作所有关系型数据库的统一标准对于同一个需求，每一种数据库操作的方式可能会存在一些不一样的地方，我们称为“方言”SQL通用语法SQL语句可以单行或多行书写，以分号结尾。MySQL数据库的SQL语句不区分大小写，关键字建议使用大写。注释单行注释:–注释内容或#注释内容(MySQ
  • java安全入门【持续更新】 ththaiai 安全性测试web安全javajava-ee
    java安全入门概述发现一个总体学习路线：JavaWeb基础–EastJun’sBlog发现一个入门网站：https://how2j.cn/?p=50613了解了javaEEJavaEE，Java平台企业版（JavaPlatformEnterpriseEdition），之前称为Java2Platform,EnterpriseEdition(J2EE)，2018年3月更名为JakartaEE(这个名
  • Web基础与http协议 wys_jj 前端http网络协议
    目录1、HTML1.1.HTML概述1.2.HTML基本标签（1）HTML语法规则（2）HTML文件结构头标签中常用标签：内容标签中常用标签:2.HTTP2.1.HTTP请求访问的完整过程2.1.1.建立连接：2.1.2.接收请求：2.1.3.处理请求：2.1.4.访问资源：2.1.5.构建响应报文：2.1.6.发送响应报文：2.1.7.记录日志：2.2.URI(i)和URLuri2.3.网站访问
  • Web 基础——Apache 愿许浪尽天涯 WebWeb基础——Apache运维linuxApache三种工作模式Apache优化
    Web基础——Apache一、Web简介1.域名2.域名解析3.Web基础概念4.HTTP协议分析1）HTTP请求报文和响应报文5.HTTP状态码6.Apache特点1）三种工作模式PreforkWorkerEvent二、部署Apache网站服务1.编译安装Apache2.安装后优化调整3.使用浏览器访问验证4.配置多个网页5.调整工作模式1）查看工作模式2）Prefork工作模式3）Worker
  • web基础及http协议 （二） apache 白开水~不加糖 前端http网络协议
    一、httpd安装组成http服务基于C/S结构1.常见http服务器程序httpdapache，存在C10K（10Kconnections）问题nginx解决C10K问题lighttpdIIS.asp应用程序服务器tomcat.jsp应用程序服务器jetty开源的servlet容器，基于Java的web容器ResinCAUCHO公司，支持servlets和jsp的引擎webshpere：IBM公
  • Web基础01-HTML+CSS 辉图 笔记webhtml
    目录一、HTML1.概述2.html结构解析3.HTML标签分类4.HTML标签关系5.HTML空元素6.HTML属性7.常用标签（1）HTML标签（2）标题标签（3）换/折行标签（4）段落标签（5）格式化标签（6）上/下标文本标签（7）文本加粗（8）图片（9）超文本链接（10）无序列表（11）有序列表（12）自定义列表（13）文本输入/输入框（14）表单（15）水平线（16）下拉列表（17）文本
  • Javaweb基础-tomcat，servlet tmy99 javaservlet开发语言
    一.配置文件基础：properties配置文件：由键值对组成键和值之间的符号是等号每一行都必须顶格写，前面不能有空格之类的其他符号xml配置文件：（xml语法=HTML语法+HTML约束）xml约束-DTD/SchemaDOM4J进行XML解析：（jar包dom4j.jar）1.创建SAXReader对象SAXReadersaxReader=newSAXReader();2.解析XML获取Docu
  • JavaScript系列（一）：浏览器及内核介绍 锦都不二 JavaScript经验分享javascript前端htmljs浏览器内核
    小编热衷于收集整理资源，记录踩坑到爬坑的过程。希望能把自己所学，实际工作中使用的技术、学习方法、心得及踩过的一些坑，记录下来。也希望想做软件测试的你一样，通过我的分享可以少走一些弯路，可以形成一套自己的方法，并应用到实际中。目录前言一、Web基础知识1.浏览器及内核介绍2.网页VS网站二、JavaScript介绍1.简介2.组成3.作用4.编写工具结语前言JavaScript作为最流行的脚本语言之
  • Java Web基础面试题 执着的逗比
    1、jsp和servlet有什么区别？Servlet：1）一种服务器端的Java应用程序2）由Web容器加载和管理3）用于生成动态Web内容4）负责处理客户端请求Jsp：1）是Servlet的扩展，本质上还是Servlet2）每个Jsp页面就是一个Servlet实例3）Jsp页面会被Web容器编译成Servlet，Servlet再负责响应用户请求区别1）Servlet适合动态输出Web数据和业务逻
  • web基础学习（十四）CSS3多列布局 June.1 web基础web前端CSS3多列布局
    多列（Multi-column）是一个CSS3新增布局模块，官方称为Multiplecolumnlayout，可以比较轻松的实现多列布局。column-widthcolumn-width：|auto设置列的宽度column-countcolumn-count：设置列的个数columnscolumns：[column-width]||[column-count]复合属性，设置列的宽度和个数colum
  • web基础阶段的小兔鲜儿项目学习 况几 web前端前端学习css
    小兔鲜儿1.所用素材2.项目文件介绍3.index页面的基本骨架4.思路：先写外面大盒子和版心，由外往内写5.源码：6.代码的一些命名1.所用素材素材链接，点我跳转：https://download.csdn.net/download/angrynouse/872281512.项目文件介绍favicon.ico图标直接放在项目根目录下images文件夹：项目中固定的图片，即logo样式修饰图片up
  • HTML基础 蘑菇plus
    HTML基础web基础web标准结构标准:HTML--决定网页上有什么东西(能够显示什么内容)表现标准:css--决定网页上内容的布局和显示方式行为标准:JavaScript(js)--决定网页上的动态的效果2.认识HTML超文本标记语言(可以用来标记文本，图片，视频，音频，flash，按钮，输入框等网页内容)HTML不是编程语言，不会编译执行，语法错误也不会报错导致程序不能往后运行。3.HTML
  • web基础知识--简易web服务器的搭建 Les baleines tombent #python#web前端python机器学习c语言
    文章目录socket不同电脑上的进程之间如何通信什么是socket？创建socketudp网络程序-发送、接收数据什么是udp？udp网络程序-发送数据udp网络程序-发送、接收数据python3编码转换udp网络程序-端口问题TCP传输控制协议特点Web静态服务器socket不同电脑上的进程之间如何通信如何唯一标识一个进程?在1台电脑上可以通过进程**进程号（PID）**来唯一标识一个进程。在T
  • javaweb基础 程序猿1
    Servlet总结(说出大概意思)在JavaWeb程序中，Servlet主要负责接收用户请求HttpServletRequest,在doGet(),doPost()中做相应的处理，并将回应HttpServletResponse反馈给用户。Servlet可以设置初始化参数，供Servlet内部使用。一个Servlet类只会有一个实例，在它初始化时调用init()方法，销毁时调用destroy()方法
  • XML与WEB基础-08 小山居
    XML/web/servlet一XML1.标记语言标记语言，是一种将文本（Text）以及文本相关的其他信息结合起来，展现出关于文档结构和数据处理细节的电脑文字编码。当今广泛使用的标记语言是超文本标记语言（HyperTextMarkupLanguage，HTML）和可扩展标记语言(ExtensibleMarkupLanguageXML)。标记语言广泛应用于网页和网络应用程序。1）、超文本标记语言HT
  • 做Web自动化前，你必须掌握的几个技能 码同学软件测试
    每天进步一点点，关注我们哦，每天分享测试技术文章本文章出自【码同学软件测试】码同学公众号：自动化软件测试码同学抖音号：小码哥聊软件测试学习web自动化的前提条件：手工测试（了解各种测试的知识）、学习编程语言、学习Web基础、学习自动化测试工具、学习自动化测试框架、需要掌握前端的一些知识，无论学习语言还是前端知识，都是为了接下来的脚本和框架做铺垫，本篇文章介绍下前端基础知识网页基础（HTML、CSS
  • Web基础与http协议 YUEAwb 前端http网络协议linux服务器运维网络
    1.HTML介绍HTML叫做超文本标记语言，是一种规范，也是一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容。HTML文件可以使用任何能够生成txt文件的文本编辑器来编辑，生成超文本标记语言文件，只用修改文件名后缀为“.html”或“.htm”即可。1.1http相关概念互联网：是网络的网络，是所有类型
  • Javaweb基础-HTML，CSS，JS tmy99 前端学习html5javascriptcss正则表达式
    一.HTMLHTML主要用于网页主体结构搭建；由一系列标签组成；基础结构：文档声明：根标签：其它标签放在里面头部元素：其它头部元素放入其中eg：meta标签指定字符集主体元素：浏览器显示的内容定义在里面注释：语法规则：根标签是有且只能有一个；无论是双标签还是单标签都需要正确关闭;标签可以嵌套但不能交叉嵌套;注释语法为，注意不能嵌套;属性必须有值，值必须加引号，H5中属性名和值相同时可以省略属性值;
  • Servlet（java web基础篇） 5-StarrySky JAVAWEB基础知识servletjava前端
    Servlet（javaweb基础篇）Servlet是Java提供的一门动态web资源开发技术,不同的用户访问看到的效果不一样。Servlet是lavaEE规范之一，其实就是一个接口，将来我们需要定义Servlet类实现Servlet:接口，并由web服务器运行Servlet。快速入门创建web项目，导入Servlet依赖坐标javax.servletjavax.servlet-api3.1.0p
  • Camille-学习笔记-web基础知识 sinat_26916241 学习笔记前端
    web基础1.系统架构B/S:Browser/Server网站界面层（UI）业务逻辑层（业务）数据访问层（数据库）静态网页：和服务器没有数据交互动态网页：网页数据可以和服务器进行数据交互URL统一资源定位符URL格式：schema://host[:port]path[query#frament]https://www.baidu.com/s？wd=霍格沃茨测试学院&rsv_spt=1&rsv_iq
  • JavaWeb基础01-基本技术体系介绍和相关工具的安装 辉图 笔记java笔记
    一、JavaWeb1.概述Web：全球广域网，也称为万维网(www)，能够通过浏览器访问的网站JavaWeb：是用Java技术来解决相关web互联网领域的技术栈2.组成（1）网页：展示数据（前端技术）HTML+CSSJavaScriptAjax，Vue，ElementUI…（前端框架）（2）数据：存储/管理数据（后端技术）MySQLJDBCMyBatis…（3）JavaWeb程序：逻辑处理（后端技
  • 【Web——快速入门第一天】 韩小兔修媛史 Webweb
    Web快速入门web基础知识：C/S、B/S与RIA资源分类：网络通信三要素web服务器软件：Web站点、Web应用、HTTP服务器、Web应用服务器:开发Web应用的核心技术:Tomcat介绍及安装：Servlet的概念及功能第一个web项目：1、创建JavaEE项目：2、定义一个类、实现Servlet接口3、实现接口中的抽象方法(5个)4、配置Servlet执行原理：5、Servlet3.06
  • Python基础学完了再学什么？ Python文泽老师 pythonpythonvirtualenvpycharmgithubeclipse
    Python基础学完了再学什么？基础阶段学完Python基础语法、python容器、函数和文件操作、面向对象、python编程和web基础、Linux操作系统多任务编程、Python网络编程、静态web服务器、HTML、CSS、JavaScript、数据库[MySQL]、正则表达式、Python进阶、mini-web框架后，需要在进行实操积累项目实战经验。python学万基础阶段接下来就是项目学习
  • java web猜数字游戏_JavaWeb基础入门小案例：猜数字小游戏 UEGOOD学院校长 javaweb猜数字游戏
    项目预览实现代码①/ybq/WebContent/guess/input.jspbody{position:absolute;}input{border:1pxsolid#000;margin:auto;}Stringmessage=(String)session.getAttribute("message");if(message!=null)out.println(message);if(se
  • Java Web基础 柠檬木有枝qwq WebJava
    1JavaWeb目录结构目录描述/test1_war_explodedWeb应用根目录，存储jsp或html文件/test1_war_exploded/WEB-INF存放配置文件，不能直接访问/test1_war_exploded/WEB-INF/classes存放编译后的class文件/test1_war_exploded/WEB-INF/lib存放所需jar文件，如JDBC驱动的jar文件we
  • JavaWeb基础入门——MySQL数据库安装配置教程 Natural_Pride JavaWeb基础入门数据库mysqladb
    一、MySQL数据库环境配置MySQL下载、安装、配置、卸载，安装DBMS、使用DBMSMySQL版本及下载版本MySQL是Oracle公司提供的免费的关系型数据库，官网https://www.mysql.com/MySQL目前的最新版本为8.0.X，在企业项目中主流版本：5.0—5.5—5.6—5.7—8.0.X5.x—常用版本为5.6或者5.78.x—常用版本为8.0.xMySQL8.x新特性
  • 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其他