回忆小浪漫
回忆小浪漫

完整轮播图

function $(id) {
    return document.getElementById(id);

}
//封装运动函数
function animate(ele,target) {

    //开始要清除定时器
    clearInterval(ele.timer);
    ele.timer = setInterval(function () {
        //先获得该目标位置的偏移量
        var current = ele.offsetLeft;
        //设置每次移动的像素
        var step =730;
        step =  current<target?step:-step; //当前的目标位置小于目标值时，这时步数为正
        current += step; //当前移动的距离
        if(Math.abs(target-current)>Math.abs(step)){
            ele.style.left = current+'px';//当目标值与移动的距离大于步数的距离时，说明还有一段距离

        } else{
            clearInterval(ele.timer);//否则就已经到了，清除定时器
            ele.style.left = target+'px';//就直接让他到目标值
        }

    },20)

}

var oBox = $('box');
var inner = oBox.children[0];
var ulObj = inner.children[0];//
var spanObj = inner.children[1].children; //获取所有的span标签
var imgWidth = inner.offsetWidth;
var foucslr = $('foucslr');
var left = $('left');
var right = $('right');

//为小按钮做点击事件
for(var i=0;i<spanObj.length;i++){
    //在事件触发之前先获取索引
    spanObj[i].setAttribute('index',i);
    spanObj[i].onclick = function () {

        //先去除之前的样式
        for(var i=0;i<spanObj.length;i++){
            //spanObj[0].className = '';
            //这样也是去除样式
            spanObj[i].removeAttribute('class');
        }
        this.className = 'current';
        //获取按钮的索引
        var index = this.getAttribute('index'); //获得当前对象的索引
        animate(ulObj,-index*imgWidth);
        console.log(index);
        console.log(imgWidth*index)

    }
}
//自动轮播
var timer = setInterval(rightMove,1000);
//显示与隐藏左右箭头
oBox.onmouseover = function () {
    foucslr.style.display = 'block';
    clearInterval(timer);//停止自动播放
}
oBox.onmouseout = function () {
    foucslr.style.display = 'none';
    timer = setInterval(rightMove,1000)
};
ulObj.appendChild(ulObj.children[0].cloneNode(true));//把第一张图片进行复制一份
//右边按钮点击
var pic = 0;
right.onclick = rightMove;
//右边移动按钮
    function rightMove() {
        if(pic === ulObj.children.length-1){ //如果图片到了最后一张，就把他置为第一张
            pic = 0;
            ulObj.style.left = 0+'px'; //图片也置为第一张

        }
        pic++;
        animate(ulObj,-imgWidth*pic);

        //在进行控制按钮，当图片进行移动时，按钮这个时候也得跟着动
        if(pic === ulObj.children.length-1){
            //第五个颜色应该去除
            spanObj[spanObj.length-1].className = '';
            //第一个按钮颜色设置上
            spanObj[0].className = 'current'

        }else {  //如果不是最后一张，一并去除样式,然后再添加样式
            //去除所有的按钮样式
            for(var i=0;i<spanObj.length;i++){
                spanObj[i].removeAttribute('class');
            }
            spanObj[pic].className = 'current';
        }
    }
//左边按钮
left.onclick = leftMove;

//左边移动按钮
function leftMove() {
        if(pic === 0){ //如果是第一张图片时，往左移动时马上变为第6张图片
            //图片总共有七张，往左边一点，这个时候出现的时第7张图片，但是索引为6
            pic = 6; //第6张图片
            console.log(pic);
            ulObj.style.left = -pic*imgWidth+'px'
        }
        pic--;
        animate(ulObj,-imgWidth*pic);
        console.log(pic);
        //设置小按钮颜色，先去除按钮样式
        for(var i =0;i<spanObj.length;i++){
            spanObj[i].removeAttribute('class');
        }
        //对当前样式进行设置
        spanObj[pic].className = 'current';
    }

    //自动轮播


