纯粹的自己
纯粹的自己

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)

  • 用XMLHttpRequest发送和接收JSON数据 潭池先生 jsonXMLHttpRequest前端
    百度的AI回答了一个案例：varxhr=newXMLHttpRequest();varurl="your_endpoint_url";//替换为你的API端点vardata=JSON.stringify({key1:"value1",key2:"value2"});xhr.open("POST",url,true);xhr.setRequestHeader("Content-Type","appl
  • 边缘计算网关在机械制造企业的应用效果和价值-天拓四方 北京天拓四方科技股份有限公司 边缘计算其他物联网
    随着智能制造行业的飞速发展，数据量的激增和实时性要求的提高，传统的数据处理方式已经难以满足生产需求。而边缘计算网关的出现，为智能制造行业带来了革命性的变化。下面，我们将通过一个具体案例展示边缘计算网关在智能制造行业的应用效果和价值。一、案例背景某大型机械制造企业，拥有多条生产线，涉及众多设备和传感器。在生产过程中，企业需要实时监控设备的运行状态，收集生产数据，以便进行生产优化和决策支持。然而，传统
  • Python dict字符串转json对象，小数精度丢失问题 朝如青丝 暮成雪 jsonpython
    一前言JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式，dict是Python的一种数据格式。本篇介绍一个float数据转换时精度丢失的案例。二问题描述importjsontest_str1='{"π":3.1415926535897932384626433832795028841971}'test_str2='{"value":10.00000}'print
  • Vue 常见面试题(一) 安生生申 面试题vue.js前端javascript
    目录1、Vue的最大的优势是什么？（必会）2、Vue和jQuery两者之间的区别是什么？（必会）3、MVVM和MVC区别是什么？哪些场景适合？（必会）1、基本定义2、使用场景3、两者之间的区别4、Vue数据双向绑定的原理是什么?（必会）5、Object.defineProperty和Proxy的区别（必会）6、Vue生命周期总共分为几个阶段？（必会）7、第一次加载页面会触发哪几个钩子函数？（必会）
  • 动态多态的注意事项 Austin_1024 动态多态静态多态虚函数子类重写父类虚函数实现动态多态
    大家好：衷心希望各位点赞。您的问题请留在评论区，我会及时回答。多态的基本概念多态是C++面向对象三大特性之一（多态、继承、封装）多态分为两类：静态多态：函数重载和运算符重载属于静态多态，复用函数名。动态多态：通过派生类和虚函数实现运行时多态。静态多态和动态多态的区别：静态多态的函数地址早绑定——编译阶段确定函数地址。动态多态的函数地址晚绑定——运行阶段确定函数地址。下面通过案例讲解多态：#incl
  • 山东省大数据局副局长禹金涛一行莅临聚合数据走访调研 聚合数据 API大数据人工智能API
    3月19日，山东省大数据局党组成员、副局长禹金涛莅临聚合数据展开考察调研。山东省大数据局数据应用管理与安全处处长杨峰，副处长都海明参加调研，苏州市大数据局副局长汤晶陪同。聚合数据董事长左磊等人接待来访。调研组一行参观了聚合数据展厅，了解了聚合数据的发展历程、数据产品、应用案例、奖项荣誉等情况。并就企业在数据处理和应用方面取得的成绩进行了深入交流。作为最早一批进入大数据行业的企业，聚合数据深耕行业十
  • 企业案例库 康森爱学习
    目前进度：福州提交了“坤兴海洋”案例内容，已经整理出本案例对外版本（初稿），对内版本是在对外版本基础上，新增推动经验，目前还未整理。漳州分会的案例还未提交，夏艳同意整理。厦门分会案例还未整理，倾向“仁铭创投”遇到问题：下属分会对案例库的兴趣不大，没有直接收益，怎么让下属分会有动力去推动案例库建设。案例来源于下属分会，他们的态度很关键。两条思路：第一，把入选案例库作为一种荣誉，反馈给企业，以此给分会
  • “结婚生子”是火坑？ 草原军哥
    人到中年两不堪，生不容易死不甘最近一直在认真思考，结婚生子是否有必要？看了一位网友的故事，我觉得“结婚生子”就是人一生最大的火坑，可让我难以理解的是，为什么明知“结婚生子”是火坑，还会义无反顾的跳进？看看身边的那些未婚男人，为了娶个媳妇不惜倾家荡产，东家借来，西家借就为了娶个女人，真不理解为什么呢？身边太多的案例告诉我，“结婚生子”绝对是赔本的买卖，我们都说“股市有风险，进入要理性。”可在我眼里，
  • 九月目标达成训练营 yuqiong_819a
    1设立九月微目标【9月微目标】写作商业案例笔记45个【微目标分解】公司案例40个/每天2个，上午完成。行业笔记5个。1，9月第一周科技公司主题10个，2,9月第二周消费和服务业主题12个3，9月第三周智能制造4,9月第四周其他行业【目标达成阻碍】过度思考和找资料耽误进度，陪娃容易陷入时间黑洞，【解决方法PlanB】每周工作想清楚重点，细分目标;高质量陪娃也要目标管理～每天一个故事一个游戏【非达成不
  • 2021.1.4每日嘉许 d1e00ea6f4b4
    1嘉许自己早起给孩子做饭，站桩，心情愉悦2嘉许自己和老师聊天，说出自己的困惑，收到了老师的指点，心情舒畅3嘉许自己认真听梅琼老师讲的一致性沟通案例会并记笔记4嘉许自己做午饭和孩子一起吃，5嘉许自己给公公改手机套餐6嘉许自己做晚饭，老公和朋友都说好吃，我很满足，看到了自己的价值感7嘉许老公下班就立马回家8嘉许老公腰不舒服去找地方拔罐9嘉许老公和朋友一起聊天10嘉许孩子早上自己起床，自己骑车去学校11
  • 315晚会刚过，币圈还需自我净化 区块琪迹
    昨天315晚会，相信币圈至少贡献了一半的收视率。然而，整个315晚会一个跟币圈、一个跟区块链相关的案例都没提。很多危机项目方长舒一口气，暂时安全了；套牢韭菜长叹一口气，暂时还得继续维权了。前几年的市场大跌，国内其实并没有看过这么多经典剧情，最多是矿池交易所跑个路，也没大规模维权，因为参与人数有限，一般损失量不大，大家也都不Care。但今年不同了，项目方参与进来，产业链条变得越来越长，环节变得越来越
  • 观香案例故事事业情感婚姻 观香
    很久以前，有一个姓郝的员外，家境富裕，经常施舍粮食衣物，拿出钱财周济穷苦百姓，获得当地人的尊敬，称呼他为郝善人。这一年，郝善人居住的祖屋破败不堪了，他打算推到旧屋重建新屋，请来当地颇有名望的老把式冯大头，让他召集工匠建房。当地的工匠们私底下抱成团，推举一位领头人，俗称老把式，由他出头露面承接工程，结算工钱，管理工匠队伍。冯大头召集来泥瓦匠和木匠，择日动工。其中有个姓曲的木匠，心底里怨恨郝善人，打算
  • 怎样做一名研究型的新型教师？--《今天怎样做教师：点评100个教育案例》读后感 冉冉升起的sun
    王晓春老师的这本书全是他在“教育在线”和“K12”等教育网站上和老师讨论的100案例，分别从教师自身素质提高问题、教学问题、管理问题、师生关系问题和个别学生教育问题五个方面进行阐述点评。王老师反复提到“案例研究”，主要是让我们做一名与时俱进的新型教师，提高专业水平，提高工作的“科技含量”“智慧含量”。怎样提高专业水平？主要是案例探讨。案例研究的路子是“就事论理”。只要我们找准路子，就能实现专业水平
  • 企业数字化转型必读：数据处理是“终极任务” MongoDB 数据平台 mongodb人工智能
    当前，可用的数据获取和分析技术的跃进，为产业创新创造了巨大的机遇，诸如线上音视频平台、游戏开发和运营商、新消费品牌、从传统行业中崛起的数字化工厂等等，迎来了前所未有的快节奏业务迭代，同时也面临着数据处理需求更加复杂多变的挑战。对于企业来说，在开发体验、开发效率、用户使用体验以及运维成本之间寻找平衡，可谓一项“终极任务”——以下是来自不同行业的4个客户案例，一起来看看他们是如何在MDB的帮忙下降本增
  • XSS四-WEB攻防-XSS跨站&CSP策略&HttpOnly属性&Filter过滤器&标签闭合&事件触发 爱敲键盘的pig 前端xss网络安全
    演示案例：XSS跨站-安全防御-CSPXSS跨站-安全防御-HttpOnlyXSS跨站-安全防御-XSSFilter1.CSP(Content Security Policy 内容安全策略)内容安全策略是一种可信白名单机制，来限制网站中是否可以包含某来源内容。该制度明确告诉客户端，哪些外部资源可以加载和执行，等同于提供白名单，它的实现和执行全部由浏览器完成，开发者只需提供配置。禁止加载外域代码，防
  • 【WPF应用1】Windows Presentation Foundation（WPF）：跨平台的UI框架解析 白话Learning WPFwindowswpfui
    摘要WindowsPresentationFoundation（WPF）是.NETFramework3.0的一部分，提供了丰富的UI组件和控件，用于创建高效、美观的桌面应用程序。本文深入探讨了WPF的主要功能、特点、跨平台性以及应用案例，并对WPF的未来发展进行了展望。一、WPF概述WPF，全称为WindowsPresentationFoundation，是微软推出的一个用于构建桌面应用程序的图形
  • LeetCode hot100-14 Aloha_up leetcodeleetcode算法职场和发展
    56.合并区间以数组intervals表示若干个区间的集合，其中单个区间为intervals[i]=[starti,endi]。请你合并所有重叠的区间，并返回一个不重叠的区间数组，该数组需恰好覆盖输入中的所有区间。这道题也没什么思路，看了提示做出来的，但是还是超时了，能过167/170的案例。把排序那改成更快的排序应该就不会超时。官方解法的代码写得有一种Java水平过高，明显不是我能写出的代码的感
  • 生成式AI竞赛：开源还是闭源，谁将主宰未来？ 新加坡内哥谈技术 人工智能
    每周跟踪AI热点新闻动向和震撼发展想要探索生成式人工智能的前沿进展吗？订阅我们的简报，深入解析最新的技术突破、实际应用案例和未来的趋势。与全球数同行一同，从行业内部的深度分析和实用指南中受益。不要错过这个机会，成为AI领域的领跑者。点击订阅，与未来同行！订阅：https://rengongzhineng.io/对于一些行业观察家来说，这场战斗似乎还没开始就已结束。当ChatGPT成为有史以来增长最
  • vue中时间戳转换时间格式并实时刷新案例 zyghhhh
    {{date}}import{dateFormat}from"../utils/index.js";exportdefault{data(){return{date:`${newDate().getFullYear()}年${(newDate().getMonth()+1>9?newDate().getMonth()+1:newDate().getMonth()+1)}月${(newDate().
  • WEB界面jquery1.7.2版本升级到jquery3.6版本需要注意的问题 程序十八大 javascriptjqueryjavascripthtml
    $.size();需要更改为$.length;原因：1.8版本的时候$.size()被废弃页面加载的时候，$(function(){})与onload=""谁先执行的问题。
  • 《桂花雨》的朗读 西岩耕夫
    赵老师新教育知行合一133：宜阳县董王庄乡中心小学案例分析重在对具体教学技巧的学习。今天教学《桂花雨》一课，重在朗读指导。朗读的总体要求是正确流利有感情。正确的要求，上等学生和中等学生，基本上无问题。后1/3学生，存在的问题还比较大。还有个别同学，不认识的字比较多，说明了基础特别差。其他同学随便掉字添字卡壳的现象比较多，说明不能够读准词语，词语积累掌握的数量较少。流利的要求。很多中等同学也做不到。
  • 揭开访问者模式的神秘面纱-轻松增强对象行为 danci_ww 设计模式设计模式访问者模式软件工程java面试程序人生
    个人主页：danci_系列专栏：《设计模式》制定明确可量化的目标，坚持默默的做事。转载自：探索设计模式的魅力：揭开访问者模式的神秘面纱-轻松增强对象行为探索设计模式的魅力：揭开访问者模式的神秘面纱轻松增强对象行为文章目录一、案例场景1.1经典的运用场景1.2一坨坨代码实现1.3痛点二、解决方案2.1定义2.2案例分析2.3访问者模式结构图及说明2.4使用访问者模式重构示例2.5重构后解决的问题一、
  • 深入解析：在 Node.js 中删除文件的正确姿势 咖啡加剁椒⑥ 软件测试node.js功能测试软件测试自动化测试程序人生职场和发展
    引言在Node.js中处理文件尤其是移除文件，对于维护高效应用程序至关重要。储存和秩序当道的今天，删除不必要或冗余的文件能力显得尤为关键。本文深入探讨你会想要使用这个强大功能的时刻和原因，并通过各种案例展示了这个概念，同时提供了技术机制的见解。Node.js文件删除的常见场景定期清理临时文件：应用程序经常生成临时数据，如缓存或日志文件。这些文件一旦完成它们的使命，便需定期清除以保持系统整洁。处理文
  • 经典案例- 磁盘阵列两块盘掉线的数据恢复分析 北亚数据恢复 数据恢复数据恢复raid阵列数据恢复服务器
    磁盘阵列两块硬盘离线数据恢复案例一：客户使用Dell2850服务器组建了raid5磁盘阵列，阵列中包含有6块硬盘（SCSI硬盘，单盘容量300G），服务器操作系统为linuxRedhat4；文件系统为ext3文件系统。在使用过程中服务器瘫痪，管理员对阵列检查后发现有两块硬盘离线，对其中一块硬盘进行了强制上线操作，但操作系统启动异常。管理员此时意识到事情的严重程度，马上对服务器进行关机，然后联系到数
  • 牛客刷题|HJ24 合唱队，HJ25 数据分类处理 , HJ26 字符串排序 Huiwen_Z 笔试刷题数据结构算法python牛客
    HJ24合唱队题目链接：合唱队_牛客题霸_牛客网(nowcoder.com)思路：对队列中每个元素分别找左边最长递增序列和右边最长递减序列（都不一定是连续的），那么以当前元素为“山顶”可以保留的最大人数就是两者之和减一。寻找最长递增序列可以用动态规划实现。但测试用例只通过了2/20，我使用其它用户发的代码并作了些格式上的修改，依然只能通过2/20。有没有人能告诉为什么：（代码（未通过所有测试案例）
  • 计算机毕业设计之ssm图书馆预约占座系统平台 B站计算机毕业设计超人
    开发技术后台:springmvc+spring+mybatis（SSM）前台：JQuerylayUI百度echarts数据库：MySQL代码开源地址(码云gitee)https://gitee.com/bysj2021/library_seatB站演示Demo地址https://www.bilibili.com/video/BV1Q741147Ag/运行截图图书馆预约占座系统平台图书馆预约占座系统
  • 新书速览|轻松学C++编程：案例教学 全栈开发圈 javajvm算法
    零负担学习C++语言的语法，轻松上手C++面向对象程序设计本书简介The19thAsianGames《轻松学C++编程：案例教学》从初学者的角度循序渐进地从C++语言的基础语法到高级语法进行讲解。全书使用生动的实例和图示，介绍C++面向对象程序设计的基础知识；进而通过案例详解类的高级应用、运算符重载、继承与多态，全面呈现了面向对象程序设计的主要内容。在数据流和文件操作技巧与应用方面，本书还提供了实
  • 观课议课的案例 糊涂啊
    这段时间听课，心里越来越清晰，我在用一种标准听课。今天听了三节课，都是按照这个标准听课的！1.“有讨论价值的课堂现象和教育故事”说明。这使观课议课定位于讨论课堂上发生过的故事和现象。观课议课要基于现象，基于事实，面向现象，面向现象。基于现象而不是基于标准的观察和讨论体现对教师专业劳动的尊重，也使彼此之间的交流讨论心平气和，同时也避免相应的对话交流因为“空对空”而流于形式（这使观课议课要有实证研究的
  • 【前端框架的发展史详细介绍】 程序员不想敲代码啊 前端框架
    前端框架的发展史前端框架的发展史可以追溯到1995年，当时微软推出了IE浏览器并开始支持CSS，随后，在1997年，W3C（万维网联盟）发布了CSS的第一个正式标准。在2003年，苹果推出了Safari浏览器，它支持Web标准，包括CSS和JavaScript。同年，Mozilla基金会发布了Firefox浏览器，也开始支持这些标准。2006年，jQuery库发布，它简化了JavaScript编程
  • 线性代数在卷积神经网络（CNN）中的体现 科学的N次方 人工智能线性代数cnn人工智能
    案例：深度学习中的卷积神经网络（CNN）在图像识别领域，卷积神经网络（ConvolutionalNeuralNetworks,CNN）是一个广泛应用深度学习模型，它在人脸识别、物体识别、医学图像分析等方面取得了显著成效。CNN中的核心操作——卷积，就是一个直接体现线性代数应用的例子。假设我们正在训练一个用于识别猫和狗的图像分类器，原始输入是一幅RGB彩色图片，可以将其视为一个高度、宽度和通道数（R
  • 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其他