Small_Jar
Small_Jar

纯div+css实现手风琴效果下拉框的两种方法

效果图：


方法一：利用按钮的checked模拟点击事件

1）  将按钮(<inputtype="radio"name="btn" />)覆盖在伪按钮（用标签模拟的按钮）上，并且把按钮透明度（opacity）设置为0；

2）  当按钮被选中（checked）时,改变伪按钮的样式。

3）  当按钮被选中（checked）时,改变内容框的样式（height）。


html:

       <ul>

           <li>

              <inputclass="ww"type="radio"name="btn"checked/>

              <ahref="">Branda>

              <textareaclass="qq">

                                                内容1

                textarea>

           li>

           <li>

              <inputtype="radio"name="btn" />

              <ahref="">Twoa>

              <textareaclass="qq">

                                              内容2

                textarea>

           li>

           <li>

              <inputtype="radio"name="btn" />

              <ahref="">Threea>

              <textareaclass="qq">

                                                内容3

                textarea>

           li>

       ul>

 

 

CSS:

   <style>

           *{padding:0;margin:0;}

           ul{

              width:510px;

              margin:0auto;

           }

           li{

               width:510px;

               border-radius:10px;

               list-style:none;

               position:relative;

           }

           a{

               display:block;

               height:40px;

               line-height:40px;

               text-decoration:none;

               font-size:20px;

               padding:00010px;

               background-color:#CCC;

               font-weight:bold;

               border-radius:10px;

           }

           a:after{

               content:"";

               display:block;

               width:20px;

               height:40px;

               float:right;

               background:url("./img/2.png")no-repeat 0px16px; //(背景图片是小三角形，可忽略)

           }

          

           input{

               width:100%;

               height:40px;

                position:absolute;

                cursor:pointer;

           }

           input{

                opacity:0;//透明度设置为0.

            }

            input:checked +a{//按钮被选中时改变a(伪按钮)样式

                background-color:#0000FF;

                color:white;

            }

           

            input:checked +a:after{//(背景图片是小三角形，可忽略)

                background:url("./img/1.png")no-repeat 0px16px;

            }

            textarea{

                border:none;

                width:510px;

                height:0px;/*内容高度为0*/

                transition:1s;/*设置高度由0~(100px)的过度时间*/

                resize:none;

                outline:none;

            }

           

           input:checked~textarea{//按钮被选中时内容框高度变大。

                height:100px;

            }

           

       style>

====================================================================================================================

方法二：利用target模拟点击事件

1）target伪类用来改变页面中锚链接URL所指向的ID样式



Html:

    <body> 

       <divclass="box">

           <divclass="menu"id="one">

              <h2><ahref="#one">onea>h2>

              <p>

                  内容1

              p>

           div>

           <divclass="menu"id="two">

              <h2><ahref="#two">twoa>h2>

              <p>

                  内容2

              p>

           div>

           <divclass="menu"id="three">

              <h2><ahref="#three">threea>h2>

              <p>

                  内容3

              p>

           div>

       div>

    body>

 

 

 

CSS:

    <style>

           *{

              padding:0;

              margin:0;

           }

           .box{

                  width:500px;

                  margin:0auto;

           }

           .menuh2{}

           .menuh2a{

              display:inline-block;

              width:100%;

              height:40px;

              border-radius:10px;

              background:#ccc;

              text-decoration:none;

              line-height:40px;

              padding-left:10px;

              box-sizing:border-box;

              position:relative;

           }

          

           .menuh2a:after{//模拟三角形

              content:"";

              display:block;

              border:5pxsolid white;

              border-color:transparenttransparenttransparent white;

              position:absolute;

              right:10px;

               top:15px; 

           }

          

           .menup{

              height:0;

              overflow:hidden; 

              transition:1s;   

           }

          

           .menuh2a:hover,

           .menu:targeta{

              color:#fff;

              background-color:blue;

             

           }

           .menu:targeta:after{

              transform:rotate(90deg)

           }

           .menu:targetp{

              height:100px;

              overflow:auto;

             

           }

       style>

