HaiJun_Aion
HaiJun_Aion

原生JS实现轮播图(3种方法)

最近在巩固JS基础知识，顺手敲了个轮播图，它有3种换图方法。

  1. 自动换图 (设置定时器每隔2s换一张图)
  2. 点击左右箭头换图
  3. 点击小圆点换图

代码如下


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="font.css">
    <title>Documenttitle>
    <style>
    *{
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-decoration: none;
    }
    #fade{
        width: 500px;
        height: 500px;
        margin: 0 auto;
        position: relative;
    }
    .now-left{
        position: absolute;
        top: 45%
    }
    .now-right{
        position: absolute;
        top: 45%;
        left:93%;
    }
    .ul_dian{
        position: absolute;
        top: 90%;
        left: 38%;
    }
    .ul_dian li{
        float: left;
    }
    style>
head>
<body>
    <center><h2>轮播图h2>center>
    <div id="fade">
        <img src="img/1.jpg" width="100%" height="100%" id="lunbo">
        <i class='iconfont icon-jiantouzuo now-left' id="left">i>
        <i class='iconfont icon-jiantouyou now-right' id="right">i>
        <ul class="ul_dian">
            <li class='iconfont icon-yuandianzhong '>li>
            <li class='iconfont icon-yuandianzhong '>li>
            <li class='iconfont icon-yuandianzhong '>li>
            <li class='iconfont icon-yuandianzhong'>li>
        ul>
    div>
    <script>
        var lb = document.getElementById("lunbo")
        var num=1;


        // 自动换图
        setInterval(function(){
            num++;
            if(num == 5){
                num = 1;     
            }
            lb.src="img/"+num+".jpg" 
            // console.log(num)
        },3000)
        var left = document.getElementById("left")
        var right = document.getElementById("right")

        // 点击左箭头换图
        left.onclick=function(){
            num--;
            if(num == 0){
                num = 1;     
            }
            lb.src="img/"+num+".jpg" 
   
        }

        // 点击右键换箭头
        right.onclick=function(){
            num++;
            if(num == 5){
                num = 4;     
            }
            lb.src="img/"+num+".jpg" 
        }


        // 点击圆点换图
        var allLi = document.getElementsByTagName('ul')[0].getElementsByTagName("li");
        for(var i = 0 ; i < allLi.length ; i++){
            // 给每个li元素赋值，每循环一次，i+1;
            allLi[i].index = i;
            allLi[i].onclick=function(){
                // li的索引是从0开始的，所以要+1
                var num = this.index+1;
                lb.src="img/"+num+".jpg" 
            }   
        }
    script>
body>
html>

效果图

原生JS实现轮播图(3种方法)_第1张图片