//HTML代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>完整的轮播图</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .box{
            width: 730px;
            height: 454px;
            margin: 100px auto;
            position: relative;
        }
        .inner{
            width:730px ;
            height: 454px;
            overflow: hidden;
            position: relative;
        }
        ul{
            list-style-type: none;
        }
        .inner ul{
            width: 1000%;
            position: absolute;
            top: 0;
            left: 0;
        }
        .inner li{
            float: left;

        }
        .square{
            position: absolute;
            right: 10px;
            bottom: 10px;
        }
        .square span{
            width: 16px;
            height: 16px;
            background-color: #ffffff;
            display: inline-block;
            text-align: center;
            line-height: 16px;
            cursor: pointer;

        }
        .square span.current{
            background-color: orange;
            color: #ffffff;
        }
        #foucslr{
            display: none;
        }
        #foucslr span{
            width: 40px;
            height: 40px;
            line-height: 40px;
            position: absolute;
            left: 5px;
            top: 50%;
            margin-top: -20px;
            background-color: #000000;
            text-align: center;
            color: #ffffff;
            font-size: 30px;
            cursor: pointer;
            border: 1px solid #cccccc;
            opacity: 0.3;

        }
        #foucslr #right{
            right: 5px;
            left: auto;
        }
    </style>
</head>
<body>
<div class="box" id="box">
    <div class="inner">

        <ul>
            <li><img src="../img1/images/1.jpg" alt="" width="730" height="454"></li>
            <li><img src="../img1/images/2.jpg" alt=""></li>
            <li><img src="../img1/images/3.jpg" alt=""></li>
            <li><img src="../img1/images/4.jpg" alt=""></li>
            <li><img src="../img1/images/5.jpg" alt=""></li>
            <li><img src="../img1/images/6.jpg" alt=""></li>
        </ul>
        <div class="square">
            <span class="current">1</span>
            <span>2</span>
            <span>3</span>
            <span>4</span>
            <span>5</span>
            <span>6</span>
        </div>

    </div>
    <div id="foucslr">
        <span id="left">&lt;</span>
        <span id="right">&gt;</span>
    </div>
</div>
<script src="完整的轮播图.js"></script>
</body>
</html>

