纯粹的自己
纯粹的自己

jQuery 实现无限滚动轮播图

1、效果展示

 
视频演示
 
 

2、分析

jQuery 实现无限滚动轮播图_第1张图片由上面这张图片，开始分析:

1、图片怎么滚动？

可以使图片滚动容器ul滚动，为其设置margin-left，再加上动画效果

2、图片用什么来装呢？

可以用li，将其设置为block，进行背景图的设置，并且将其浮动并排。（这里也可以在li中包含img标签）

3、外层视觉窗口div用做些什么呢？

因为外层视觉窗口是父级，那么为其设置overflow:hidden; 这样视觉窗口每次只能看到俩张图片，其他的被隐藏掉了

4、图片是4张，为什么最后会多出俩张相同图片？

可以想象一下，若没有后俩张图片，当容器ul滚动到第四张图片后，如若此时把margin-left设置为0后，那么再视觉效果上会出现明显闪动，会显得图片不是那么无缝连接一样，相反把最后俩张图片设置的和第一、第二张图片相同时，再滚动容器的第四个图片达到视觉窗口后，在进行margin-left设置为0后，会在视觉效果上无缝连接
 
 
 

3、代码展示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>滚动轮播图</title>
    <style>
        *{
            box-sizing: border-box;
        }
        .view{
            width: 800px;
            height: 400px;
            margin: 100px auto;
            overflow: hidden;
           
        }
        .view ul{
            width: 2400px;
            height: 100%;
            list-style: none;
            position: relative;
            padding: 0;
            margin-top: 0;
            cursor: pointer;
            background-color: black;
          
        }
        .view ul li{
            display: block;
            width: 400px;
            height: 100%;
            float: left;
            background: url(https://jine.oss-cn-beijing.aliyuncs.com/image/1.jpg);
            background-repeat: no-repeat;
            background-size: cover;
        }
        .view ul li:nth-of-type(2){
            background: url(https://jine.oss-cn-beijing.aliyuncs.com/image/2.jpg);
            background-repeat: no-repeat;
            background-size: cover;
        }
        .view ul li:nth-of-type(3){
            background: url(https://jine.oss-cn-beijing.aliyuncs.com/image/3.jpg);
            background-repeat: no-repeat;
            background-size: cover;
        }
        .view ul li:nth-of-type(4){
            background: url(https://jine.oss-cn-beijing.aliyuncs.com/image/5.jpg);
            background-repeat: no-repeat;
            background-size: cover;
        }
        .view ul li:nth-of-type(5){
            background: url(https://jine.oss-cn-beijing.aliyuncs.com/image/1.jpg);
            background-repeat: no-repeat;
            background-size: cover;
        }
        .view ul li:nth-of-type(6){
            background: url(https://jine.oss-cn-beijing.aliyuncs.com/image/2.jpg);
            background-repeat: no-repeat;
            background-size: cover;
        }
    </style>
    <script src="https://jine.oss-cn-beijing.aliyuncs.com/API/jquery-3.5.0.js"></script>
    <script>
        $(function(){
            //1、定义变量保存偏移量
            var offset=0;
            //2、让图片滚动
            var timer;
            //自动滚动
            function autoPlay(){
                 timer=setInterval(function(){
                    offset-=3
                    if(offset<=-1600){
                        offset=0
                    }
                    $('ul').css('marginLeft',offset)
                },10)
            }
            autoPlay()

            //3、监听li的移入和移除事件
            $('li').hover(function(){
                //鼠标悬浮后，停止滚动
                clearInterval(timer)
                //非当前选择设置半透明淡入蒙版，因为父级元素为黑色
                $(this).siblings().fadeTo(100,0.5)
                //去除当前选中的蒙版
                $(this).fadeTo(100,1)
            },function(){
                //继续滚动
                autoPlay()
                //去除所有蒙版
                $('li').fadeTo(100,1)
            })
        })
    </script>
</head>
<body>
    <!-- 视觉窗口 -->
    <div class="view">
        <!-- 滚动窗口 -->
        <ul>
           <li></li>
           <li></li>
           <li></li>
           <li></li>
           <li></li>
           <li></li>
        </ul>
    </div>
</body>
</html>

你可能感兴趣的:(案例,jquery)

  • 软考中级-数据库工程师。 以下三个专题是数据库系统工程师下午案例非SQL部分的解题思路。干货不断，敬请关注点赞收藏转发~ 杨云龙666 经验笔记数据库
    本人于20240525通过软考中级数据库工程师。以下三个专题是数据库系统工程师下午案例非SQL部分的解题思路。专题一：数据库故障与恢复检查点机制（CHECKPOINT）：在日志中设置检查点，当发生故障需要利用日志文件恢复时，反向扫描日志文件，找到检查点，确认检查点时刻正在执行的事务（活动事务），即检查点前有事务开始标志但没有事务结束标志。对于检查点后提交的事务，执行REDO（重做）对于检查点后未提
  • 网络安全攻防实战：从基础防护到高级对抗 一ge科研小菜鸡 运维网络
    个人主页：一ge科研小菜鸡-CSDN博客期待您的关注引言在信息化时代，网络安全已经成为企业、政府和个人必须重视的问题。从数据泄露到勒索软件攻击，每一次安全漏洞都可能造成巨大的经济损失和隐私风险。本教程将通过详细的案例、代码示例和实用工具，帮助读者从基础安全防护到高级安全对抗，系统掌握网络安全攻防的核心技术。1.常见网络攻击方式与防御措施1.1SQL注入攻击攻击者在输入字段中插入恶意SQL代码，绕过
  • 2024年Python最新python之protobuf使用案例_python protobuf 使用案例(1) 2401_84557849 程序员python网络java
    enumPhoneType{MOBILE=0;HOME=1;WORK=2;}messagePhoneNumber{requiredstringnumber=1;optionalPhoneTypetype=2[default=HOME];}repeatedPhoneNumberphones=4;//repeate类似数组，里面可以存放多个PhoneNumber可自定义类型}messageAddres
  • protobuf学习和使用(Python) 呀儿呦丶 Python学习python开发语言
    Protobuf学习文章目录Protobuf学习简介安装example数据类型映射关系proto2和proto3的区别案例example1_定义基本的消息类型example2_使用repeated字段example3_定义枚举类型example4_使用oneofexample5_字段编号与保留简介ProtocolBuffers(Protobuf)是一种由Google开发的高效、跨平台的序列化协议。
  • 两台Exchange服务器的高可用案例 weixin_33841722 运维shell数据库
    Exchange2010几大角色，可以灵活配置，而适应不同规模企业的需注！常见的几种环境如下：最简单的小型组织，Allinone，即所有角色包括AD全部集中在一台服务器上！而这种架构风险性很高，只适用于对信息化要求不高的小型组织！复杂点的大型组织，各角色分开，并且每个角色都会有多台机器来做到高可用性，分布在企业中的不同站点！而现有的企业中，中小企业占大部分，所以在中小企业中部署Exchange，并
  • 使用Hint优化复杂SQL案例-1 老虎刘 优化sql性能hint
    下面这个SQL，执行时间42.4分钟:SELECTABI.APPLY_POLICY_NO,ABI.SALE_NO,ABI.STATUS,QT.NOTICE_STATUSFROMAPPLY_BASE_INFOABI,QT_WAIT_TASK_INFOQTWHEREABI.APPLY_POLICY_NO=QT.VOUCHER_NOANDABI.CREATED_DATE>=TRUNC(SYSDATE-1
  • 计算机毕业设计JAVA房屋租赁系统mybatis 煦洋cxsj985 mybatisjava开发语言
    计算机毕业设计JAVA房屋租赁系统mybatis计算机毕业设计JAVA房屋租赁系统mybatis+源码+调试部署+系统+数据库+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址：https://pan
  • 大数据分析案例-基于逻辑回归算法构建抑郁非抑郁推文识别模型 艾派森 大数据分析案例合集机器学习人工智能python数据挖掘回归
    ‍♂️个人主页：@艾派森的个人主页✍作者简介：Python学习者希望大家多多支持，我们一起进步！如果文章对你有帮助的话，欢迎评论点赞收藏加关注+喜欢大数据分析项目的小伙伴，希望可以多多支持该系列的其他文章大数据分析案例合集
  • VUE项目使用高德地图进行精准定位 高德地图API HhhDreamof_ 定位
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、高德地图API二、使用步骤1.引入key2.创建方法总结前言提示：以下是本篇文章正文内容，下面案例可供参考一、高德地图的准备工作1.注册高德地图管理者账号https://developer.amap.com/准备好key2.在index.htmlbody中引入高德地图定位二、创建方法1.methods代码如下（示例）：
  • 基于vue实现九宫格大转盘抽奖 HhhDreamof_ vuehtmljs
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、基于vue实现九宫格大转盘抽奖二、使用步骤基于vue实现九宫格大转盘抽奖总结前言基于vue实现九宫格大转盘抽奖提示：以下是本篇文章正文内容，下面案例可供参考一、基于vue实现九宫格大转盘抽奖示例：为活动而写的一小段代码。二、使用步骤1.基于vue实现九宫格大转盘抽奖代码如下（示例）：      javascript实现
  • Kafka常见问题之 org.apache.kafka.common.errors.RecordTooLargeException 王多鱼的梦想～ Kafka修炼手册kafkaapache分布式运维
    文章目录Kafka常见问题之org.apache.kafka.common.errors.RecordTooLargeException:Themessageis1,048,576byteswhenserializedwhichislargerthanthemaximumrequestsize.1.错误解析2.错误原因3.错误复现案例3.1生产者发送超大消息4.解决方案4.1方法1：调整Kafka
  • 第25天：web攻防-通用漏洞&sql读写注入&MYSQL&MSSQL 不灭锦鲤 sqlmysqlsqlserver
    #知识点：1、sql注入-mysql数据库2、sql注入-mssql数据库3、sql注入-postgreSQL数据库#详细点：Access无高权限注入点-只能猜解，还是暴力猜解MYSQL，PostgreSQL，MSSQL高权限注入，可升级为读写执行。演示案例MYSQL读取文件内容，记把my.ini改成utf-8的格式使用load_file读取网站关键性内容，在sql注入中，我试了读取不道，明明在数
  • 速算技巧之平方 *Major* 数学
    速算技巧之平方一11-19进行速算技巧一对于11~19的平方，可以使用一个简单的公式进行快速计算：(1A)2=(1A+A)+A2(1A)^2=(1A+A)+A^2(1A)2=(1A+A)+A2(1A+A)表示前置位A^2表示后置位，逢10进位其中：111是11~19之间的数的1AAA，是11~19之间的数的1,2,3,4,5,6,7,8,9案例1：12212^2122A=2A=2A=2计算前置位：
  • 《 C++ 点滴漫谈： 二十四 》深入 C++ 变量与类型的世界：高性能编程的根基 Lenyiin 编程显微镜c++变量与类型Lenyiin
    摘要本文深入探讨了C++中变量与类型的方方面面，包括变量的基本概念、基本与复合数据类型、动态类型与内存管理、类型推导与模板支持，以及类型系统的高级特性。通过全面的理论讲解与实际案例分析，展示了C++类型系统的强大灵活性与实践价值。从智能指针的内存管理到模板的泛型编程支持，再到类型推导的简洁性，C++提供了多样化的工具，满足不同场景需求。文章总结了类型选择与管理的最佳实践，旨在帮助开发者编写高效、安
  • 企业IT数字化运维运营平台（总体架构、总体蓝图）建设方案 公众号：优享智库 数字化转型数据治理主数据数据仓库运维架构
    这份文件是关于企业IT数字化运维运营平台的建设方案，主要介绍了业务背景、解决方案、成功应用案例等核心内容。以下是文件的核心要点总结：业务背景概述：IT运维趋势：随着万物互联时代的到来，IT设备数量激增，运维成为保障业务高效运转的基础。IT运维重要性：IT监控运维是企业业务正常与高效运转的基础保障，直接影响业务的收益和成本。IT运维现状：当前运维模式多为被动救火式，存在基础设施分散、管理困难、缺少自
  • 【AI中数学-数理统计-综合实例-包括python实现】 揭开数据的面纱：真实样本数据的探索与可视化 云博士的AI课堂 AI中的数学人工智能python数理统计数据预处理数据探索数据可视化机器学习
    第五章：数理统计-综合实例1.揭开数据的面纱：真实样本数据的探索与可视化在人工智能（AI）应用中，数据是构建算法和模型的基石，而数理统计则为我们提供了理解和处理这些数据的工具。数据探索和可视化是数理统计中至关重要的步骤，它们不仅能帮助我们理解数据的分布、关系和趋势，还能够为后续的建模工作提供依据。本节将通过五个实际案例，展示如何使用数理统计和可视化技术对真实样本数据进行探索。每个案例都包括具体的描
  • 8年测试老鸟整理，软件测试定位bug方法+定位案例，不要再走弯路了 2401_89693697 bug
    前言1、问题bug定位技巧首先，作为开发也好，测试也好，定位问题有一个总的思路，而这个思路是和数据的走向一致的。大致是这样：用户层面问题->Web页面/软件界面->中间件->后端服务->代码->数据库以下都以Web页面举例说明。用户层面问题指的是用户自己的环境问题或者操作问题，比如环境不通，或者操作不正确。这种问题一般不是bug，当然，如果要考虑构建更加健壮的软件，那么可以根据实际情况来决定要不要
  • 使用STM32实现电机控制 无敌暴龙战士- stm32单片机嵌入式硬件
    使用STM32实现电机控制可以通过PWM信号驱动直流电机或步进电机。在本文中，我们将分别介绍如何通过STM32实现直流电机控制和步进电机控制，并提供详细的代码案例。一、直流电机控制直流电机控制主要涉及到PWM信号的生成和控制。在STM32中，可以使用定时器来生成PWM信号，并通过改变占空比来控制电机的转速。以下是一份基于STM32的直流电机控制代码案例：初始化引脚和定时器首先需要初始化引脚和定时器
  • Java Web 网络商城案例演示十四（设计订单表）(3) 2401_84006757 程序员java前端windows
    创建Order{Useruser,Listlist=newArrayList}publicclassOrder{privateStringoid;//订单编号privateDateordertime;//下单时间privatedoubletotal;//总计privateintstate;//状态privateStringaddress;//收货人地址privateStringname;//收货人
  • JavaScript逆向高阶指南：突破基础，掌握核心逆向技术 不做超级小白 web逆向知识碎片web前端javascript开发语言ecmascript
    JavaScript逆向高阶指南：突破基础，掌握核心逆向技术JavaScript逆向工程是Web开发者和安全分析师的核心竞争力。无论是解析混淆代码、分析压缩脚本，还是逆向Web应用架构，掌握高阶逆向技术都将助您深入理解复杂JavaScript逻辑。本文将通过实战案例，带您探索JavaScript逆向的深层技术原理。1.JavaScript反混淆实战现代Web应用常采用多重混淆技术保护代码，以下为高
  • 安全漏洞扫描与修复系统的高质量技术详解 我的运维人生 网络安全web安全运维开发技术共享
    安全漏洞扫描与修复系统的高质量技术详解在当今的数字化时代，网络安全已成为企业和个人不可忽视的重要议题。安全漏洞扫描与修复系统作为保障网络安全的关键环节，其重要性日益凸显。本文将深入探讨安全漏洞扫描与修复系统的原理、流程、工具选择以及实际代码使用案例，旨在为CSDN的VIP读者提供一份全面且实用的技术指南。一、安全漏洞扫描与修复系统概述安全漏洞扫描是指通过特定的技术手段，对计算机系统、应用程序或网络
  • 第20节课： jQuery基础—简化JavaScript编程的强大工具 学问小小谢 HTML学习javascriptjquery前端html学习交互搜索引擎
    目录jQuery简介为什么使用jQuery？jQuery选择器基本选择器属性选择器伪类选择器事件处理事件绑定常见事件类型事件触发动画效果基本动画自定义动画实践：使用jQuery增强网页交互示例：创建一个带有动画效果的按钮示例：创建一个交互式的导航菜单结语在Web开发中，JavaScript是实现网页交互和动态效果的核心语言。然而，原生JavaScript的语法有时显得繁琐，为了提高开发效率，jQu
  • Python3 【集合】项目实战：3 个新颖的学习案例 李智 - 重庆 Python精讲精练-从入门到实战python经验分享案例学习编程技巧
    Python3【集合】项目实战：3个新颖的学习案例以下是3个应用“Python集合”知识的综合应用项目，这些项目具有新颖性、前瞻性和实用性，每个项目都包含完整的代码、解释说明、测试案例和执行结果。基因序列比对文章推荐系统运行日志分析项目1：基因序列比对（集合运算与去重）项目描述在生物信息学中，比对两个基因序列的相似性。使用集合的交集和并集计算相似度。代码实现#基因序列（简化为字符串集合）seque
  • 研发团队管理：如何应对工期非合理要求 程序猿学长 团队管理研发管理研发团队管理
    关注公众号程序猿学长，获取大量免费学习资源和更多文章内容。在销售主导型公司中，面对CEO要求“三个月完成本应半年的项目”，研发管理者需要采取“系统性谈判+结构化交付+风险显性化”的组合策略。以下是具体应对框架，含操作步骤、工具使用和典型案例：一、需求解构与优先级重塑1.需求价值四象限分析高价值+高紧急高价值+低紧急低价值+高紧急低价值+低紧急需求池商业价值评估核心MVP分阶段交付简化方案暂缓或放弃
  • React 19 深度剖析：从架构升级到性能优化 九情丶 react.js架构性能优化
    React19深度剖析：从架构升级到性能优化目录React19架构升级新特性深度解析性能优化最佳实践高级功能应用工程化实践迁移策略实战案例常见问题解决1.React19架构升级1.1新一代并发渲染引擎React19采用全新的并发渲染架构，显著提升了应用性能：//新的并发模式配置constroot=createRoot(document.getElementById('root'),{concurr
  • 【React系列】父子组件通信—props属性传值 川峰 ReactReactprops传值
    本文来自#React系列教程：https://mp.weixin.qq.com/mp/appmsgalbum?__biz=Mzg5MDAzNzkwNA==&action=getalbum&album_id=1566025152667107329)一.认识组件的嵌套组件之间存在嵌套关系：在之前的案例中，我们只是创建了一个组件App；如果我们一个应用程序将所有的逻辑都放在一个组件中，那么这个组件就会变
  • 不要再这样编写 async/await 前端javascript
    CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读最开始接触async/await时，很多人都会发出“终于有这个功能了！”的感叹。它的语法清晰、可读性强，用起来直观又顺手。然而，用得越久，就会发现一些常见的“坑”时常在各种项目里出现：有些是代码审查时发现的，有些是和同事讨论时暴露的问题。这些都说明异步编程本质上并不简单。下文就结合实际经验，列出了一些常见的异步陷阱，以及更高级的用法
  • 华为2024校招AI芯片开发工程师面试题详解 AI天才研究院 ChatGPTAI大模型企业级应用开发实战大数据AI人工智能大厂Offer收割机面试题简历程序员读书硅基计算碳基计算认知计算生物计算深度学习神经网络大数据AIGCAGILLMJavaPython架构设计Agent程序员实现财富自由
    引言核心关键词华为2024校招AI芯片开发工程师面试题详解摘要本文旨在详细解析华为2024校招AI芯片开发工程师的面试题，通过系统的分析，帮助读者深入了解AI芯片的基础知识、设计原理以及面试策略。文章将分为七个主要部分，从AI芯片的概述到面试经验分享，再到行业动态和未来展望，全面覆盖AI芯片开发的核心内容。通过实际案例分析，本文还将展示如何将理论知识应用于实际项目中，为读者提供宝贵的开发实践经验和
  • Next.js 高级缓存策略分析
    CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在Next.js中，缓存机制往往是被诟病最多的特性之一。许多开发者对其工作方式并不满意。虽然缓存对提升React应用的性能至关重要，但如果对其原理不够理解，很容易导致棘手的错误。例如，页面在客户端显示陈旧数据的问题可能让你在调试时痛苦不堪。对Next.js缓存机制缺乏深入理解，就会让你不断遭遇意料之外的行为和Bug，每次都在不必要的
  • Mybatis-Flex的魅力 星空宇航员 mybatis数据库
    目录一、Mybatis-Flex是什么？二、Mybatis-Flex的有什么特点？三、Mybatis-Flex和同类框架对比1）功能对比2）性能对比1.测试单条数据2.测试列表(List)数据查询3.分页查询4.数据更新总结四、Mybatis-Flex支持的数据库类型五、入门案例1.创建数据库2.创建SpringBoot项目，并添加Maven依赖3.对SpringBoot项目进行配置4.编写实体类
  • html 周华华 html
    js 1，数组的排列 var arr=[1,4,234,43,52,]; for(var x=0;x<arr.length;x++){    for(var y=x-1;y<arr.length;y++){      if(arr[x]<arr[y]){     &
  • 【Struts2 四】Struts2拦截器 bit1129 struts2拦截器
    Struts2框架是基于拦截器实现的，可以对某个Action进行拦截，然后某些逻辑处理，拦截器相当于AOP里面的环绕通知，即在Action方法的执行之前和之后根据需要添加相应的逻辑。事实上，即使struts.xml没有任何关于拦截器的配置，Struts2也会为我们添加一组默认的拦截器，最常见的是，请求参数自动绑定到Action对应的字段上。   Struts2中自定义拦截器的步骤是：
  • make:cc 命令未找到解决方法 daizj linux命令未知make cc
    安装rz sz程序时，报下面错误：   [root@slave2 src]# make posix cc   -O -DPOSIX -DMD=2 rz.c -o rz make: cc：命令未找到 make: *** [posix] 错误 127   系统：centos 6.6 环境：虚拟机   错误原因：系统未安装gcc，这个是由于在安
  • Oracle之Job应用 周凡杨 oracle job
    最近写服务，服务上线后，需要写一个定时执行的SQL脚本，清理并更新数据库表里的数据，应用到了Oracle 的 Job的相关知识。在此总结一下。   一：查看相关job信息    1、相关视图  dba_jobs  all_jobs  user_jobs  dba_jobs_running 包含正在运行
  • 多线程机制 朱辉辉33 多线程
    转至http://blog.csdn.net/lj70024/archive/2010/04/06/5455790.aspx 程序、进程和线程： 程序是一段静态的代码，它是应用程序执行的蓝本。进程是程序的一次动态执行过程，它对应了从代码加载、执行至执行完毕的一个完整过程，这个过程也是进程本身从产生、发展至消亡的过程。线程是比进程更小的单位，一个进程执行过程中可以产生多个线程，每个线程有自身的
  • web报表工具FineReport使用中遇到的常见报错及解决办法（一） 老A不折腾 web报表finereportjava报表报表工具
    FineReport使用中遇到的常见报错及解决办法（一） 这里写点抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。   出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。   1、address pool is full： 含义：地址池满，连接数超过并发数上
  • mysql rpm安装后没有my.cnf 林鹤霄 没有my.cnf
    Linux下用rpm包安装的MySQL是不会安装/etc/my.cnf文件的， 至于为什么没有这个文件而MySQL却也能正常启动和作用，在这儿有两个说法， 第一种说法，my.cnf只是MySQL启动时的一个参数文件，可以没有它，这时MySQL会用内置的默认参数启动， 第二种说法，MySQL在启动时自动使用/usr/share/mysql目录下的my-medium.cnf文件，这种说法仅限于r
  • Kindle Fire HDX root并安装谷歌服务框架之后仍无法登陆谷歌账号的问题 aigo root
    原文：http://kindlefireforkid.com/how-to-setup-a-google-account-on-amazon-fire-tablet/   Step 4: Run ADB command from your PC   On the PC, you need install Amazon Fire ADB driver and instal
  • javascript 中var提升的典型实例 alxw4616 JavaScript
    // 刚刚在书上看到的一个小问题,很有意思.大家一起思考下吧 myname = 'global'; var fn = function () { console.log(myname); // undefined var myname = 'local'; console.log(myname); // local }; fn() // 上述代码实际上等同于以下代码 m
  • 定时器和获取时间的使用 百合不是茶 时间的转换定时器
    定时器:定时创建任务在游戏设计的时候用的比较多   Timer();定时器 TImerTask();Timer的子类  由 Timer 安排为一次执行或重复执行的任务。       定时器类Timer在java.util包中。使用时，先实例化，然后使用实例的schedule(TimerTask task, long delay)方法，设定
  • JDK1.5 Queue bijian1013 javathreadjava多线程Queue
    JDK1.5 Queue LinkedList： LinkedList不是同步的。如果多个线程同时访问列表，而其中至少一个线程从结构上修改了该列表，则它必须 保持外部同步。（结构修改指添加或删除一个或多个元素的任何操作；仅设置元素的值不是结构修改。）这一般通过对自然封装该列表的对象进行同步操作来完成。如果不存在这样的对象，则应该使用 Collections.synchronizedList 方
  • http认证原理和https bijian1013 httphttps
    一.基础介绍         在URL前加https://前缀表明是用SSL加密的。 你的电脑与服务器之间收发的信息传输将更加安全。         Web服务器启用SSL需要获得一个服务器证书并将该证书与要使用SSL的服务器绑定。 http和https使用的是完全不同的连接方式，用的端口也不一样,前者是80，后
  • 【Java范型五】范型继承 bit1129 java
    定义如下一个抽象的范型类，其中定义了两个范型参数，T1，T2   package com.tom.lang.generics; public abstract class SuperGenerics<T1, T2> { private T1 t1; private T2 t2; public abstract void doIt(T
  • 【Nginx六】nginx.conf常用指令(Directive) bit1129 Directive
    1. worker_processes    8; 表示Nginx将启动8个工作者进程，通过ps -ef|grep nginx,会发现有8个Nginx Worker Process在运行   nobody 53879 118449 0 Apr22 ? 00:26:15 nginx: worker process
  • lua 遍历Header头部 ronin47 lua header 遍历　
    local headers = ngx.req.get_headers()   ngx.say("headers begin", "<br/>")   ngx.say("Host : ", he
  • java-32.通过交换a,b中的元素，使[序列a元素的和]与[序列b元素的和]之间的差最小(两数组的差最小)。 bylijinnan java
    import java.util.Arrays; public class MinSumASumB { /** * Q32.有两个序列a,b，大小都为n,序列元素的值任意整数，无序. * * 要求：通过交换a,b中的元素，使[序列a元素的和]与[序列b元素的和]之间的差最小。 * 例如: * int[] a = {100,99,98,1,2,3
  • redis 开窍的石头 redis
    在redis的redis.conf配置文件中找到# requirepass foobared 把它替换成requirepass 12356789 后边的12356789就是你的密码 打开redis客户端输入config get requirepass 返回 redis 127.0.0.1:6379> config get requirepass 1) "require
  • [JAVA图像与图形]现有的GPU架构支持JAVA语言吗？ comsci java语言
          无论是opengl还是cuda，都是建立在C语言体系架构基础上的，在未来，图像图形处理业务快速发展，相关领域市场不断扩大的情况下，我们JAVA语言系统怎么从这么庞大，且还在不断扩大的市场上分到一块蛋糕，是值得每个JAVAER认真思考和行动的事情       
  • 安装ubuntu14.04登录后花屏了怎么办 cuiyadll ubuntu
    这个情况，一般属于显卡驱动问题。 可以先尝试安装显卡的官方闭源驱动。 按键盘三个键：CTRL + ALT  +  F1 进入终端，输入用户名和密码登录终端： 安装amd的显卡驱动 sudo  apt-get  install  fglrx 安装nvidia显卡驱动 sudo  ap
  • SSL 与 数字证书 的基本概念和工作原理 darrenzhu 加密ssl证书密钥签名
    SSL 与 数字证书 的基本概念和工作原理 http://www.linuxde.net/2012/03/8301.html SSL握手协议的目的是或最终结果是让客户端和服务器拥有一个共同的密钥，握手协议本身是基于非对称加密机制的，之后就使用共同的密钥基于对称加密机制进行信息交换。 http://www.ibm.com/developerworks/cn/webspher
  • Ubuntu设置ip的步骤 dcj3sjt126com ubuntu
    在单位的一台机器完全装了Ubuntu Server，但回家只能在XP上VM一个，装的时候网卡是DHCP的，用ifconfig查了一下ip是192.168.92.128,可以ping通。 转载不是错： Ubuntu命令行修改网络配置方法 /etc/network/interfaces打开后里面可设置DHCP或手动设置静态ip。前面auto eth0，让网卡开机自动挂载. 1. 以D
  • php包管理工具推荐 dcj3sjt126com PHPComposer
    http://www.phpcomposer.com/   Composer是 PHP 用来管理依赖（dependency）关系的工具。你可以在自己的项目中声明所依赖的外部工具库（libraries），Composer 会帮你安装这些依赖的库文件。 中文文档  入门指南  下载  安装包列表 Composer 中国镜像
  • Gson使用四（TypeAdapter） eksliang jsongsonGson自定义转换器gsonTypeAdapter
    转载请出自出处：http://eksliang.iteye.com/blog/2175595 一.概述        Gson的TypeAapter可以理解成自定义序列化和返序列化 二、应用场景举例        例如我们通常去注册时（那些外国网站），会让我们输入firstName，lastName,但是转到我们都
  • JQM控件之Navbar和Tabs gundumw100 htmlxmlcss
    在JQM中使用导航栏Navbar是简单的。 只需要将data-role="navbar"赋给div即可： <div data-role="navbar"> <ul> <li><a href="#" class="ui-btn-active&qu
  • 利用归并排序算法对大文件进行排序 iwindyforest java归并排序大文件分治法Merge sort
      归并排序算法介绍，请参照Wikipeida zh.wikipedia.org/wiki/%E5%BD%92%E5%B9%B6%E6%8E%92%E5%BA%8F 基本思想： 大文件分割成行数相等的两个子文件，递归（归并排序）两个子文件，直到递归到分割成的子文件低于限制行数 低于限制行数的子文件直接排序 两个排序好的子文件归并到父文件 直到最后所有排序好的父文件归并到输入
  • iOS UIWebView URL拦截 啸笑天 UIWebView
    本文译者：candeladiao，原文：URL filtering for UIWebView on the iPhone说明：译者在做app开发时，因为页面的javascript文件比较大导致加载速度很慢，所以想把javascript文件打包在app里，当UIWebView需要加载该脚本时就从app本地读取，但UIWebView并不支持加载本地资源。最后从下文中找到了解决方法，第一次翻译，难免有
  • 索引的碎片整理SQL语句 macroli sql
    SET NOCOUNT ON DECLARE @tablename VARCHAR (128) DECLARE @execstr VARCHAR (255) DECLARE @objectid INT DECLARE @indexid INT DECLARE @frag DECIMAL DECLARE @maxfrag DECIMAL --设置最大允许的碎片数量,超过则对索引进行碎片
  • Angularjs同步操作http请求with $promise qiaolevip 每天进步一点点学习永无止境AngularJS纵观千象
    // Define a factory app.factory('profilePromise', ['$q', 'AccountService', function($q, AccountService) { var deferred = $q.defer(); AccountService.getProfile().then(function(res) {
  • hibernate联合查询问题 sxj19881213 sqlHibernateHQL联合查询
    最近在用hibernate做项目，遇到了联合查询的问题，以及联合查询中的N+1问题。 针对无外键关联的联合查询，我做了HQL和SQL的实验，希望能帮助到大家。（我使用的版本是hibernate3.3.2）   1 几个常识：  （1）hql中的几种join查询，只有在外键关联、并且作了相应配置时才能使用。  （2）hql的默认查询策略，在进行联合查询时，会产
  • struts2.xml wuai struts
    <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他