你可能感兴趣的:(JavaScript高级)

  • export default vs module.exports：JavaScript 模块导出的双雄对决 正小安 vue杂谈前端javascriptecmascript
    exportdefaultvsmodule.exports：JavaScript模块导出的双雄对决在JavaScript的模块化编程中，exportdefault和module.exports是两种不可或缺的语法，它们分别代表了ES6模块系统（也称为ES2015模块或ES6模块）和CommonJS模块系统的核心导出机制。了解它们之间的区别与联系，对于编写可维护、跨平台兼容的JavaScript代码
  • 解锁淘宝商品评论 API，精准把握消费者需求 HM1361749189 大数据数据库开发数据库数据分析
    在电商领域，商品评论和详情信息是消费者做出购买决策的重要参考。淘宝和天猫作为中国领先的电商平台，提供了丰富的API接口，允许商家和开发者获取这些关键数据。本文将详细介绍如何利用淘宝/天猫的商品评论API接口和商品详情高级版API，高效挖掘电商数据，为商业决策提供数据支持。以下是关于淘宝商品评论的基本应用：获取商品评论列表：开发者可以根据商品id、页码、排序方式等参数，获取商品的评论列表。例如，可按
  • 网络安全工程师自主学习计划表（具体到阶段目标） 大模型综述 web安全网络安全系统安全安全学习
    前言接下来我将给大家分享一份网络安全工程师自学计划指南，全文将从学习路线、学习规划、学习方法三个方向来讲述零基础小白如何通过自学进阶网络安全工程师，全文篇幅有点长，同学们可以先点个收藏，以免日后错过了。目录前言学习路线学习规划初级1、网络安全理论知识（2天）2、渗透测试基础（1周）3、操作系统基础（1周）4、计算机网络基础（1周）5、数据库基础操作（2天）6、Web渗透（1周）中级、高级7、脚本编
  • 用JavaScript写一个简单的9*9乘法表 迷雾yx javascript开发语言ecmascript
    Documentspan{width:80px;padding:5px10px;display:inline-block;/*可以使行内元素表现得像块级元素一样*/text-align:center;/*文本居中*/border:1pxsolidturquoise;margin:2px;/*每个边框之间距离为2px*/border-radius:10px;/*边框圆润*/box-shadow:6p
  • How can I load the openai api configuration through js in html? 营赢盈英 AIaipythonjavascripthtmlnode.jsopenai
    题意：怎样在HTML中通过JavaScript加载OpenAIAPI配置问题背景：Iamtryingtosendarequestthroughjsinmyhtmlsothatopenaianalyzesitandsendsaresponse,butifinthejsIputthefollowing:我正在尝试通过HTML中的JavaScript发送一个请求，以便让OpenAI分析它并发送响应，但如
  • 分享JavaScript中直接调用CSS中的类名 奔跑的呱呱牛 javascriptcss开发语言
    分享JavaScript中直接调用CSS中的类名在现代的JavaScript框架（如React、Vue）中，使用CSS模块（CSSModules）是一种非常流行的方式。.module.css文件扩展名代表的是CSS模块，它与普通的CSS文件不同，能够解决样式全局污染的问题，并且实现更好的样式隔离。为什么要使用.module.css作用域隔离：传统的CSS文件中的类名是全局的，这意味着如果多个组件或
  • CSS基本语法结构 nice66660 css前端开发语言javaidea算法数据结构
    1.CSS基本语法结构文章目录1.CSS基本语法结构2.HTML中引入CSS样式2.1行内样式2.2内部样式表2.3外部样式表2.3.1链接式2.3.2导入式2.4CSS基本选择器2.4.1标签选择器2.4.2类选择器2.4.3ID选择器3.CSS的高级选择器3.1层次选择器3.1.1后代选择器3.1.2子代选择器3.1.3相邻兄弟选择器3.1.4通用兄弟选择器3.2结构伪类选择器3.3属性选择器
  • Python-request库的详细解析 需要重新演唱 Pythonpython开发语言request库httpsession
    引言在现代网络应用中，与服务器进行通信是一个非常基础且重要的功能。Python的requests库是一个非常强大且易于使用的HTTP库，它允许我们发送HTTP请求，与Web服务进行交互。本文将详细介绍requests库的使用，包括其基本概念、常用功能以及一些高级用法。安装requests库在使用requests库之前，我们需要先安装它。可以通过pip命令来安装：pipinstallrequests
  • 有哪些好用的唯品会返利软件推荐? 爱生活爱氧券
    唯品会返利软件叫什么，唯品会返利APP哪个最好今天我们就来说下：唯品会返利app哪个最好（推荐十个大家都在用的返利软件排行榜）大家好！我是氧券平台最大团队&高级合伙人柚子导师。相较于其它省钱吧app，氧券佣金更高，模式更好，终端用户不流失！唯品会返利软件叫什么？唯品会内部优惠券app。唯品会返利app叫什么？唯品会可以以低折扣购买到品牌商品。唯品会返利app哪个最好？购物时，除了领取唯品会优惠券，
  • Selenium面试题（二） 知识的宝藏 Selenium（Java）selenium测试工具
    如何在不使用sendKeys()的情况下输入文本可以通过组合使用JavaScript和WebDriver扩展类来实现。以下是一个示例代码：publicstaticvoidsetAttribute(WebElementelement,StringattributeName,Stringvalue){WrapsDriverwrappedElement=(WrapsDriver)element;Java
  • OpenAI计划提高ChatGPT的价格——你需要了解的事项 AI小夏 chatgpt人工智能
    据报道，OpenAI正在考虑为ChatGPT提供更高价位的订阅层级，以应对对更高级AI功能日益增长的需求。据TheInformation的报道，OpenAI内部已经讨论过订阅价格，最高可能达到每月2000美元。这些高级订阅将提供正在开发的高性能AI模型中的新高级功能，包括”Strawberry”（草莓）和”Orion”（猎户座）。高级功能即将为专业人士和企业推出目前，ChatGPT提供免费层级和每
  • 2018-07-06 一名谦虚的学生
    js高级今日所学摘要：①js的预编译：js很特别，在js代码执行前会进行预编译，预编译的结果就是——变量提升。如下图所示：②js中的arguments，俗称伪数组，不是真正的数组，但可以像数组一样使用，里面存入的是传入函数的形参。③for...in用法：可以用来遍历数组和对象，遍历对象居多。对象拷贝时注意用hasOwnProperty方法④prototype原型：分为两类：（1）类里面有proto
  • 断舍离，让你的生活变得更高级 心怡小妖
    断舍离，想必大家都听说过，它既是日本山下英子创作的家庭生活类著作，也是时下我们比较推崇的一种极简的生活理念和生活态度。作为书籍，它主要讲述了日本杂物管理咨询师山下英子推出的概念：断等于不买、不收取不需要的东西，舍等于处理掉堆放在家里没用的东西，离等于舍弃对物质的迷恋，让自己处于宽敞舒适，自由自在的空间。从这一点，很多人可能一听到断舍离，就会认为断舍离的主角是物品，就是扔掉不需要不用的东西，还自己舒
  • Python和数据分析：Seaborn新手指南 Python_魔力猿 python数据分析信息可视化
    Seaborn是建立在Matplotlib之上的统计数据可视化库，它提供了高级接口和漂亮的默认样式，使得数据可视化变得更加简单和美观。1.导论Seaborn在数据可视化中的角色和优势体现在以下方面：简化API：Seaborn的API设计更加简洁，容易使用，尤其适合初学者。它能够通过几行代码生成漂亮而具有信息含量的图表。美观的默认样式：Seaborn具有吸引人的默认颜色和样式，无需额外的配置即可生成
  • 前端进阶：JavaScript实现优雅遮罩层下的表单验证技巧 VaporGas 前端前端javascripthtmlhtml5ecmascript开发语言
    表单验证的高级特性本次介绍的重点如下：动态改变样式属性className属性的用法遮罩层特效的制作动态输入的提示特性实现当文本框获得焦点时改变背景颜色，失去焦点时恢复白色使用元素的style属性访问样式规则object.style.property;例如:访问字体的颜色color使用obj.style.color访问字体的大小属性使用obj.style.fontSizefont-size变换成fo
  • Java架构师学习路线 网络全息测量 心得体会
    (1)第一步：研究spring,hibernate。通过研究jeecms开源框架。也同时学习css,html,javascript,jquery.以前都学习过，不过没有系统学习过，现在必须系统学习。同时看cms相关的论文。然后，改造jeecms能够改为自己的一个开源框架，以后开发cms系统都用我自己开发的框架，作为第一阶段的成果。(2)第二步：学习开源工作流引擎Activiti5，jbpm4.4以
  • 使用Electron读取本地文件 ch_s_t 前端开发electronjavascript前端
    Electron原来叫AtomShell,可以用Web技术搭建桌面端程序，以Electron为基础，可以用HTML，CSS和javascriptpt实现程序逻辑和用户桌面，Electron程序一般有主进程和渲染进程，主进程是启动程序的Node脚本，提供对原生的node模块访问。渲染进程是由chromium管理的Web界面。以下的内容介绍从零开始搭建一个读取本地文件的Electron项目。一运行简单
  • 寰球美购的商业模式的全面介绍 寰球美购
    汉中全球美购商贸有限公司是由多个知名企业，天使投资人，以及多行业高级管理人共同出资创办。旗下寰球美购电子商务双平台项目，是基于移动互联网模式的分销数字化营销。覆盖了数码电子、商贸百货、美妆个护、服装配饰等多个领域。寰球美购APP诞生于移动电商浪潮下，将“供应商—生产商—消费者”紧密联系在一起，把从生产、分销到终端零售资源全面整合，减少了生产商由于积压和库存而产生的成本，使消费者最大获益。精简了出单
  • 一篇文章让你搞懂Reflect和Reflect metadata(JavaScript) 小小西爪 Typescriptjavascript前端开发语言
    一篇文章让你搞懂Reflect和Reflectmetadata(JavaScript)引言Javascript里经常看到Reflect的使用,但一直搞不明白他和Object的区别,加上在工作中也没有经常用到,一直处于懵懵懂懂的状态。所以下定决心,用这篇文章彻彻底底把它搞明白本文主要涵盖以下4个板块:Reflect什么是ReflectAPIs(Reflect与Object的区别)简单的例子:Obje
  • 【Azure 应用服务】如何查看App Service Java堆栈JVM相关的参数默认配置值？ 云中路灯
    问题描述如何查看AppServiceJava堆栈JVM相关的参数默认配置值？问题解答可以通过AppService的高级管理工具(kudu:)来查看JVM的相关参数，使用命令：java-XX:+PrintFlagsInitial-versionimage鉴于以上输出的参数太多，可以通过命令把结果输出在txt文件中，如：java-XX:+PrintFlagsInitial-version>D:\hom
  • 总结函数相关知识 你会发光哎u JavaScript高级学习javascript前端开发语言
    这里写目录标题1.函数的特性声明调用参数参数默认值返回值属性方法arguments剩余参数（`rest`）作用域原型`this`指向执行过程2.特殊的函数`with`函数`eval`函数apply/call/bind函数纯函数箭头函数立即执行函数`IIFE`高阶函数递归函数组合函数柯里化函数概念优势自动柯里化类和构造函数JavaScript是支持函数式编程的，在JavaScript中函数是一等公民
  • Vue解說 白总Server vue.js前端javascript数据库架构网络协议ssl网络
    Vue.js（通常简称为Vue）是一个开源的JavaScript框架，用于构建用户界面和单页应用程序（SPA）。它由前谷歌工程师尤雨溪（EvanYou）创建，并首次发布于2014年。Vue被设计为易于上手、灵活且高效，它允许开发者通过组件化的方式构建复杂的前端应用。Vue.js的关键特点：渐进式框架：Vue可以从简单的界面元素开始，逐步扩展到复杂的单页应用。响应式数据绑定：Vue使用双向数据绑定，
  • 程式语言区分 白总Server htmlpythonjavac++开发语言
    程序语言有很多种，每种都有其特定的用途和特点。以下是一些广泛使用的编程语言：1.Python：易于学习，广泛用于数据科学、机器学习、网络开发、自动化等领域。2.Java：广泛应用于企业级应用、安卓开发、大型系统开发等。3.C：一种基础语言，广泛用于系统编程、嵌入式开发、操作系统等领域。4.C++：C语言的扩展，支持面向对象编程，用于游戏开发、高性能应用等。5.JavaScript：主要用于网页前端
  • JS手写实现深拷贝 Mzp风可名喜欢 javascript前端
    手写深拷贝一、通过JSON.stringify二、函数库lodash三、递归实现深拷贝基础递归升级版递归---解决环引用爆栈问题最终版递归---解决其余类型拷贝结果一、通过JSON.stringifyJSON.parse(JSON.stringify(obj))是比较常用的深拷贝方法之一原理：利用JSON.stringify将JavaScript对象序列化成为JSON字符串，并将对象里面的内容转换
  • 高频面试题：ReactNative前端面试频率较高的面试题和答案（十六） 夲奋亻Jay 高频面试题react跨端reactnative前端面试
    ReactNative是一个由Facebook开发的框架，它允许使用React来开发原生移动应用。以下是一些在前端面试中可能会问到的关于ReactNative的高频面试题及答案：ReactNative是什么？答案：ReactNative是一个基于React构建的框架，允许使用JavaScript和React的编程方式来开发原生移动应用。ReactNative与React有什么不同？答案：React
  • 前端基础面试题·第三篇——JavaScript（其四） DT—— 前端面试javascript前端开发语言
    highlight:atom-one-dark1.JSON.stringifyJSON.stringify()方法将一个JavaScript值（对象或者数组）转换为一个JSON字符串，如果指定了一个replacer函数，则可以替换值。语法：JSON.stringify(value,replacer,space)参数value：要转换的值。replacer：替换值，可以是一个函数或者数组。（这个参数
  • 佛爷：《易经》教你这样做自己 佛爷来了
    富有成效的忙碌是一种高级别的快乐——佛爷来了图片发自App多年前公司年会的时候，佛爷的致辞主题就是“遇见更好的自己”！从公司管理、薪资福利、人力结构等方面提出了新的提升要求。与其说这是对公司的战略规划，不如说这是对自我的规划。事实上，创业以来，似乎陷入了一个漫长的关于人生的思考，比如：何为成功？何为失败？追求的究竟是什么？这个时代发展实在太快，物欲横流，似乎金钱成了评价一个人成功与否的唯一标准。不
  • AJAX实时表单验证系统 三年九班蓝同学
    本文还有配套的精品资源，点击获取简介：在网页开发中，"ajax验证表单"是一项关键任务，确保数据符合格式和规则，提升数据质量和用户体验。本应用通过使用JavaScript和XMLHttpRequest对象实现后台验证，无需页面刷新。它包括前端验证、事件处理、Ajax调用、服务器端处理、响应处理、用户体验和安全性等关键步骤，以jQuery库简化开发流程，创建高效、安全的表单验证系统。1.表单验证的重
  • 「 网络安全常用术语解读 」同源策略SOP详解：没有SOP就没有隐私 全栈安全 安全术语web安全安全术语
    同源策略可保护用户的隐私和数据安全，防止恶意网站通过跨域请求（例如，通过JavaScript）访问或修改其他网站的数据。1.同源策略产生背景当浏览器从一个域发送一个HTTP请求到另一个域时，与另一个域相关的任何cookies，包括身份验证会话cookie，也会作为请求的一部分发送。如果没有同源策略，如果你访问一个恶意网站，该网站将能够读取你的电子邮件、私人消息等。2.同源策略定义同源策略（Same
  • notepad++软件介绍（含安装包） LQS2020 notepad++
    Notepad++是一款开源的文本编辑器，主要用于编程和代码编辑。它是一个功能强大的替代品，常常被用来替代Windows系统自带的记事本。Notepad++win系统免费下载地址以下是Notepad++的一些主要特点和功能：多语言支持：Notepad++支持多种编程语言，包括Python、JavaScript、HTML、CSS、C++、Java等。它能够根据文件类型自动高亮显示语法，使代码更加易读
  • 矩阵求逆（JAVA）初等行变换 qiuwanchi 矩阵求逆（JAVA）
    package gaodai.matrix; import gaodai.determinant.DeterminantCalculation; import java.util.ArrayList; import java.util.List; import java.util.Scanner; /** * 矩阵求逆(初等行变换) * @author 邱万迟 *
  • JDK timer antlove javajdkschedulecodetimer
    1.java.util.Timer.schedule(TimerTask task, long delay)：多长时间（毫秒）后执行任务 2.java.util.Timer.schedule(TimerTask task, Date time)：设定某个时间执行任务 3.java.util.Timer.schedule(TimerTask task, long delay,longperiod
  • JVM调优总结 -Xms -Xmx -Xmn -Xss coder_xpf jvm应用服务器
    堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。 典型设置： java -Xmx
  • JDBC连接数据库 Array_06 jdbc
    package Util; import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Statement; public class JDBCUtil { //完
  • Unsupported major.minor version 51.0（jdk版本错误） oloz java
    java.lang.UnsupportedClassVersionError: cn/support/cache/CacheType : Unsupported major.minor version 51.0 (unable to load class cn.support.cache.CacheType) at org.apache.catalina.loader.WebappClassL
  • 用多个线程处理1个List集合 362217990 多线程threadlist集合
      昨天发了一个提问，启动5个线程将一个List中的内容，然后将5个线程的内容拼接起来，由于时间比较急迫，自己就写了一个Demo，希望对菜鸟有参考意义。。 import java.util.ArrayList; import java.util.List; import java.util.concurrent.CountDownLatch; public c
  • JSP简单访问数据库 香水浓 sqlmysqljsp
    学习使用javaBean，代码很烂，仅为留个脚印 public class DBHelper { private String driverName; private String url; private String user; private String password; private Connection connection; privat
  • Flex4中使用组件添加柱状图、饼状图等图表 AdyZhang Flex
    1.添加一个最简单的柱状图 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <?xml version= "1.0"&n
  • Android 5.0 - ProgressBar 进度条无法展示到按钮的前面 aijuans android
    在低于SDK < 21 的版本中，ProgressBar 可以展示到按钮前面，并且为之在按钮的中间，但是切换到android 5.0后进度条ProgressBar 展示顺序变化了，按钮再前面，ProgressBar 在后面了我的xml配置文件如下：   [html]  view plain copy   <RelativeLa
  • 查询汇总的sql baalwolf sql
    select   list.listname, list.createtime,listcount from dream_list as list ,   (select listid,count(listid) as listcount  from dream_list_user  group by listid  order by count(
  • Linux du命令和df命令区别 BigBird2012 linux
            1，两者区别             du，disk usage,是通过搜索文件来计算每个文件的大小然后累加，du能看到的文件只是一些当前存在的，没有被删除的。他计算的大小就是当前他认为存在的所有文件大小的累加和。        
  • AngularJS中的$apply，用还是不用？ bijian1013 JavaScriptAngularJS$apply
            在AngularJS开发中，何时应该调用$scope.$apply()，何时不应该调用。下面我们透彻地解释这个问题。         但是首先，让我们把$apply转换成一种简化的形式。         scope.$apply就像一个懒惰的工人。它需要按照命
  • [Zookeeper学习笔记十]Zookeeper源代码分析之ClientCnxn数据序列化和反序列化 bit1129 zookeeper
    ClientCnxn是Zookeeper客户端和Zookeeper服务器端进行通信和事件通知处理的主要类，它内部包含两个类，1. SendThread 2. EventThread， SendThread负责客户端和服务器端的数据通信，也包括事件信息的传输，EventThread主要在客户端回调注册的Watchers进行通知处理   ClientCnxn构造方法   &
  • 【Java命令一】jmap bit1129 Java命令
    jmap命令的用法：   [hadoop@hadoop sbin]$ jmap Usage: jmap [option] <pid> (to connect to running process) jmap [option] <executable <core> (to connect to a
  • Apache 服务器安全防护及实战 ronin47
    此文转自IBM. Apache 服务简介 Web 服务器也称为 WWW 服务器或 HTTP 服务器 (HTTP Server)，它是 Internet 上最常见也是使用最频繁的服务器之一，Web 服务器能够为用户提供网页浏览、论坛访问等等服务。 由于用户在通过 Web 浏览器访问信息资源的过程中，无须再关心一些技术性的细节，而且界面非常友好，因而 Web 在 Internet 上一推出就得到
  • unity 3d实例化位置出现布置？ brotherlamp unity教程unityunity资料unity视频unity自学
    问：unity 3d实例化位置出现布置？ 答：实例化的同时就可以指定被实例化的物体的位置,即 position  Instantiate (original : Object, position : Vector3, rotation : Quaternion) : Object 这样你不需要再用Transform.Position了,   如果你省略了第二个参数(
  • 《重构，改善现有代码的设计》第八章 Duplicate Observed Data bylijinnan java重构
    import java.awt.Color; import java.awt.Container; import java.awt.FlowLayout; import java.awt.Label; import java.awt.TextField; import java.awt.event.FocusAdapter; import java.awt.event.FocusE
  • struts2更改struts.xml配置目录 chiangfai struts.xml
    struts2默认是读取classes目录下的配置文件，要更改配置文件目录，比如放在WEB-INF下，路径应该写成../struts.xml(非/WEB-INF/struts.xml) web.xml文件修改如下：   <filter> <filter-name>struts2</filter-name> <filter-class&g
  • redis做缓存时的一点优化 chenchao051 redishadooppipeline
            最近集群上有个job，其中需要短时间内频繁访问缓存，大概7亿多次。我这边的缓存是使用redis来做的，问题就来了。       首先，redis中存的是普通kv，没有考虑使用hash等解结构，那么以为着这个job需要访问7亿多次redis，导致效率低，且出现很多redi
  • mysql导出数据不输出标题行 daizj mysql数据导出去掉第一行去掉标题
    当想使用数据库中的某些数据，想将其导入到文件中，而想去掉第一行的标题是可以加上-N参数 如通过下面命令导出数据： mysql -uuserName -ppasswd -hhost -Pport -Ddatabase -e " select * from tableName"  > exportResult.txt 结果为： studentid
  • phpexcel导出excel表简单入门示例 dcj3sjt126com PHPExcelphpexcel
    先下载PHPEXCEL类文件，放在class目录下面，然后新建一个index.php文件，内容如下 <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE);   if (PHP_SAPI == 'cli') die('
  • 爱情格言 dcj3sjt126com 格言
     1) I love you not because of who you are, but because of who I am when I am with you. 　　 我爱你，不是因为你是一个怎样的人，而是因为我喜欢与你在一起时的感觉。 　　2) No man or woman is worth your tears, and the one who is, won‘t
  • 转 Activity 详解——Activity文档翻译 e200702084 androidUIsqlite配置管理网络应用
    activity 展现在用户面前的经常是全屏窗口，你也可以将 activity 作为浮动窗口来使用（使用设置了 windowIsFloating 的主题），或者嵌入到其他的 activity （使用 ActivityGroup ）中。 当用户离开 activity 时你可以在 onPause() 进行相应的操作 。更重要的是，用户做的任何改变都应该在该点上提交 ( 经常提交到 ContentPro
  • win7安装MongoDB服务 geeksun mongodb
    1.  下载MongoDB的windows版本：mongodb-win32-x86_64-2008plus-ssl-3.0.4.zip，Linux版本也在这里下载，下载地址： http://www.mongodb.org/downloads   2.  解压MongoDB在D:\server\mongodb, 在D:\server\mongodb下创建d
  • Javascript魔法方法:__defineGetter__,__defineSetter__ hongtoushizi js
    转载自： http://www.blackglory.me/javascript-magic-method-definegetter-definesetter/ 在javascript的类中,可以用defineGetter和defineSetter_控制成员变量的Get和Set行为 例如,在一个图书类中,我们自动为Book加上书名符号: function Book(name){
  • 错误的日期格式可能导致走nginx proxy cache时不能进行304响应 jinnianshilongnian cache
    昨天在整合某些系统的nginx配置时，出现了当使用nginx cache时无法返回304响应的情况，出问题的响应头： Content-Type:text/html; charset=gb2312 Date:Mon, 05 Jan 2015 01:58:05 GMT Expires:Mon , 05 Jan 15 02:03:00 GMT Last-Modified:Mon, 05
  • 数据源架构模式之行数据入口 home198979 PHP架构行数据入口
    注：看不懂的请勿踩，此文章非针对java，java爱好者可直接略过。   一、概念 行数据入口（Row Data Gateway）：充当数据源中单条记录入口的对象，每行一个实例。   二、简单实现行数据入口 为了方便理解，还是先简单实现： <?php /** * 行数据入口类 */ class OrderGateway { /*定义元数
  • Linux各个目录的作用及内容 pda158 linux脚本
    1）根目录“/” 　　根目录位于目录结构的最顶层，用斜线（/）表示，类似于 Windows 操作系统的“C:\“，包含Fedora操作系统中所有的目录和文件。 　　2）/bin 　　/bin 　　目录又称为二进制目录，包含了那些供系统管理员和普通用户使用的重要 linux命令的二进制映像。该目录存放的内容包括各种可执行文件，还有某些可执行文件的符号连接。常用的命令有：cp、d
  • ubuntu12.04上编译openjdk7 ol_beta HotSpotjvmjdkOpenJDK
    获取源码 从openjdk代码仓库获取(比较慢) 安装mercurial Mercurial是一个版本管理工具。 sudo apt-get install mercurial 将以下内容添加到$HOME/.hgrc文件中，如果没有则自己创建一个： [extensions] forest=/home/lichengwu/hgforest-crew/forest.py fe
  • 将数据库字段转换成设计文档所需的字段 vipbooks 设计模式工作正则表达式
            哈哈，出差这么久终于回来了，回家的感觉真好！         PowerDesigner的物理数据库一出来，设计文档中要改的字段就多得不计其数，如果要把PowerDesigner中的字段一个个Copy到设计文档中，那将会是一件非常痛苦的事情。
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他