你可能感兴趣的:(完整轮播图)

  • 【UI自动化框架设计思路】runner：如何运行框架 小怪兽长大啦 UI自动化测试技术分享ui自动化运维
    一、简介**功能：**自动化测试的运行器，负责整合UI识别与UI操作、读取配置文件并执行测试用例步骤。参数：config_pth：配置文件的路径（字符串类型）。说明：Runner类是整个自动化测试流程的核心入口点，通过加载配置文件并结合UI操作类，执行测试用例的步骤。它将配置管理、UI操作和测试执行整合为一个完整的自动化测试流程。二、代码解析1.init方法**功能：**初始化Runner类，加载
  • 【UI自动化技术思路分析】【总纲】UI自动化代码完整设计思路 小怪兽长大啦 UI自动化测试技术分享ui自动化运维
    一、自动化框架散装思路代码结构如下所示️UIAutomationTools：UI自动化操作工具app：业务功能代码ui_automation.py：为Android设备提供UI自动化操作的工具类case：测试用例case_template.csv：UI测试用例步骤config：配置文件login:登录相关的ICON图标路径icon_config.yaml：图片路径配置文件runner：运行器con
  • uniapp水印相机(水印照片，图片加水印) corekeys uniappuni-app
    在实际开发的项目中，我们有时候会遇到相机拍照上传照片的时候需要带有水印的功能。下面整理了我在自己的项目中做的水印相机(完整源码)功能实战分享给大家。水印中内容包含如下(实际包含的内容根据你的实际需求而定，这里只是以我的项目需求为例)：具体日期时间，如：2023-05-2512:00:00星期四地理位置，如：江苏省南京市雨花台区软件大道19号经纬度，如：纬度:32.08405200000000,经度
  • centos7使用yum网络安装
    CentOS7Yum网络安装完全指南核心原理分析Yum（YellowdogUpdater,Modified）作为RPM系统的智能化软件包管理工具，通过以下机制实现自动化安装：依赖解析：自动识别软件包的前置依赖关系仓库同步：连接配置的软件仓库（repo）获取元数据事务处理：采用原子化操作保证安装/更新的完整性️全流程安装步骤详解步骤1：连接CentOS7服务器sshusername@server-i
  • HarmonyNext实战：基于ArkTS的高性能音视频播放器开发 harmonyos-next
    HarmonyNext实战：基于ArkTS的高性能音视频播放器开发引言在HarmonyNext生态系统中，音视频播放是一个复杂且具有挑战性的领域。本文将深入探讨如何利用ArkTS语言开发一个高性能的音视频播放器，涵盖从基础播放功能到高级控制与优化的完整流程。我们将通过一个实战案例，详细讲解如何实现一个支持多种格式、流畅播放的音视频播放器，并确保其性能优化。1.环境准备与项目初始化首先，确保你的开发
  • 使用Yarn创建Grafana模板的完整指南 云服务器linux运维yarn
    在本篇文章中，我将带你逐步完成如何使用Yarn生成Grafana模板的过程。Grafana是一款开源的数据可视化工具，我们可以使用它来创建各种仪表板，以便更好地监控和展示数据。请跟随我一起来完成这一过程。整体流程概览在开始之前，我们先来看看整个操作的流程。以下是步骤的概述，以表格形式展示：步骤描述1安装Node.js和Yarn2创建新的Yarn项目3安装Grafana的API客户端库4编写Graf
  • QOpenGLShaderProgram 对象 阳光开朗_大男孩儿 OpenGLc++OpenGL
    本篇文章是基于完整例子和调用关系qtOpenGL-CSDN博客补充疑惑说明，但单独观看也不影响理解。shaderProgram是一个QOpenGLShaderProgram对象，负责管理和使用OpenGL着色器程序。在OpenGL中，着色器是用来在图形渲染流水线中处理顶点和像素的程序，它们定义了如何绘制每个顶点和每个像素的颜色。具体来说，shaderProgram在这个代码中做的事情包括：1.加载
  • OpenGL疑惑 阳光开朗_大男孩儿 OpenGL算法c++qtOpenGL
    本篇文章基于完整例子和调用关系qtOpenGL-CSDN博客进行的疑惑补充，建议先观看例子，在看此篇。1.为什么glBindVertexArray解绑和绑定是一样的？glBindVertexArray是用来绑定和解绑顶点数组对象（VAO）的。绑定VAO的目的是告诉OpenGL在当前上下文中使用哪个VAO，它会保存和管理与该VAO相关的顶点缓冲区对象（VBO）和其他状态。绑定VAO（glBindVe
  • web前端期末大作业：婚纱网页主题网站设计——唯一旅拍婚纱公司网站HTML+CSS+JavaScript IT-司马青衫 前端课程设计html
    ‍静态网站的编写主要是用HTMLDⅣV+CSSJS等来完成页面的排版设计‍，一般的网页作业需要融入以下知识点：div布局、浮动定位、高级css、表格、表单及验证、js轮播图、音频视频Fash的应用、uli、下拉导航栏、鼠标划过效果等知识点，学生网页作业源码，制作水平和原创度都适合学习或交作业用，记得点赞。精彩专栏推荐【作者主页——获取更多优质源码】【web前端期末大作业——毕设项目精品实战案例(1
  • vue脚手架 码上跑步 vue.js前端javascript
    Vue脚手架脚手架是官方提供的标准化开发工具。下载配置//全局安装vue的脚手架npminstall@vue/cli-g//在项目目录下开启一个脚手架vuecreate‘项目名’//进入项目目录，直接运行npmrunserve1.vue.js与vue.runtime.xxx.js的区别：（1).vue.js是完整版的Vue，包含：核心功能+模板解析器。（2）.vue.runtime.xxx.js是
  • AI-大模型中的流式输出与非流式输出 岂不闻 AI人工智能开发语言AI编程
    1.前言在大模型API开发中，流式与非流式输出对应着两种不同的数据交互，在代码中stream中通过参数true与false来进行设定。2.流式输出与非流式输出的原理2.1.非流式输出-请求一次响应返回完整数据非流式输出，传统的请求-响应模式，发起请求-等待完整内容生成后一次性返回给客户端。完整性：返回经过处理和验证的完整响应。单次传输：采用标准HTTP请求与响应模式，一次传输所有数据。等待时间：用
  • ollama教程——使用Ollama与LangChain实现Function Calling(函数调用)的详细教程（二）【附完整源码】 walkskyer ollama入门教程langchainollamaLLM
    ollama入门系列教程简介与目录相关文章:Ollama教程——入门：开启本地大型语言模型开发之旅Ollama教程——模型：如何将模型高效导入到Ollama框架Ollama教程——兼容OpenAIAPI：高效利用兼容OpenAI的API进行AI项目开发Ollama教程——使用LangChain：Ollama与LangChain的强强联合Ollama教程——生成内容API：利用Ollama的原生AP
  • 向 state 字典中的 “messages“ 键添加一条新的用户消息，提示模型返回实际的输出。 背太阳的牧羊人 langgraphlanggraphtoolsAgent
    完整代码：fromdatetimeimportdatetimefromlangchain_core.runnablesimportRunnable,RunnableConfigfromlangchain_core.promptsimportChatPromptTemplateprimary_assistant_prompt=ChatPromptTemplate.from_messages([("s
  • 三种优化算法 旅者时光 算法算法python开发语言
    本文将总结遗传算法、粒子群算法、模拟退火三种优化算法的核心思路，并使用python完整实现。实际上，越来越多的优秀算法已经被封装为一个易用的接口。很多时候，一行代码就能实现我们的需求。但了解这些算法的基本逻辑，能够使用最基本的代码实现它。无论对于提升我们的编程能力还是解决问题的能力，都会大有裨益。甚至，改变我们思考问题的方式。1、遗传算法遗传算法，顾名思义，就是借鉴了生物通过遗传变异来逐渐适应环境
  • HarmonyNext实战：基于ArkTS的跨平台3D图形渲染应用开发 harmonyos-next
    HarmonyNext实战：基于ArkTS的跨平台3D图形渲染应用开发引言在HarmonyNext生态系统中，3D图形渲染是一个技术含量高且应用广泛的领域。本文将深入探讨如何使用ArkTS构建一个高性能的跨平台3D图形渲染应用，涵盖从场景构建、模型加载、光照处理到渲染优化的完整开发流程。我们将通过一个实际的案例——实现一个3D场景编辑器，来展示ArkTS在HarmonyNext平台上的强大能力。环
  • HarmonyNext实战：基于ArkTS的跨平台音视频流媒体应用开发 harmonyos-next
    HarmonyNext实战：基于ArkTS的跨平台音视频流媒体应用开发引言在HarmonyNext生态系统中，音视频流媒体应用是一个复杂且技术含量较高的领域。本文将深入探讨如何使用ArkTS构建一个高性能的跨平台音视频流媒体应用，涵盖从音视频采集、编码、传输到播放的完整开发流程。我们将通过一个实际的案例——实现一个实时音视频直播应用，来展示ArkTS在HarmonyNext平台上的强大能力。环境准
  • HarmonyNext实战：基于ArkTS的分布式数据同步应用开发 harmonyos-next
    HarmonyNext实战：基于ArkTS的分布式数据同步应用开发引言在HarmonyNext生态系统中，分布式数据同步是一个核心功能，它允许设备之间无缝共享和同步数据。本文将深入探讨如何使用ArkTS构建一个高性能的分布式数据同步应用，涵盖从数据模型设计到分布式同步策略的完整开发流程。我们将通过一个实际的案例——实现一个跨设备的任务管理应用，来展示ArkTS在HarmonyNext平台上的强大能
  • HarmonyNext实战：基于ArkTS的分布式数据同步应用开发 harmonyos-next
    HarmonyNext实战：基于ArkTS的分布式数据同步应用开发引言在HarmonyNext生态系统中，分布式数据同步是一个核心特性，它允许设备之间无缝共享和同步数据。本文将深入探讨如何利用ArkTS语言开发一个高性能的分布式数据同步应用，涵盖从基础数据存储到跨设备同步的完整流程。我们将通过一个实战案例，详细讲解如何实现一个支持多设备数据同步的任务管理应用，并确保其性能优化。1.环境准备与项目初
  • HarmonyNext实战：基于ArkTS的高性能图像处理应用开发 harmonyos-next
    HarmonyNext实战：基于ArkTS的高性能图像处理应用开发引言在HarmonyNext生态系统中，图像处理是一个重要且具有挑战性的领域。本文将深入探讨如何使用ArkTS构建一个高性能的图像处理应用，涵盖从基础图像操作到高级滤镜应用的完整开发流程。我们将通过一个实际的案例——实现一个实时图像滤镜应用，来展示ArkTS在HarmonyNext平台上的强大能力。环境准备在开始之前，确保你的开发环
  • 使用Java对接StockTV印度股票数据源API实战指南 java爬虫
    关键词：JavaAPI开发、SpringBoot、WebSocket、ApacheHttpClient一、项目概述本指南将使用Java实现StockTV金融数据API的完整对接方案，包含以下核心模块：✅RESTAPI客户端：支持同步/异步调用✅WebSocket实时订阅：基于SpringWebSocket✅企业级特性：连接池管理、熔断降级✅生产就绪：完整的异常处理和监控二、环境准备1.技术栈要求J
  • 合并HEX文件 boringhex.top MCU嵌入式
    在上一篇文章深入解析IntelHEX文件格式中，我们详细介绍了IntelHEX文件的格式和记录类型。在嵌入式系统开发中，IntelHEX文件是一种常见的二进制数据表示格式，通常用于存储和传输固件。在某些情况下，我们可能需要将多个HEX文件合并为一个文件，例如将多个模块的代码合并为一个完整的固件。本文将详细介绍如何合并IntelHEX文件，并提供一个基于Rust的简单实现。合并HEX文件的场景在某些
  • PyTorch实现CNN：CIFAR-10图像分类实战教程 吴师兄大模型 PyTorchpytorchcnnCIFAR-10图像分类人工智能python卷积神经网络开发语言
    Langchain系列文章目录01-玩转LangChain：从模型调用到Prompt模板与输出解析的完整指南02-玩转LangChainMemory模块：四种记忆类型详解及应用场景全覆盖03-全面掌握LangChain：从核心链条构建到动态任务分配的实战指南04-玩转LangChain：从文档加载到高效问答系统构建的全程实战05-玩转LangChain：深度评估问答系统的三种高效方法（示例生成、手
  • 计算机网络：电路交换，报文交换，分组交换 LG.YDX 计算机网络计算机网络网络
    一、电路交换：核心思想在通信前建立一条专用物理路径（电路），整个通信过程中独占该路径，结束后释放资源。特点1.建立连接（尝试占用通信资源）2.通信（一直占用通信资源）3.释放连接（归还通信资源）优点：•实时性强（如语音通话、视频会议）。•数据传输顺序和完整性有保障。缺点：•资源浪费（空闲时链路无法被其他用户使用）。•连接建立/释放时间长（不适合突发性数据传输）。线路分配的灵活性差。节点交换不支持“
  • 在windows上通过idea搭建doris fe的开发环境（失败案例，很多报错都是因为我是离线环境编译，还是得联网可能会顺利点） fzip DorisDoris在CentOS7编译
    以下是基于Windows10+CentOS环境通过IntelliJIDEA搭建DorisFE开发环境的完整指南，整合多份部署文档的关键步骤和避坑要点：一、前置环境准备1.准备Linux环境，可以使用CentOS7或者8•操作步骤：更新系统包：yumgroupinstall-y"DevelopmentTools"yuminstall-yautomakebisonflexboost-devellibe
  • 每日面试题-TCP 和 UDP 有什么区别？ 晚夜微雨问海棠呀 tcp/ipudp网络协议
    TCP（传输控制协议）和UDP（用户数据报协议）是传输层的两大核心协议，主要区别如下：核心差异对比连接模式TCP：面向连接，需通过三次握手建立可靠通道。UDP：无连接，直接发送数据报，无需预先协商。可靠性TCP：提供数据确认、重传、校验和流量控制，确保数据完整有序到达。UDP：不保证可靠性，可能丢包、乱序，无重传机制。传输方式TCP：基于字节流传输，数据按顺序重组（如文件下载）。UDP：基于独立数
  • 通过 Ollama 本地部署 DeepSeek-r1:1.5b 模型后，用 Python 调用推理并生成基于 pytest + PO 设计模式的 Playwright 自动化测试文件 Python测试之道 测试提效pythonpythonpytest设计模式
    以下是完整的实现步骤和代码示例，详细说明了如何通过Python调用本地部署的DeepSeek-r1:1.5b模型，将功能测试用例转换为适合pytest和PageObject（PO）设计模式的Playwright自动化测试脚本。一、前提条件DeepSeek模型本地部署通过Ollama部署DeepSeek-r1:1.5b模型。Ollama提供的本地推理服务默认可通过HTTPAPI访问，地址通常为：ht
  • tcp和http的区别 2301_76723322 tcp/iphttp网络协议
    tcp和http的区别1.TCP（TransmissionControlProtocol）和HTTP（HypertextTransferProtocol）是两种不同的网络协议，它们在网络通信中扮演着不同的角色。TCP:TCP是一种传输层协议，负责在网络上可靠地传输数据。它提供了数据的可靠性，通过三次握手建立连接，以及数据的顺序和完整性保证。TCP是面向连接的，通信双方在数据传输之前需要建立连接，传
  • Git 的详细介绍及用法 xluo1715 工程化git代码管理gitlab程序员
    一、Git的优点分布式版本控制每个开发者都拥有完整的仓库副本，无需依赖中央服务器（如SVN）。支持离线操作（提交、查看历史、创建分支等）。高效的分支管理创建和切换分支速度快（几乎是瞬间完成）。适合多人协作开发，支持多种工作流（如GitFlow、GitHubFlow）。强大的撤销和恢复能力可以回退到任意历史版本，避免代码丢失。提供gitreset、gitrevert、gitstash等撤销工具。数据
  • 使用 ResponseBodyEmitter 实现异步响应式数据流处理 随风九天 springjava多线程BodyEmitter异步响应
    1.概述1.1什么是ResponseBodyEmitterResponseBodyEmitter是SpringMVC提供的一个接口，用于支持异步返回响应数据流。它允许在控制器方法中逐步发送数据给客户端，而无需一次性生成完整的响应。1.2使用场景实时数据推送（如股票行情、聊天消息等）。大量数据分批传输。服务器发送事件（SSE,Server-SentEvents）。1.3优势与局限性优势：支持异步数据
  • 详解Vue 的 key 机制 向贤 前端开发vue.jsjavascript前端
    详解Vue的key机制（从底层原理到实战价值，彻底讲透关键设计）一、Key的本质作用核心定位：虚拟DOM的身份证Vue通过虚拟DOM实现高效渲染，而key是虚拟节点（VNode）的唯一标识符。其作用可拆解为：场景无Key的问题有Key的解决方案列表更新元素复用错乱，导致状态残留（如输入框内容）精准匹配新旧节点，保持状态一致性组件切换相同类型组件实例被复用，生命周期未触发强制销毁旧组件，触发完整生命
  • java线程Thread和Runnable区别和联系 zx_code javajvmthread多线程Runnable
    我们都晓得java实现线程2种方式，一个是继承Thread，另一个是实现Runnable。 模拟窗口买票，第一例子继承thread，代码如下 package thread; public class ThreadTest { public static void main(String[] args) { Thread1 t1 = new Thread1(
  • 【转】JSON与XML的区别比较 丁_新 jsonxml
    1.定义介绍 (1).XML定义 扩展标记语言 (Extensible Markup Language, XML) ，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。 XML使用DTD(document type definition)文档类型定义来组织数据;格式统一，跨平台和语言，早已成为业界公认的标准。 XML是标
  • c++ 实现五种基础的排序算法 CrazyMizzz C++c算法
    #include<iostream> using namespace std; //辅助函数，交换两数之值 template<class T> void mySwap(T &x, T &y){ T temp = x; x = y; y = temp; } const int size = 10; //一、用直接插入排
  • 我的软件 麦田的设计者 我的软件音乐类娱乐放松
         这是我写的一款app软件，耗时三个月，是一个根据央视节目开门大吉改变的，提供音调，猜歌曲名。1、手机拥有者在android手机市场下载本APP，同意权限，安装到手机上。2、游客初次进入时会有引导页面提醒用户注册。（同时软件自动播放背景音乐）。3、用户登录到主页后，会有五个模块。a、点击不胫而走，用户得到开门大吉首页部分新闻，点击进入有新闻详情。b、
  • linux awk命令详解 被触发 linux awk
    awk是行处理器: 相比较屏幕处理的优点，在处理庞大文件时不会出现内存溢出或是处理缓慢的问题，通常用来格式化文本信息 awk处理过程: 依次对每一行进行处理，然后输出 awk命令形式: awk [-F|-f|-v] ‘BEGIN{} //{command1; command2} END{}’ file [-F|-f|-v]大参数，-F指定分隔符，-f调用脚本，-v定义变量 var=val
  • 各种语言比较 _wy_ 编程语言
                        Java Ruby PHP 擅长领域                  
  • oracle 中数据类型为clob的编辑 知了ing oracle clob
    public void updateKpiStatus(String kpiStatus,String taskId){ Connection dbc=null; Statement stmt=null; PreparedStatement ps=null; try { dbc = new DBConn().getNewConnection(); //stmt = db
  • 分布式服务框架 Zookeeper -- 管理分布式环境中的数据 矮蛋蛋 zookeeper
    原文地址： http://www.ibm.com/developerworks/cn/opensource/os-cn-zookeeper/ 安装和配置详解 本文介绍的 Zookeeper 是以 3.2.2 这个稳定版本为基础，最新的版本可以通过官网 http://hadoop.apache.org/zookeeper/来获取，Zookeeper 的安装非常简单，下面将从单机模式和集群模式两
  • tomcat数据源 alafqq tomcat
    数据库 JNDI(Java Naming and Directory Interface，Java命名和目录接口)是一组在Java应用中访问命名和目录服务的API。 没有使用JNDI时我用要这样连接数据库： 03.  Class.forName("com.mysql.jdbc.Driver");  04.  conn
  • 遍历的方法 百合不是茶 遍历
                                                          遍历 在java的泛
  • linux查看硬件信息的命令 bijian1013 linux
    linux查看硬件信息的命令 一.查看CPU： cat /proc/cpuinfo   二.查看内存： free   三.查看硬盘： df   linux下查看硬件信息 1、lspci 列出所有PCI 设备； lspci - list all PCI devices:列出机器中的PCI设备（声卡、显卡、Modem、网卡、USB、主板集成设备也能
  • java常见的ClassNotFoundException bijian1013 java
    1.java.lang.ClassNotFoundException: org.apache.commons.logging.LogFactory   添加包common-logging.jar2.java.lang.ClassNotFoundException: javax.transaction.Synchronization    
  • 【Gson五】日期对象的序列化和反序列化 bit1129 反序列化
    对日期类型的数据进行序列化和反序列化时，需要考虑如下问题：   1. 序列化时，Date对象序列化的字符串日期格式如何 2. 反序列化时，把日期字符串序列化为Date对象，也需要考虑日期格式问题 3. Date A -> str -> Date B,A和B对象是否equals   默认序列化和反序列化     import com
  • 【Spark八十六】Spark Streaming之DStream vs. InputDStream bit1129 Stream
      1. DStream的类说明文档：   /** * A Discretized Stream (DStream), the basic abstraction in Spark Streaming, is a continuous * sequence of RDDs (of the same type) representing a continuous st
  • 通过nginx获取header信息 ronin47 nginx header
    1. 提取整个的Cookies内容到一个变量，然后可以在需要时引用，比如记录到日志里面， if ( $http_cookie ~* "(.*)$") {         set $all_cookie $1; }     变量$all_cookie就获得了cookie的值，可以用于运算了
  • java-65.输入数字n，按顺序输出从1最大的n位10进制数。比如输入3，则输出1、2、3一直到最大的3位数即999 bylijinnan java
    参考了网上的http://blog.csdn.net/peasking_dd/article/details/6342984 写了个java版的： public class Print_1_To_NDigit { /** * Q65.输入数字n，按顺序输出从1最大的n位10进制数。比如输入3，则输出1、2、3一直到最大的3位数即999 * 1.使用字符串
  • Netty源码学习-ReplayingDecoder bylijinnan javanetty
    ReplayingDecoder是FrameDecoder的子类，不熟悉FrameDecoder的，可以先看看 http://bylijinnan.iteye.com/blog/1982618 API说，ReplayingDecoder简化了操作，比如： FrameDecoder在decode时，需要判断数据是否接收完全： public class IntegerH
  • js特殊字符过滤 cngolon js特殊字符js特殊字符过滤
    1.js中用正则表达式 过滤特殊字符, 校验所有输入域是否含有特殊符号function stripscript(s) {    var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）&mdash;—|{}【】‘；：”“'。，、？]"
  • hibernate使用sql查询 ctrain Hibernate
    import java.util.Iterator; import java.util.List; import java.util.Map; import org.hibernate.Hibernate; import org.hibernate.SQLQuery; import org.hibernate.Session; import org.hibernate.Transa
  • linux shell脚本中切换用户执行命令方法 daizj linuxshell命令切换用户
    经常在写shell脚本时，会碰到要以另外一个用户来执行相关命令，其方法简单记下：   1、执行单个命令：su - user -c "command" 如：下面命令是以test用户在/data目录下创建test123目录 [root@slave19 /data]# su - test -c "mkdir /data/test123" 
  • 好的代码里只要一个 return 语句 dcj3sjt126com return
    别再这样写了：public boolean foo() {    if (true) {         return true;     } else {          return false;    
  • Android动画效果学习 dcj3sjt126com android
    1、透明动画效果 方法一：代码实现 public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View rootView = inflater.inflate(R.layout.fragment_main, container, fals
  • linux复习笔记之bash shell (4)管道命令 eksliang linux管道命令汇总linux管道命令linux常用管道命令
    转载请出自出处： http://eksliang.iteye.com/blog/2105461     bash命令执行的完毕以后，通常这个命令都会有返回结果，怎么对这个返回的结果做一些操作呢？那就得用管道命令‘|’。     上面那段话，简单说了下管道命令的作用，那什么事管道命令呢？     答：非常的经典的一句话，记住了，何为管
  • Android系统中自定义按键的短按、双击、长按事件 gqdy365 android
    在项目中碰到这样的问题： 由于系统中的按键在底层做了重新定义或者新增了按键，此时需要在APP层对按键事件（keyevent）做分解处理，模拟Android系统做法，把keyevent分解成： 1、单击事件：就是普通key的单击； 2、双击事件：500ms内同一按键单击两次； 3、长按事件：同一按键长按超过1000ms（系统中长按事件为500ms）； 4、组合按键：两个以上按键同时按住；
  • asp.net获取站点根目录下子目录的名称 hvt .netC#asp.nethovertreeWeb Forms
    使用Visual Studio建立一个.aspx文件(Web Forms)，例如hovertree.aspx,在页面上加入一个ListBox代码如下： <asp:ListBox runat="server" ID="lbKeleyiFolder" />   那么在页面上显示根目录子文件夹的代码如下： string[] m_sub
  • Eclipse程序员要掌握的常用快捷键 justjavac javaeclipse快捷键ide
      判断一个人的编程水平，就看他用键盘多，还是鼠标多。用键盘一是为了输入代码（当然了，也包括注释），再有就是熟练使用快捷键。   曾有人在豆瓣评 《卓有成效的程序员》：“人有多大懒，才有多大闲”。之前我整理了一个 程序员图书列表，目的也就是通过读书，让程序员变懒。  写道 程序员作为特殊的群体，有的人可以这么懒，懒到事情都交给机器去做，而有的人又可
  • c++编程随记 lx.asymmetric C++笔记
     为了字体更好看，改变了格式……   &&运算符：   #include<iostream> using namespace std; int main(){      int a=-1,b=4,k;      k=(++a<0)&&!(b--
  • linux标准IO缓冲机制研究 音频数据 linux
    一、什么是缓存I/O(Buffered I/O)缓存I/O又被称作标准I/O,大多数文件系统默认I/O操作都是缓存I/O。在Linux的缓存I/O机制中，操作系统会将I/O的数据缓存在文件系统的页缓存(page cache)中，也就是说，数据会先被拷贝到操作系统内核的缓冲区中，然后才会从操作系统内核的缓冲区拷贝到应用程序的地址空间。1.缓存I/O有以下优点:A.缓存I/O使用了操作系统内核缓冲区，
  • 随想 生活 暗黑小菠萝 生活
    其实账户之前就申请了，但是决定要自己更新一些东西看也是最近。从毕业到现在已经一年了。没有进步是假的，但是有多大的进步可能只有我自己知道。   毕业的时候班里12个女生，真正最后做到软件开发的只要两个包括我，PS：我不是说测试不好。当时因为考研完全放弃找工作，考研失败，我想这只是我的借口。那个时候才想到为什么大学的时候不能好好的学习技术，增强自己的实战能力，以至于后来找工作比较费劲。我
  • 我认为POJO是一个错误的概念 windshome javaPOJO编程J2EE设计
                  这篇内容其实没有经过太多的深思熟虑，只是个人一时的感觉。从个人风格上来讲，我倾向简单质朴的设计开发理念；从方法论上，我更加倾向自顶向下的设计；从做事情的目标上来看，我追求质量优先，更愿意使用较为保守和稳妥的理念和方法。    &
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他