你可能感兴趣的:(demo)

  • python爬取的数据保存到表格中_利用Python爬取的数据存入Excel表格 weixin_39608063
    分析要爬取的内容的网页结构：demo.py:importrequests#requests是HTTP库importrefromopenpyxlimportworkbook#写入Excel表所用fromopenpyxlimportload_workbook#读取Excel表所用frombs4importBeautifulSoupasbs#bs:通过解析文档为用户提供需要抓取的数据importosim
  • 基于ESP-NOW协议的温室通风监控系统 神一样的老师 物联网论文阅读分享物联网
    论文标题中文标题：基于ESP-NOW协议的温室通风监控系统英文标题：SistemademonitoreodeventilacióneninvernaderoconprotocoloESP-NOW作者信息HéctorDeSosaa,*,GermánA.Xandera,LuisA.Urbania,AlejandroG.MaxitaaUniversidadNacionaldeMisiones,Facul
  • SpringCloud之网关Gateway 2401_85358655 springcloudgatewayspring
    3、过滤器（Filter）：一个标准的SpringWebFilter，SpringCloudGateway中的Filter分为两种类型：GatewayFilter和GlobalFilter。过滤器Filter可以对请求和响应进行处理2、基本搭建①、新建模块②、导入依赖4.0.0com.gatewaycode0.0.1-SNAPSHOTgatewayDemoprojectforSpringBoot8
  • Apache JMeter 快速入门【图文详情】 甘蓝聊Java 【更新中...】项目中的那些事apachejmeterjava性能测试压力测试
    文章目录ApacheJMeter简介安装ApacheJMeter入门Demo-测试HTTP接口第1步：创建线程组，模拟并发用户第2步：添加HTTPRequest采样器提供HTTP接口创建HTTPRequest采样器创建JSON断言第3步：添加Listener第4步：运行第5步：查看运行结果更多介绍参考本文目标：快速了解ApacheJMeter，并实现一个简单的HTTP接口的性能测试。官网：http
  • chattts本地化python部署及采坑记录(2024年亲测可用) Catformon python开发语言
    ChatTTS是一个文本转语音的开源项目，短短2周左右的时间，在GitHub上已经斩获了24.4k的Star！官网：https://chattts.com/zh开源地址：https://github.com/2noise/ChatTTSChatTTS模型：https://huggingface.co/2Noise/ChatTTSChatTTS在线网页Demo：https://huggingface
  • linux 内核回调,Linux 内核通知链随笔【下】 iwbunny linux内核回调
    书接上回，闲话不表。话说，女神无论是在土豪或者屌丝那里都找不到归属感，冥冥之中天上掉下来一个王子(PS:又名高富帅)，既可以满足女神的物质需求还可以满足女神的精神需求：点击(此处)折叠或打开/*GFS.c*/#include#include#include#include#include#include#include#includeMODULE_LICENSE("GPL");/**注册通知链*/
  • mybatis-plus逆向code generator pgsql实践 松树戈 工具使用mybatisspringboot
    mybatis-plus逆向codegeneratorpgsql实践环境准备重要工具的版本供参考pom依赖待逆向的SQL配置文件CodeGenerator配置类配置类说明环境准备重要工具的版本jdk1.8.0_131springboot2.7.6mybatis-plus3.5.7pgsql14.15供参考pom依赖4.0.0com.tghparent-demo0.0.1-SNAPSHOTparen
  • Vue3 + Moveable + Selecto 拖拽组件 Demo 巧克力力克巧！ 学习积累vue.jsjavascript前端
    一、项目概述本demo旨在通过Vue3、Moveable和Selecto三个库的结合，实现一个基本的拖拽组件功能。通过Selecto实现元素的选择功能，通过Moveable控制选中元素的大小和位置。同时，封装了hooks以实现元素与数据之间的绑定，使得操作更加灵活和可维护。二、技术栈Vue3：用于构建用户界面的渐进式JavaScript框架。Moveable：一个可以拖拽、缩放、旋转DOM元素的库
  • UE求职Demo开发日志#21 背包-仓库-装备栏移动物品 学游戏开发的 UE求职Demo开发日志学习c++游戏引擎unrealengine笔记
    1创建一个枚举记录来源位置UENUM(BlueprintType)enumclassEMyItemLocation:uint8{None=0,BagUMETA(DisplayName="Bag"),ArmedUMETA(DisplayName="Armed"),WareHouseUMETA(DisplayName="WareHouse"),};2创建一个BagPad和WarePad都有的UI虽然巨
  • 【Android】Audio音频输出通道切换 - 蓝牙bluetooth、外放 Mars-xq android音视频androidstudio
    参考：【Android】Audio音频输出通道切换-蓝牙、外放AndroidAudio音频输出通道切换为什么iOS或Android设备连接蓝牙设备后不能通过蓝牙设备接电话？xq_android/MyAudioTrackDemo1手机音频的输出有外放（Speaker）、听筒（TelephoneReceiver）、有线耳机（WiredHeadset）、蓝牙音箱（BluetoothA2DP）等输出设备。
  • yolov8(8.2.10)+deepsort（demo） fengsongdehappy YOLO
    只需要训练好yolov8的检测模型然后调用：results=model.track(frame,persist=True)#执行跟踪，persist=True表示持续跟踪。保持同一个人在多帧画面的id一就可以完整代码：importcv2importnumpyasnpfromultralyticsimportYOLOfromcollectionsimportdefaultdict#框的中心点的历史轨
  • MybatisPlus + SpringBoot + Vue 实现自定义联表查询，返回 HashMap＜String, Object＞ 条件，分页，模糊，total 沐沐uuu springboot后端java
    MybatisPlus+SpringBoot+Vue实现自定义联表查询，返回HashMap条件，分页，模糊，totalMybatisPlus极大的简化了单表查询的重复操作，但是在联表的时候，特别是在查询的结果集没有对应实体类的时候，就还要手写sql，手写分页和模糊，返回HashMap对象。这里我写一个Demo，以方便以后的开发中遇到这种情况。mapper.xmlSELECTa.APPLICATIO
  • 大数据java篇——复制 sp_ur 笔记java文件夹复制大数据java
    1.文件夹复制packageCopy;importjava.io.File;importjava.io.FileInputStream;importjava.io.FileNotFoundException;importjava.io.FileOutputStream;publicclassDirCopyDemo{publicstaticStringsrcRoot;publicstaticvoid
  • mysql8.0 设置远程连接 乐观主义现代人 mysqllinux服务器
    1.修改配置（这一步很多教程上没有写，这是最重要的一步）cd/etc/mysql/mysql.conf.dvimmysqld.cnf#找到#bind-address=127.0.0.1，注释掉，替换成下面的配置bind-address=0.0.0.02.重启mysql服务servicemysqlrestart创建用户，授权，刷新配置生效createuser'demo'@'%'identifiedb
  • linux命令 查看文件行号的几种方式 乐观主义现代人 Linux基础#命令行linuxbash运维
    1.vimfileName这是一种最基本的方法，打开文件看行号一次跳到最后，同样的gg是跳到开始**注意：**如果没有设置显示行号需要打开文件以后输入:setnumber;或者通过设置.vimrc，这种方式需要退出窗口重新登录生效。2.cat-nfileName[xiaodong@localhost~]$cat-ncat-demo1dsklnnsdklgh2dfbmnsldkgnd3fdsg3.w
  • 【机器学习】逻辑回归(LogisticRegression)原理与实战 GentleCP 机器学习(深度学习)逻辑回归logisticregression原理与实战机器学习
    文章目录前言一、什么是逻辑回归1.1逻辑回归基础概念1.2逻辑回归核心概念二、逻辑回归Demo2.1数据准备2.2创建逻辑回归分类器2.3分类器预测三、逻辑回归实战3.1数据准备3.2数据划分与模型创建3.3预测数据评估模型四、参数选择五、总结六、参考资料本文属于我的机器学习/深度学习系列文章，点此查看系列文章目录前言本文主要通过文字和代码样例讲述逻辑回归的原理（包含逻辑回归的基础概念与推导）和实
  • spring 学习（spring-Dl补充（注入不同类型的数据）） 等什么君！ Springspring学习java
    前言在之前的案例，列举的最多的是注入对象。本篇博客则是补充说我们不仅可以注入对象还可以注入其他的数据类型包括基本数据类型，引用数据类型。注入基本数据类型常见的基本数据类型有：shortcharintlongfloatdoublebooleanString解决步骤1在配置文件中使用property标签表示每一个成员变量信息2在目标类中使用set方法demo案例User类使用Dl注入基本数据类型spr
  • Jackson 注解 -- 输出 JSON 字段 shangboerds Jackson
    –Start点击此处观看本系列配套视频。如果一个对象中某个字段中的值是JSON，输出整个对象会有问题，这时我们可以使用注解@JsonRawValuepackageshangbo.jackson.demo13;importorg.apache.commons.lang3.builder.ToStringBuilder;importcom.fasterxml.jackson.annotation.Js
  • Golang 基础库之Time包 家了叭叭 Golang1024程序员节
    Timegoversion:go1.17.2提供了获取系统时间、时间计算、比较、等一系列操作go语言的诞生时间：2006年1月2号15点04分1.当前时间获取functimeDemo(){now:=time.Now()//当前时间fmt.Println("now:",now)year:=now.Year()month:=now.Month()day:=now.Day()hour:=now.Hour
  • webdriverio入门
    搭建一个webdriverio进行自动化测试步骤创建目录mkdriwebdriverdemo&&cdwebdriverdemo初始化npminit-y安装wdio/clinpmi--save-dev@wdio/cli修改package.json,添加配置脚本"config":"wdioconfig-y"执行配置脚本npmrunconfig下载chromedriver,与你浏览器版本需对应(比如我是
  • 反应式编程 之 Mono.defer与Mono.just 〆、风神 SpringWebFluxjava
    Mono.defer方法创建数据源属于懒汉型，Mono.just方法创建数据源属于恶汉型，下面看一个例子：packagecom.example.demo;importorg.junit.jupiter.api.Test;importorg.springframework.boot.test.context.SpringBootTest;importreactor.core.publisher.Mo
  • oracle 误删恢复教程 高级盘丝洞 oracle数据库
    --查看执行sql时间SELECTsql_text,last_load_timeFROMv$sqlWHERElast_load_timeISNOTNULLandsql_textlike'select%'ORDERBYlast_load_timeDESC;--查看时间前数据select*fromDEMOasoftimestampto_timestamp('2022-04-0216:26:11','y
  • FastJson系列化使用toJSONString时null值问题 bingbingYang_88 java开发语言
    FastJson系列化使用toJSONString时null值问题问题描述问题分析解决方法：问题描述在使用fastjson调用JSON.toJSONString(JSON.parseObject(demo),features);fastJson包版本com.alibabafastjson2.0.53方法将一个String转换成一个对象时，如果对象obj的属性字段有值为null时，该字段会被系列化成
  • java json-rpc_JSON-RPC（jsonrpc4j）使用demo 马晓波 javajson-rpc
    服务端开发，在很多情况下，需要使用到RPC框架，今天发现一款很轻量的RPC框架——JSON-RPC。jsonrpc是一种以json为消息格式的远程调用服务，它是一套允许运行在不同操作系统、不同环境的程序实现基于Internet过程调用的规范和一系列的实现。这种远程过程调用可以使用http作为传输协议，也可以使用其它传输协议，传输的内容是json消息体。jsonrpc和xmlrpc相比具有很多优点。
  • RV1126解码（1） 学习嵌入式的小羊~ rv1126解码音视频ffmpeg
    比如我们现在要拉一个流，拉一个rtmp或者拉一个rtsp的流，让它显示到显示屏上面去，此时就要用到我们这个解码模块了，把它个解出来并且发到其他模块去。主要功能是通过FFMPEG的API读取每一帧的音视频数据，并通过RV1126的解码，对每一帧的压缩数据进行解码操作，并最终把解码的数据打印出来。这里要注意的是，在本DEMO中我们重点讲解RV1126的视频解码，音频解码不会做过多的说，因为要涉及到音视
  • AntDesignBlazor示例——创建项目 antdblazor
    本示例是AntDesignBlazor的入门示例，在学习的同时分享出来，以供新手参考。示例代码仓库：https://gitee.com/known/BlazorDemo1.开发环境VS202217.8.2.NET8AntDesign0.16.22.学习目标创建新项目安装AntDesign组件包及使用方法添加按钮测试组件3.演练步骤打开VS2022，新建BlazorWebApp，命名AntDesig
  • node.js + html调用ChatGPTApi实现Ai网站demo(带源码) 不想秃头i 教程笔记vue.jshtmlnode.js人工智能前端vscodejavascript
    文章目录前言一、demo演示二、node.js使用步骤1.引入库2.引入包前端HTML调用接口和UI所有文件总结前言关注博主，学习每天一个小demo今天是Ai对话网站又到了每天一个小demo的时候咯，前面我写了多人实时对话demo、和视频转换demo，今天我来使用node.js+html调用chatGptApi实现一个Ai流式对话小demo,当然现在主流的各种APi调用方式一致，你也可以接入dee
  • x86汇编基础（AT&T语法） HugoVus Windows
    以下面这段简单的汇编代码为例.section.data.section.text.globl_start_start:movl$1,%eaxmovl$4,%ebxint$0x80(注意是globl不是global；movl(MOVL)不是mov1(MOV一))将这段程序保存为demo.s，然后用汇编器as把汇编程序中的助记符翻译成机器指令（汇编指令与机器指令是对应的）生成目标文件demo.o。然后
  • 火语言RPA--HTML标签过滤删除 oh,huoyuyan rpa
    【组件功能】：过滤删除处理内容中指定的HTML标签配置预览配置说明源HTML文本支持T或#默认FLOW输入项处理的对象，若为空，以上一个组件的输出做为源HTML文本，支持文本或表达式输入。删除标签按照列表中勾选的删除标签对源HTML文本内容中的html标签进行过滤删除操作。示例标签过滤描述获取网址https://www.huoyuyan.com/help/demo-pages/browsers/i
  • Feign Mr_蜗牛 SpringCloud
    在上个例子中，我通过1、启动eureka2、注册服务3、调用服务做了一个简单的demo，但是在最后面，我是通过这样一段代码来调用服务的提供者的@GetMapping("/movie/{id}")publicUserfindById(@PathVariableLongid){//http://localhost:7900/simple///VIPvirtualIP//HAProxyHeartbeat
  • jvm调优总结（从基本概念 到 深度优化） oloz javajvmjdk虚拟机应用服务器
    JVM参数详解：http://www.cnblogs.com/redcreen/archive/2011/05/04/2037057.html   Java虚拟机中，数据类型可以分为两类：基本类型和引用类型。基本类型的变量保存原始值，即：他代表的值就是数值本身；而引用类型的变量保存引用值。“引用值”代表了某个对象的引用，而不是对象本身，对象本身存放在这个引用值所表示的地址的位置。
  • 【Scala十六】Scala核心十：柯里化函数 bit1129 scala
    本篇文章重点说明什么是函数柯里化，这个语法现象的背后动机是什么，有什么样的应用场景，以及与部分应用函数(Partial Applied Function)之间的联系   1. 什么是柯里化函数 A way to write functions with multiple parameter lists. For instance def f(x: Int)(y: Int) is a
  • HashMap dalan_123 java
    HashMap在java中对很多人来说都是熟的；基于hash表的map接口的非同步实现。允许使用null和null键；同时不能保证元素的顺序；也就是从来都不保证其中的元素的顺序恒久不变。 1、数据结构     在java中，最基本的数据结构无外乎：数组 和 引用（指针），所有的数据结构都可以用这两个来构造，HashMap也不例外，归根到底HashMap就是一个链表散列的数据
  • Java Swing如何实时刷新JTextArea，以显示刚才加append的内容 周凡杨 java更新swingJTextArea
    在代码中执行完textArea.append("message")后，如果你想让这个更新立刻显示在界面上而不是等swing的主线程返回后刷新，我们一般会在该语句后调用textArea.invalidate()和textArea.repaint()。 问题是这个方法并不能有任何效果，textArea的内容没有任何变化，这或许是swing的一个bug，有一个笨拙的办法可以实现
  • servlet或struts的Action处理ajax请求 g21121 servlet
    其实处理ajax的请求非常简单，直接看代码就行了： //如果用的是struts //HttpServletResponse response = ServletActionContext.getResponse(); // 设置输出为文字流 response.setContentType("text/plain"); // 设置字符集 res
  • FineReport的公式编辑框的语法简介 老A不折腾 finereport公式总结
    FINEREPORT用到公式的地方非常多，单元格（以=开头的便被解析为公式），条件显示，数据字典，报表填报属性值定义，图表标题，轴定义，页眉页脚，甚至单元格的其他属性中的鼠标悬浮提示内容都可以写公式。 简单的说下自己感觉的公式要注意的几个地方：   1.if语句语法刚接触感觉比较奇怪，if(条件式子,值1,值2)，if可以嵌套，if(条件式子1，值1，if(条件式子2，值2，值3)
  • linux mysql 数据库乱码的解决办法 墙头上一根草 linuxmysql数据库乱码
    linux 上mysql数据库区分大小写的配置 lower_case_table_names=1 1-不区分大小写 0-区分大小写   修改/etc/my.cnf 具体的修改内容如下:   [client] default-character-set=utf8   [mysqld] datadir=/var/lib/mysql socket=/va
  • 我的spring学习笔记6-ApplicationContext实例化的参数兼容思想 aijuans Spring 3
    ApplicationContext能读取多个Bean定义文件，方法是： ApplicationContext appContext = new ClassPathXmlApplicationContext（ new String[]｛“bean-config1.xml”，“bean-config2.xml”，“bean-config3.xml”，“bean-config4.xml
  • mysql 基准测试之sysbench annan211 基准测试mysql基准测试MySQL测试sysbench
    1 执行如下命令，安装sysbench-0.5： tar xzvf sysbench-0.5.tar.gz  cd sysbench-0.5  chmod +x autogen.sh  ./autogen.sh  ./configure --with-mysql --with-mysql-includes=/usr/local/mysql
  • sql的复杂查询使用案列与技巧 百合不是茶 oraclesql函数数据分页合并查询
      本片博客使用的数据库表是oracle中的scott用户表;          -------------------  自然连接查询           查询 smith 的上司(两种方法) &
  • 深入学习Thread类 bijian1013 javathread多线程java多线程
    一．             线程的名字 下面来看一下Thread类的name属性，它的类型是String。它其实就是线程的名字。在Thread类中，有String getName()和void setName(String)两个方法用来设置和获取这个属性的值。 同时，Thr
  • JSON串转换成Map以及如何转换到对应的数据类型 bijian1013 javafastjsonnet.sf.json
            在实际开发中，难免会碰到JSON串转换成Map的情况，下面来看看这方面的实例。另外，由于fastjson只支持JDK1.5及以上版本，因此在JDK1.4的项目中可以采用net.sf.json来处理。 一.fastjson实例 JsonUtil.java package com.study; impor
  • 【RPC框架HttpInvoker一】HttpInvoker：Spring自带RPC框架 bit1129 spring
    HttpInvoker是Spring原生的RPC调用框架，HttpInvoker同Burlap和Hessian一样，提供了一致的服务Exporter以及客户端的服务代理工厂Bean，这篇文章主要是复制粘贴了Hessian与Spring集成一文，【RPC框架Hessian四】Hessian与Spring集成   在 【RPC框架Hessian二】Hessian 对象序列化和反序列化一文中
  • 【Mahout二】基于Mahout CBayes算法的20newsgroup的脚本分析 bit1129 Mahout
    #!/bin/bash # # Licensed to the Apache Software Foundation (ASF) under one or more # contributor license agreements. See the NOTICE file distributed with # this work for additional information re
  • nginx三种获取用户真实ip的方法 ronin47
    随着nginx的迅速崛起，越来越多公司将apache更换成nginx. 同时也越来越多人使用nginx作为负载均衡, 并且代理前面可能还加上了CDN加速，但是随之也遇到一个问题：nginx如何获取用户的真实IP地址,如果后端是apache,请跳转到<apache获取用户真实IP地址>，如果是后端真实服务器是nginx，那么继续往下看。 实例环境： 用户IP 120.22.11.11
  • java-判断二叉树是不是平衡 bylijinnan java
    参考了 http://zhedahht.blog.163.com/blog/static/25411174201142733927831/ 但是用java来实现有一个问题。 由于Java无法像C那样“传递参数的地址，函数返回时能得到参数的值”，唯有新建一个辅助类：AuxClass import ljn.help.*; public class BalancedBTree {
  • BeanUtils.copyProperties VS PropertyUtils.copyProperties 诸葛不亮 PropertyUtilsBeanUtils
     BeanUtils.copyProperties VS  PropertyUtils.copyProperties  作为两个bean属性copy的工具类，他们被广泛使用，同时也很容易误用，给人造成困然；比如：昨天发现同事在使用BeanUtils.copyProperties copy有integer类型属性的bean时，没有考虑到会将null转换为0，而后面的业
  • [金融与信息安全]最简单的数据结构最安全 comsci 数据结构
          现在最流行的数据库的数据存储文件都具有复杂的文件头格式，用操作系统的记事本软件是无法正常浏览的，这样的情况会有什么问题呢？        从信息安全的角度来看，如果我们数据库系统仅仅把这种格式的数据文件做异地备份，如果相同版本的所有数据库管理系统都同时被攻击，那么
  • vi区段删除 Cwind linuxvi区段删除
    区段删除是编辑和分析一些冗长的配置文件或日志文件时比较常用的操作。简记下vi区段删除要点备忘。   vi概述    引文中并未将末行模式单独列为一种模式。单不单列并不重要，能区分命令模式与末行模式即可。   vi区段删除步骤： 1. 在末行模式下使用:set nu显示行号 非必须，随光标移动vi右下角也会显示行号，能够正确找到并记录删除开始行
  • 清除tomcat缓存的方法总结 dashuaifu tomcat缓存
    用tomcat容器，大家可能会发现这样的问题，修改jsp文件后，但用IE打开 依然是以前的Jsp的页面。 出现这种现象的原因主要是tomcat缓存的原因。 解决办法如下: 在jsp文件头加上 <meta http-equiv="Expires" content="0"> <meta http-equiv="kiben&qu
  • 不要盲目的在项目中使用LESS CSS dcj3sjt126com Webless
    　如果你还不知道LESS CSS是什么东西，可以看一下这篇文章，是我一朋友写给新人看的《CSS——LESS》 　　不可否认，LESS CSS是个强大的工具，它弥补了css没有变量、无法运算等一些“先天缺陷”，但它似乎给我一种错觉，就是为了功能而实现功能。 　　比如它的引用功能 ? .rounded_corners{     
  • [入门]更上一层楼 dcj3sjt126com PHPyii2
    更上一层楼 通篇阅读完整个“入门”部分，你就完成了一个完整 Yii 应用的创建。在此过程中你学到了如何实现一些常用功能，例如通过 HTML 表单从用户那获取数据，从数据库中获取数据并以分页形式显示。你还学到了如何通过 Gii 去自动生成代码。使用 Gii 生成代码把 Web 开发中多数繁杂的过程转化为仅仅填写几个表单就行。 本章将介绍一些有助于更好使用 Yii 的资源：
  • Apache HttpClient使用详解 eksliang httpclienthttp协议
    Http协议的重要性相信不用我多说了，HttpClient相比传统JDK自带的URLConnection，增加了易用性和灵活性（具体区别，日后我们再讨论），它不仅是客户端发送Http请求变得容易，而且也方便了开发人员测试接口（基于Http协议的），即提高了开发的效率，也方便提高代码的健壮性。因此熟练掌握HttpClient是很重要的必修内容，掌握HttpClient后，相信对于Http协议的了解会
  • zxing二维码扫描功能 gundumw100 androidzxing
    经常要用到二维码扫描功能 现给出示例代码 import com.google.zxing.WriterException; import com.zxing.activity.CaptureActivity; import com.zxing.encoding.EncodingHandler; import android.app.Activity; import an
  • 纯HTML+CSS带说明的黄色导航菜单 ini htmlWebhtml5csshovertree
    HoverTree带说明的CSS菜单:纯HTML+CSS结构链接带说明的黄色导航   在线体验效果：http://hovertree.com/texiao/css/1.htm代码如下,保存到HTML文件可以看到效果：   <!DOCTYPE html > <html > <head> <title>HoverTree
  • fastjson初始化对性能的影响 kane_xie fastjson序列化
    之前在项目中序列化是用thrift，性能一般，而且需要用编译器生成新的类，在序列化和反序列化的时候感觉很繁琐，因此想转到json阵营。对比了jackson，gson等框架之后，决定用fastjson，为什么呢，因为看名字感觉很快。。。   网上的说法：   fastjson 是一个性能很好的 Java 语言实现的 JSON 解析器和生成器，来自阿里巴巴的工程师开发。
  • 基于Mybatis封装的增删改查实现通用自动化sql mengqingyu DAO
    1.基于map或javaBean的增删改查可实现不写dao接口和实现类以及xml，有效的提高开发速度。 2.支持自定义注解包括主键生成、列重复验证、列名、表名等 3.支持批量插入、批量更新、批量删除 <bean id="dynamicSqlSessionTemplate" class="com.mqy.mybatis.support.Dynamic
  • js控制input输入框的方法封装(数字，中文，字母，浮点数等) qifeifei javascript js
    在项目开发的时候，经常有一些输入框，控制输入的格式，而不是等输入好了再去检查格式，格式错了就报错，体验不好。 /** 数字，中文，字母,浮点数(+/-/.) 类型输入限制，只要在input标签上加上 jInput="number,chinese,alphabet,floating" 备注：floating属性只能单独用*/     funct
  • java 计时器应用 tangqi609567707 javatimer
    mport java.util.TimerTask;   import java.util.Calendar;   public class MyTask extends TimerTask {        private static final int
  • erlang输出调用栈信息 wudixiaotie erlang
    在erlang otp的开发中，如果调用第三方的应用，会有有些错误会不打印栈信息，因为有可能第三方应用会catch然后输出自己的错误信息，所以对排查bug有很大的阻碍，这样就要求我们自己打印调用的栈信息。用这个函数：erlang:process_display (self (), backtrace).需要注意这个函数只会输出到标准错误输出。 也可以用这个函数：erlang:get_s
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他