[t]手风琴效果

要点：
计算非当前元素的宽度，然后用总宽度减去，即时得到当前的宽度
设置计时器的领结点

html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>手风琴效果</title>

<style type="text/css">

    * { padding: 0; margin: 0; }

    li { list-style: none; }

    body { background: #f6f9fc; }

    

    div { width: 660px; height: 254px; border: 1px solid #ccc; margin: 50px auto 0; overflow:hidden; }

    ul { width: 3300px; height: 254px; }

    ul li { width: 22px; height: 254px; float: left; position: relative; overflow:hidden; }

    .active { width: 550px; }

    ul span { width: 21px; height: 244px; padding-top: 10px; border-right: 1px solid #fff; position: absolute; top: 0; right: 0; color: #fff; font-size: 12px; text-align: center; cursor: pointer; }

    ul img { width: 550px; height: 254px; }

    .bg0 { background: #00FFCC; }

    .bg1 { background: #636363; }

    .bg2 { background: #3d7fbb; }

    .bg3 { background: #5ca716; }

    .bg4 { background: #f28b24; }

    .bg5 { background: #7c0070; }    

</style>

<script src="dome.js"></script>

</head>



<body>



<div id="show1">

    <ul>

        <li class="active">

            <span class="bg0">这是第一个</span>

            <img src="images/1.jpg" />

        </li>

        <li>

            <span class="bg1">这是第二个</span>

            <img src="images/2.jpg" />

        </li>

        <li>

            <span class="bg2">这是第三个</span>

            <img src="images/3.jpg" />

        </li>

        <li>

            <span class="bg3">这是第四个</span>

            <img src="images/4.jpg" />

        </li>

        <li>

            <span class="bg4">这是第五个</span>

            <img src="images/5.jpg" />

        </li>

        <li>

            <span class="bg5">这是第六个</span>

            <img src="images/6.jpg" />

        </li>

    </ul>

</div>



</body>

</html>

dome.js

window.onload=function ()

{

    createAccordion('show1');

};



function createAccordion(id){

    var oDiv = document.getElementById(id);

    var aLi = oDiv.getElementsByTagName('li');

    var aSpan = oDiv.getElementsByTagName('span');

    

    var iMinWidth = 9999;

    var i=0;

    

    oDiv.timer = null;

    

    for(i=0; i<aLi.length; i++){

        aSpan[i].index = i;

        aSpan[i].onmouseover = function(){

            gotoImg(oDiv, this.index, iMinWidth);

        }

        iMinWidth = Math.min(iMinWidth, aLi[i].offsetWidth);

    }

}



function gotoImg(oDiv, iIndex, iMinWidth){

    oDiv.timer ? clearInterval(oDiv.timer) : '';

    oDiv.timer = setInterval(function(){

        changeWidthInner(oDiv, iIndex, iMinWidth);

    }, 30);

}



function changeWidthInner(oDiv, iIndex, iMinWidth){

    var aLi = oDiv.getElementsByTagName('li');

    var aSpan = oDiv.getElementsByTagName('span');

    var iWidth=oDiv.offsetWidth;

    var bEnd = true;

    var w=0;

    var i=0;

    

    for(i=0; i<aLi.length; i++){

        if(i==iIndex){

            continue;

        }

        if(aLi[i].offsetWidth == iMinWidth){

            iWidth -= iMinWidth;

            continue;

        }

        

        bEnd = false;

        

        var speed = Math.ceil((aLi[i].offsetWidth - iMinWidth)/5);

        w = aLi[i].offsetWidth - speed;

        if(w <= iMinWidth){

            w = iMinWidth;

        }

        aLi[i].style.width = w + 'px';

        

        iWidth -= w;

    }

    

    aLi[iIndex].style.width = iWidth + 'px';

    

    bEnd ? clearInterval(oDiv.timer) : '';

}

你可能感兴趣的:(效果)

  • 动感阴影生成器，一键生成立体效果，提升设计质感 不惑_ VibeCodingmicrosoft
    ️阴影效果不仅能提升页面的层次感，还能有效增强用户界面的交互感和立体感。尤其是在按钮、卡片和其他交互元素上，恰当的阴影效果能够让设计更具活力和动感，从而提升用户的视觉体验。传统的阴影生成器通常是静态的，用户需要手动输入阴影的各种属性（如模糊度、偏移量、透明度等），但这并不直观。为了简化这一过程，并让设计师能够更高效地生成阴影效果，我们开发了动感阴影生成器。该工具允许用户通过拖动交互生成不同的box
  • svg全链路流程轨迹 一块小砖头儿 javascript开发语言
    直接上效果exportdefault{props:{},data(){return{svgData:["0,200200,200300,300400,300400,200500,200"],};},computed:{},mounted(){},methods:{},};.circle-load-rect-svg{width:800px;}.g-rect-path{fill:none;stroke
  • 数字营销中衡量广告效果的核心指标 走过冬季 学习笔记数据仓库数据分析
    数字营销中衡量广告效果的核心指标可按目标层级分为以下几类，结合最新行业趋势与标准整理如下：一、曝光与互动指标CTR（点击率）定义：广告被点击次数占展示次数的比例，反映广告吸引力。公式：CTR=点击次数÷展示次数×100%应用：CTR＜1%需优化文案或受众定位；社媒广告CTR高于搜索广告。VTR（视频观看完成率）定义：用户完整观看视频广告的比例，评估内容质量。公式：VTR=完整观看次数÷展示次数×1
  • 液晶手写板亮点缺陷修复及相关液晶线路激光修复 syncon12 科技制造3d
    引言液晶手写板作为新型电子书写设备，在日常办公、教育教学等场景应用广泛。然而，亮点缺陷的存在会严重干扰书写与显示效果，降低用户体验。研究液晶手写板亮点缺陷修复及相关液晶线路激光修复技术，对提升产品质量和市场竞争力具有重要意义。液晶手写板亮点缺陷的成因与影响液晶手写板亮点缺陷指在书写空白状态下，屏幕上出现持续发亮、无法正常熄灭的像素点，严重破坏画面纯净度。其成因主要包括：生产过程中，液晶盒内混入微小
  • 迭代器模式 - Flutter中的集合导航专家，解锁数据遍历的无限可能！ 明似水 flutter迭代器模式flutter
    自定义滚动效果/树形结构遍历/分页加载…用迭代器掌控数据流动的节奏痛点场景：多源数据混合遍历假设你的社交应用需要显示以下内容：本地缓存的帖子新收到的实时消息推荐广告朋友动态这些数据来自不同接口，结构各异：ListcachedPosts=[...];StreamrealtimeMessages=[...];Listads=[...];Future>friendActivities=[...];传统遍
  • 大模型微调到底有没有技术含量？ DeepSeek-大模型系统教程 人工智能语言模型ai大模型大模型微调程序员AI大模型
    今天给大家带来知乎好友@ybq的一篇回答-大模型微调到底有没有技术含量，或者说技术含量到底有多大？老生常谈的一句话吧：有没有技术含量取决于这个工作你怎么做，尤其是llm方向，上手门槛相比传统NLP变得更低了。我举一些例子吧，针对大模型微调的几个重要环节，我列举的每一种做法大概率都能完成最终目标，甚至说训出来的模型效果都没什么差别。但对个人能力成长的帮助就大不相同了。数据工作做法1:继承实验室或者同
  • 基于昇腾910B部署Qwen3-embedding-8B模型（通过vllm 推理引擎部署） 萌新--加油 embedding人工智能经验分享
    目前基于知识库搭建，会涉及到embedding和rerank模型，目前阿里通义千问Qwen3-embedding-8B模型在网上测评效果还不错，本文基于vllm部署Qwen3-embedding-8B模型，使用的国产化算力910B2-64G单卡资源。1、环境要求：软件支持版本CANN>=8.1.RC1torch-npu>=2.5.1torch>=2.5.1Python>=3.9,<3.122、to
  • 使用Python制作电脑无限弹窗恶搞程序教程 kkkliaoo python开发语言安全
    效果如下：演示视频：python弹窗恶搞程序演示视频教程：1，导入模块，下载模块的方法不过多说明了，可以看我其他的文章有说怎么下载第三方模块，或者Alt+Enter下载也可。#弹窗恶搞importtkinterastkimportrandomimportthreadingimporttime2，复制如下代码，运行即可defdow():window=tk.Tk()width=window.winfo
  • Llama改进之——SwiGLU激活函数 愤怒的可乐 #自然语言处理NLP项目实战llama
    引言今天介绍LLAMA模型引入的关于激活函数的改进——SwiGLU1，该激活函数取得了不错的效果，得到了广泛地应用。SwiGLU是GLU的一种变体，其中包含了GLU和Swish激活函数。GLUGLU(GatedLinearUnits,门控线性单元)2引入了两个不同的线性层，其中一个首先经过sigmoid函数，其结果将和另一个线性层的输出进行逐元素相乘作为最终的输出：GLU(x,
  • 深入解析React性能优化三剑客：React.memo、useMemo与useCallback
    目录渲染机制基础React的渲染流程解析组件重渲染的根本原因性能优化的核心目标React.memo深度解析组件级缓存原理浅比较机制详解自定义比较函数实现useMemo核心技术值缓存机制剖析引用稳定性控制复杂计算场景实战useCallback终极指南函数缓存本质闭包陷阱解决方案事件处理最佳实践三者的黄金组合联合使用场景分析性能优化效果对比常见误区与反模式性能监控方法论ReactDevTools实战技
  • 故障诊断 ：smon回滚异常导致实例crash
    我们的文章会在微信公众号IT民工的龙马人生和博客网站(www.htz.pw)同步更新，欢迎关注收藏，也欢迎大家转载，但是请在文章开始地方标注文章出处，谢谢！由于博客中有大量代码，通过页面浏览效果更佳。本文转自朋友的真实案例分享。故障诊断：smon回滚异常导致实例crash某省电力系统的一个4节点rac，2节点在早上的时候crash。WedNov0307:59:052021SMON:Restarti
  • 企业如何有效评估YashanDB的实施效果 数据库
    随着数据不断增长和业务需求的变化，企业在数据库系统的选择和实施上面临诸多挑战，例如性能瓶颈、数据一致性等问题。YashanDB作为一种新兴的数据库技术，具备高性能、高可用性与可扩展性，吸引了许多企业的关注。然而，如何评估其实施效果，以及是否真正能推动企业业务发展，是IT决策者亟需解决的问题。本文将围绕YashanDB的实施效果评估方法展开探讨，帮助技术人员和企业管理者从技术角度深入理解这一过程及其
  • 【Python】解析pdf文件中的表格并导出为doc或excel (分析思路+测试代码） 发现你走远了 优质教程pythonpdf办公自动化
    目录效果预览依赖pdf素材获取思路分析main方法内部逻辑注意事项pdf内的表格转为excel基本例程pdf内的表格转为docx基本例程总结欢迎关注『Python』系列，持续更新中欢迎关注『Python』系列，持续更新中效果预览转为excel转为docx依赖python3.8.10测试成功cffi==1.17
  • android15 锁屏灭屏 去掉指纹解锁动画效果 鹏程万里_user Androidandroid
    锁屏灭屏状态下，指纹解锁时，去掉指纹解锁动画效果(这个动画效果是android原生设计)frameworks/base/packages/SystemUI/src/com/android/systemui/biometrics/AuthRippleController.ktprivatefunshowUnlockRippleInternal(biometricSourceType:Biometri
  • 【工具】使用Python向PDF文档中签名 MengWoods 工具pythonpdfgithub
    经常需要向PDF文档签名，online版本多数都开始收费了，并且用鼠标画签名效果很难看。最后索性用Python开发了一个工具，拍下签名照片就可以放到PDF文档某页某个地方。开始熟悉这个仓库可能需要一定时间，但熟悉之后使用起来就非常方便了。一张签名照片，签遍PDF文档。仓库网址:https://github.com/MengWoods/sign-pdf-with-transparent-backgr
  • OpenBayes 一周速览丨OmniGen2「双轨架构」实现文本/图像分工协作，效果直逼GPT-4O
    公共资源速递4个公共数据集：ReasonMed医学推理数据集Miriad-5.8M医学问答数据集WebClick网页理解基准数据集OCRBench文本识别基准数据集2个公共模型：MiniCPM4-8BKimi-Dev-72B-GGUF9个公共教程：深度估计*23D生成*3图像生成与处理*4访问官网立即使用：openbayes.com公共数据集ReasonMed医学推理数据集ReasonMed数据集
  • 接口幂等性 重生之我又是程序员 python数据库python并发乐观锁幂等性
    目录什么是接口幂等性场景一：唯一索引保证幂等实现思路表结构设计场景二：乐观锁控制并发修改实现思路表结构设计代码演示什么是接口幂等性接口幂等性指：无论调用多少次接口，产生的效果都是一样的，不会因为多次调用而导致副作用的叠加。换句话说：调用一次和调用多次的结果相同，系统状态不变。通常来说，实现接口幂等性的常见方法主要有这两种：1、唯一索引保证幂等给关键业务字段（比如订单号、请求ID、用户ID+操作类型
  • 【网络编程】EPOLL 事件触发机制的服务器 啟明起鸣 网络服务器运维
    文章目录业务拆解EPOLL机制介绍EPOLL的核心变量和函数EPOLL程序流程图C代码实现准备工作服务器代码代码运行效果总结推荐一个零声教育学习教程，个人觉得老师讲得不错，分享给大家：[Linux，Nginx，ZeroMQ，MySQL，Redis，fastdfs，MongoDB，ZK，流媒体，CDN，P2P，K8S，Docker，TCP/IP，协程，DPDK等技术内容，点击立即学习:https:/
  • css实现优惠券效果 全
    效果如下：样式一：样式一左半圆效果左右半圆效果左内圆四角收缩六角收缩凹边中排圆点两边凹陷.coupon1{width:240px;height:100px;margin-top:15px;background-color:#f56c6c;-webkit-mask:radial-gradient(circleatleftcenter,transparent20px,red20px);}.coupon
  • threejs-夜景
    记录threejs实现夜景光照、投影、阴影、反射、材质颜色编码的效果主要是光源设置了shadow、encodingThree.jsScenebody{margin:0;}canvas{width:100%;height:100%}{"imports":{"three":"./three172/build/three.module.js","three/addons/":"./three172/ex
  • 【Axure高保真原型】键盘方向键切换输入框的表单模板 梓贤Vigo 交互Axure产品经理原型
    今天和大家分享键盘方向键切换输入框的表单模板，可以通过键盘的方向键，上下左右快速切换输入框填写对应的内容；而且不同的输入框设置有交互，限制对应的输入内容，具体效果可以观看下方视频或者打开预览地址体验【原型效果】【Axure高保真原型】键盘方向键切换输入框的表单模板【原型预览及下载地址】https://axhub.im/ax9/967bcd8f759e3242/#g=1&p=输入表单案例-键盘方向快
  • 【精品毕设】基于SSM+JSP的简易版营业厅宽带系统设计与实现 想念@思恋 java毕业设计课程设计java课程设计毕业设计SSM
    关注【墨岚创客】，回复【毕设】，赠送免费毕设资源，具体联系方式见文末摘要现代经济快节奏发展以及不断完善升级的信息化技术，让传统数据信息的管理升级为软件存储，归纳，集中处理数据信息的管理方式。本营业厅宽带系统就是在这样的大环境下诞生，其可以帮助管理者在短时间内处理完毕庞大的数据信息，使用这种软件工具可以帮助管理人员提高事务处理效率，达到事半功倍的效果。此营业厅宽带系统利用当下成熟完善的SSM框架，使
  • 微信小程序原生实现table组件, 第二弹，支持横向和纵向滚动（固定列，可设置边框） 没脾气的猫 微信小程序小程序
    效果图![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/5e6cb1a645584c9dbf27b6bd1ab9465e.pngtable组件代码wxml文件{{column.title}}{{table[columnItem.key]||'-'}}wxss文件/*项目表格*/.table{position:relative;background:#F
  • 微信小程序入门四：实现table效果 鳄鱼儿 微信小程序小程序入门
    微信小程序中没有table组件，那么怎么实现呢？其实使用多个view组件就可以实现，接下来就直接看代码吧标题1标题2标题3标题4标题5{{item}}{{item}}{{item}}{{item}}{{item}}/*.css*/page{font-size:14px;color:#333;}.table{border:1pxsolid#dadada;border-right:0;border-b
  • UE5 - 制作《塞尔达传说》中林克的技能 - 18 - 磁力抓取器 月忆铭 UE5-塞尔达中的技能制作ue5游戏程序
    让我们继续《塞尔达传说》中林克技能的制作！！！UE版本：5.6.0VS版本：2022本章节的核心目标：磁力抓取器先让我们看一下完成后的效果：18_磁力抓取器大纲如下：引言功能架构与核心逻辑物理材质与场景配置代码实现：从识别到操控操作说明1.引言  在《塞尔达传说》中，林克的磁力抓取器（magnesis）是极具特色的交互技能，可识别并操控金属物体。本文基于UE5，从代码实现角度，详细拆解磁力抓取器核
  • 【如何衡量相机标定结果的精度】相机标定评价函数 王尼莫啊 目标解算数码相机计算机视觉视觉检测
    相关博客：【鱼眼＋普通相机】相机标定【opencv】图像畸变校正一、简介常用的衡量相机标定结果精度的评价标准：畸变矫正效果：标定过程中会估计畸变系数，畸变矫正的效果可以通过比较矫正前后的图像来评估。如果畸变得到有效矫正，说明标定过程较为成功。重投影误差（ReprojectionError）：这是最常用的评估相机标定精度的指标。它指的是在标定图像中检测到的特征点与通过相机参数投影得到的相应世界坐标点
  • Oracle ORA-3137[12333] 关闭的连接 java.sql.SQLRecoverableException: 无法从套接字读取更多的数据 ... iteye_9244 ORALCEoraclesql
    今天在项目中遇到一个异常：OracleORA-3137[12333]关闭的链接java.sql.SQLRecoverableException:无法从套接字读取更多的数据，后来我在网上找了一下解决方案发现有两个：第一个解决方案：换oracle驱动，把驱动版本换成11.2的，但是尝试了一下没有效果，所以使用了第二个解决方案：在PLSQL执行altersystemset"_optim_peek_use
  • 基于HTML的悬窗可拖动记事本 孤水寒月 htmlcss前端
    基于HTML的悬窗可拖动记事本这款记事本全部使用HTML+CSS+JS实现，可以在浏览器中实现悬浮可拖动的记事本，所有内容存储在浏览器中，清除缓存后将会丢失记事本内容效果展示实现代码Note+×保存删除//拖动逻辑constdraggableWindow=document.getElementById('draggableWindowNote');constdragHeader=doc
  • 前端领域：jQuery UI组件的使用指南_副本 大厂前端小白菜 前端开发实战前端jqueryuiai
    前端领域：jQueryUI组件的使用指南关键词：jQueryUI、前端组件、交互效果、用户界面、使用指南摘要：本文旨在为前端开发者提供一份全面的jQueryUI组件使用指南。首先介绍了jQueryUI的背景，包括其目的、适用读者、文档结构和相关术语。接着详细阐述了jQueryUI的核心概念与联系，通过文本示意图和Mermaid流程图展示其架构。然后深入讲解了核心算法原理，并给出具体操作步骤和Pyt
  • 3516cv610的aiisp效果 张海森_168820 音视频
    3516cv610的aiisp效果1.图像增强（AI+ISP协同）亮点：动态范围提升（AIHDR）：比纯ISP的线性HDR更自然，减少鬼影；智能降噪（AINR）：在低照/夜间噪点压制更干净，纹理保留好；颜色还原：色彩更接近人眼感知，尤其在人脸区域处理更出色；AI自动曝光/白平衡：识别场景特征（如人脸、车牌）优先调整曝光区域，实际效果更“智能”；适用场景：人脸识别入口、夜视监控、强背光场景示例提升前
  • Dom 周华华 JavaScripthtml
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
  • 【Spark九十六】RDD API之combineByKey bit1129 spark
    1. combineByKey函数的运行机制   RDD提供了很多针对元素类型为(K,V)的API，这些API封装在PairRDDFunctions类中，通过Scala隐式转换使用。这些API实现上是借助于combineByKey实现的。combineByKey函数本身也是RDD开放给Spark开发人员使用的API之一   首先看一下combineByKey的方法说明：
  • msyql设置密码报错：ERROR 1372 (HY000): 解决方法详解 daizj mysql设置密码
    MySql给用户设置权限同时指定访问密码时，会提示如下错误： ERROR 1372 (HY000): Password hash should be a 41-digit hexadecimal number；   问题原因：你输入的密码是明文。不允许这么输入。   解决办法：用select password('你想输入的密码');查询出你的密码对应的字符串， 然后
  • 路漫漫其修远兮 吾将上下而求索 周凡杨 学习 思索
    王国维在他的《人间词话》中曾经概括了为学的三种境界古今之成大事业、大学问者，罔不经过三种之境界。“昨夜西风凋碧树。独上高楼，望尽天涯路。”此第一境界也。“衣带渐宽终不悔，为伊消得人憔悴。”此第二境界也。“众里寻他千百度，蓦然回首，那人却在灯火阑珊处。”此第三境界也。学习技术，这也是你必须经历的三种境界。第一层境界是说，学习的路是漫漫的，你必须做好充分的思想准备，如果半途而废还不如不要开始。这里，注
  • Hadoop(二)对话单的操作 朱辉辉33 hadoop
    Debug： 1、 A = LOAD '/user/hue/task.txt' USING PigStorage(' ') AS (col1,col2,col3); DUMP A; //输出结果前几行示例： (>ggsnPDPRecord(21),,) (-->recordType(0),,) (-->networkInitiation(1),,)
  • web报表工具FineReport常用函数的用法总结（日期和时间函数） 老A不折腾 finereport报表工具web开发
    web报表工具FineReport常用函数的用法总结（日期和时间函数）   说明：凡函数中以日期作为参数因子的，其中日期的形式都必须是yy/mm/dd。而且必须用英文环境下双引号(" ")引用。   DATE DATE(year,month,day):返回一个表示某一特定日期的系列数。 Year:代表年，可为一到四位数。 Month:代表月份。
  • c++ 宏定义中的##操作符 墙头上一根草 C++
    #与##在宏定义中的--宏展开 #include <stdio.h> #define f(a,b) a##b #define g(a)   #a #define h(a) g(a) int main() {       &nbs
  • 分析Spring源代码之，DI的实现 aijuans springDI现源代码
    (转) 分析Spring源代码之，DI的实现 2012/1/3 by tony                 接着上次的讲，以下这个sample [java]  view plain copy print
  • for循环的进化 alxw4616 JavaScript
    // for循环的进化 // 菜鸟 for (var i = 0; i < Things.length ; i++) { // Things[i] } // 老鸟 for (var i = 0, len = Things.length; i < len; i++) { // Things[i] } // 大师 for (var i = Things.le
  • 网络编程Socket和ServerSocket简单的使用 百合不是茶 网络编程基础IP地址端口
      网络编程;TCP/IP协议   网络:实现计算机之间的信息共享,数据资源的交换   协议:数据交换需要遵守的一种协议,按照约定的数据格式等写出去   端口:用于计算机之间的通信      每运行一个程序，系统会分配一个编号给该程序，作为和外界交换数据的唯一标识 0~65535   查看被使用的
  • JDK1.5 生产消费者 bijian1013 javathread生产消费者java多线程
    ArrayBlockingQueue：        一个由数组支持的有界阻塞队列。此队列按 FIFO（先进先出）原则对元素进行排序。队列的头部 是在队列中存在时间最长的元素。队列的尾部 是在队列中存在时间最短的元素。新元素插入到队列的尾部，队列检索操作则是从队列头部开始获得元素。 ArrayBlockingQueue的常用方法：
  • JAVA版身份证获取性别、出生日期及年龄 bijian1013 java性别出生日期年龄
            工作中需要根据身份证获取性别、出生日期及年龄，且要还要支持15位长度的身份证号码，网上搜索了一下，经过测试好像多少存在点问题，干脆自已写一个。 CertificateNo.java package com.bijian.study; import java.util.Calendar; import
  • 【Java范型六】范型与枚举 bit1129 java
    首先，枚举类型的定义不能带有类型参数，所以，不能把枚举类型定义为范型枚举类，例如下面的枚举类定义是有编译错的   public enum EnumGenerics<T> { //编译错，提示枚举不能带有范型参数 OK, ERROR; public <T> T get(T type) { return null;
  • 【Nginx五】Nginx常用日志格式含义 bit1129 nginx
    1. log_format 1.1 log_format指令用于指定日志的格式，格式：   log_format name(格式名称) type(格式样式)   1.2 如下是一个常用的Nginx日志格式：   log_format main '[$time_local]|$request_time|$status|$body_bytes
  • Lua 语言 15 分钟快速入门 ronin47 lua 基础
    - - 单行注释 - - [[      [多行注释] - - ]]   - - - - - - - - - - - 1. 变量 & 控制流 - - - - - - - - - - num = 23 - - 数字都是双精度 str = 'aspythonstring'
  • java-35.求一个矩阵中最大的二维矩阵 ( 元素和最大 ) bylijinnan java
    the idea is from: http://blog.csdn.net/zhanxinhang/article/details/6731134 public class MaxSubMatrix { /**see http://blog.csdn.net/zhanxinhang/article/details/6731134 * Q35 求一个矩阵中最大的二维
  • mongoDB文档型数据库特点 开窍的石头 mongoDB文档型数据库特点
    MongoDD: 文档型数据库存储的是Bson文档-->json的二进制 特点：内部是执行引擎是js解释器，把文档转成Bson结构，在查询时转换成js对象。 mongoDB传统型数据库对比    传统类型数据库：结构化数据，定好了表结构后每一个内容符合表结构的。也就是说每一行每一列的数据都是一样的    文档型数据库：不用定好数据结构，
  • [毕业季节]欢迎广大毕业生加入JAVA程序员的行列 comsci java
        一年一度的毕业季来临了。。。。。。。。      正在投简历的学弟学妹们。。。如果觉得学校推荐的单位和公司不适合自己的兴趣和专业，可以考虑来我们软件行业，做一名职业程序员。。。      软件行业的开发工具中，对初学者最友好的就是JAVA语言了，网络上不仅仅有大量的
  • PHP操作Excel – PHPExcel 基本用法详解 cuiyadll PHPExcel
    导出excel属性设置//Include classrequire_once('Classes/PHPExcel.php');require_once('Classes/PHPExcel/Writer/Excel2007.php');$objPHPExcel = new PHPExcel();//Set properties 设置文件属性$objPHPExcel->getProperties
  • IBM Webshpere MQ Client User Issue (MCAUSER) darrenzhu IBMjmsuserMQMCAUSER
    IBM MQ JMS Client去连接远端MQ Server的时候，需要提供User和Password吗？ 答案是根据情况而定，取决于所定义的Channel里面的属性Message channel agent user identifier (MCAUSER)的设置。 http://stackoverflow.com/questions/20209429/how-mca-user-i
  • 网线的接法 dcj3sjt126com
    一、PC连HUB (直连线)A端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 二、PC连PC （交叉线）A端：(568A)： 白绿，绿，白橙，蓝，白蓝，橙，白棕，棕； B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 三、HUB连HUB&nb
  • Vimium插件让键盘党像操作Vim一样操作Chrome dcj3sjt126com chromevim
    什么是键盘党？ 键盘党是指尽可能将所有电脑操作用键盘来完成，而不去动鼠标的人。鼠标应该说是新手们的最爱，很直观，指哪点哪，很听话！不过常常使用电脑的人，如果一直使用鼠标的话，手会发酸，因为操作鼠标的时候，手臂不是在一个自然的状态，臂肌会处于绷紧状态。而使用键盘则双手是放松状态，只有手指在动。而且尽量少的从鼠标移动到键盘来回操作，也省不少事。 在chrome里安装 vimium 插件
  • MongoDB查询（2）——数组查询[六] eksliang mongodbMongoDB查询数组
    MongoDB查询数组 转载请出自出处：http://eksliang.iteye.com/blog/2177292 一、概述  MongoDB查询数组与查询标量值是一样的，例如，有一个水果列表，如下所示： > db.food.find() { "_id" : "001", "fruits" : [ "苹
  • cordova读写文件（1） gundumw100 JavaScriptCordova
    使用cordova可以很方便的在手机sdcard中读写文件。 首先需要安装cordova插件：file 命令为： cordova plugin add org.apache.cordova.file 然后就可以读写文件了，这里我先是写入一个文件，具体的JS代码为： var datas=null;//datas need write var directory=&
  • HTML5 FormData 进行文件jquery ajax 上传 到又拍云 ileson jqueryAjaxhtml5FormData
    html5 新东西：FormData  可以提交二进制数据。 页面test.html <!DOCTYPE> <html> <head> <title> formdata file jquery ajax upload</title> </head> <body> <
  • swift appearanceWhenContainedIn:(version1.2 xcode6.4) 啸笑天 version
      swift1.2中没有oc中对应的方法： + (instancetype)appearanceWhenContainedIn:(Class <UIAppearanceContainer>)ContainerClass, ... NS_REQUIRES_NIL_TERMINATION;  解决方法： 在swift项目中新建oc类如下： #import &
  • java实现SMTP邮件服务器 macroli java编程
    电子邮件传递可以由多种协议来实现。目前，在Internet 网上最流行的三种电子邮件协议是SMTP、POP3 和 IMAP，下面分别简单介绍。 　　◆ SMTP 协议 　　简单邮件传输协议(Simple Mail Transfer Protocol,SMTP)是一个运行在TCP/IP之上的协议，用它发送和接收电子邮件。SMTP 服务器在默认端口25上监听。SMTP客户使用一组简单的、基于文本的
  • mongodb group by having where 查询sql qiaolevip 每天进步一点点学习永无止境mongo纵观千象
    SELECT cust_id, SUM(price) as total FROM orders WHERE status = 'A' GROUP BY cust_id HAVING total > 250 db.orders.aggregate( [ { $match: { status: 'A' } }, { $group: {
  • Struts2 Pojo（六） Luob. POJOstrust2
    注意：附件中有完整案例 1.采用POJO对象的方法进行赋值和传值 2.web配置 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee&q
  • struts2步骤 wuai struts
    1、添加jar包 2、在web.xml中配置过滤器 <filter>        <filter-name>struts2</filter-name>        <filter-class>org.apache.st
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他