氏族归来
氏族归来

给html页面图片制造滚动效果（详细注释）

给html页面图片制造滚动效果

  • html部分源码
  • css部分源码
  • javascript部分源码

html部分源码

设置4个图片div

<body>
    <div class="nivoSlider" style="height: 200px;width: 780px; οnmοuseοver="stop()" οnmοuseοut="start()">
        <div class="slide">
            <img src="./static/xinjiang/banner.jpg" s>
        </div>
        <div class="slide">
            <img src="./static/xinjiang/carousel1.jpeg" s>
        </div>
        <div class="slide">
            <img src="./static/xinjiang/carousel2.jpeg" s>
        </div>
        <div class="slide">
            <img src="./static/xinjiang/carousel3.jpeg" s>
        </div>

    </div>
</body>

css部分源码

记得将高度和宽度调好

.nivoSlider {   /*轮换图片的大小*/
    position: relative;
    width: 780px;
    height: 200px;
    overflow: hidden;
    margin: 0 auto;
}

.nivoSlider .slide{
    width: 780px;
    height: 200px;
    position: absolute;
}

javascript部分源码

<!-- 为整个页面添加onload加载完成事件，当浏览器打开并加载完并自动执行事件中的代码块 -->
<!-- 当页面加载完全，四个div（图片）应该并列在一起。 -->
<script type="text/javascript">
    onload = function () {
        var arr = document.getElementsByClassName("slide");
        for (var i = 0; i < arr.length; i++) {
            arr[i].style.left = i * 780 + "px";
        }
    }

    function LeftMove() {
        var arr = document.getElementsByClassName("slide");//获取三个子div
        console.log('进来了');
        for (var i = 0; i < arr.length; i++) {
            var left = parseFloat(arr[i].style.left);
            left -= 2;     //让图片左移2个px
            console.log("left减后：%s", left);
            var width = 780;//图片的宽度
            if (left <= -width) {
                left = (arr.length - 1) * width;//当图片完全走出显示框，拼接到末尾，因为拼接起来总长度就是(arr.length) * width 但还有一张在显示，所以就减一
                clearInterval(moveId); //然后停止循环
            }
            arr[i].style.left = left + "px";
        }

    }

    moveId = setInterval(LeftMove, 10);//设置一个10毫秒定时器，并给自己取名, 此时已经能移动


    function divInterval() {
        moveId = setInterval(LeftMove, 10);//设置一个10毫秒定时器
    }

    timeId = setInterval(divInterval, 5000);//设置一个5秒的定时器。也就是5秒重启一次图片的轮换.要算好之前滑动消耗的时间.

    function stop() {
        clearInterval(timeId);//鼠标停留关闭B定时器
        clearInterval(moveId);
    }
    function start() {
        moveId = setInterval(LeftMove, 10);//设置一个10毫秒定时器
        clearInterval(timeId);//重新打开一个定时前，先关闭之前定时器。
        timeId = setInterval(divInterval, 5000);//重启一个定时器
    }
    // 当浏览器窗口切出或页面切换到其他页面一段时间再回来时，
    // 轮播效果会有短暂加速（随切出时间加长而加长）。
    // 主要是因为虽然窗口切出去了，定时器依然在执行，但页面却没有将效果显示，
    // 所以切回来后会将之前的效果显示出来而加速轮播图。所以添加页面焦点事件：
    //页面失去焦点定时器停止
    onblur = function () {
        stop();
    }
    //页面获取焦点时重启定时器
    onfocus = function () {
        start();
    }

</script>

</script>

你可能感兴趣的:(网站,html,js)

  • Android性能实战——Systrace分析实例（十二） c小旭 Android性能优化android性能优化
    上一篇文章我们得到了一个html文件，这里我们来通过拿到的trace.html文件来分析一些耗时场景。一、简单场景分析1、快捷键使用在开始分析案例之前我们先来看一下快捷键的使用，可以加快查看Systrace的速度，下面是一些常用的快捷键。W：放大Systrace,放大可以更好地看清局部细节S：缩小Systrace,缩小以查看整体A：左移D：右移M：高亮选中当前鼠标点击的段（可以快速标识出这个方法的
  • 华为OD机试E卷 - 分糖果（Java & Python& JS & C++ & C ） 算法大师 最新华为OD机试真题华为OD机试真题(Java/JS/Py/C)javapythonjavascriptc++华为OD2025A卷华为od
    最新华为OD机试真题目录：点击查看目录华为OD面试真题精选：点击立即查看题目描述小明从糖果盒中随意抓一把糖果，每次小明会取出一半的糖果分给同学们。当糖果不能平均分配时，小明可以选择从糖果盒中（假设盒中糖果足够）取出一个糖果或放回一个糖果。小明最少需要多少次（取出、放回和平均分配均记一次），能将手中糖果分至只剩一颗。输入描述抓取的糖果数（<10000000000）：15输出描述最少分至一颗糖果的次数
  • Sider多模型AI助手平台深度评测：开发者高效编程的秘密武器 梦玄海 人工智能copilot自动化运维开源
    一、为什么开发者需要多模型平台？当技术决策面临关键选择时：核心价值：避免被单一模型局限思维，通过横向对比获得最佳解决方案二、Sider核心功能全景图模块支持能力开发场景示例模型库GPT-4/Claude/Gemini/本地模型等`gitdiff智能编程实时补全/调试/注释生成VSCode中自动生成JSDoc文档处理PDF/Word/网页解析技术白皮书关键信息提取自动化定时任务+API集成每日自动生
  • 华为OD机试 2025B卷 - 小明减肥(C++&Python&JAVA&JS&C语言) YOLO大师 华为odc++python华为OD2025B卷华为OD机试华为机试2025B卷华为OD机试2025B卷
    2025B卷目录点击查看：华为OD机试2025B卷真题题库目录｜机考题库+算法考点详解2025B卷100分题型最新华为OD机试真题目录：点击查看目录华为OD面试真题精选：点击立即查看题目描述小明有n个可选运动，每个运动有对应卡路里，想选出其中k个运动且卡路里和为t。k，t，n都是给定的。求出可行解数量输入描述第一行输入ntk第一行输入每个运动的卡路里按照空格进行分割备注00,00输出描述求出可行解
  • React.js 组件间数据传递的常见问题及解决方案 JJCTO袁龙 reactreact.js前端前端框架
    React.js组件间数据传递的常见问题及解决方案在React.js开发中，组件间的数据传递是构建复杂用户界面的基础。然而，开发者在实现组件间数据传递时可能会遇到各种问题，导致数据无法正确传递或更新。本文将探讨这些问题的常见原因，并提供相应的解决方案。一、React.js组件间数据传递的常见问题（一）数据传递不正确父组件传递给子组件的props可能未正确接收或使用，导致子组件无法正确显示数据。（二
  • 一文讲清楚React Fiber 许先森森 Reactreact.jsjavascript前端ReactFiber
    文章目录一文讲清楚ReactFiber1.基础概念1.1浏览器刷新率（帧）1.2JS执行栈1.3时间分片1.4链表2.ReactFiber是如何实现更新过程控制2.1任务拆分2.2挂起、恢复、终止2.2.1挂起2.2.2恢复2.2.3终止2.3任务具备优先级一文讲清楚ReactFiber1.基础概念1.1浏览器刷新率（帧）页面都是一帧一帧绘制出来的，浏览器大多是60Hz（60帧/s），每一帧耗时1
  • 【华为OD机试真题 2025B卷】130、最多获得的短信条数、云短信平台优惠活动 | 机试真题+思路参考+代码解析（C++、Java、Py、C语言、JS） KFickle 最新华为OD机试(C++JavaPyCJS)+OJ华为odc++javajavascript华为OD机试真题c语言最多获得的短信条数
    文章目录一、题目题目描述输入输出样例1样例2二、代码与思路参考C++代码Java代码Python代码C语言代码JS代码订阅本专栏后即可解锁在线OJ刷题权限个人博客首页：KFickle专栏介绍：最新的华为OD机试真题，使用C++，Java，Python，C语言，JS五种语言进行解答，每个题目都包含解题思路，五种语言的解法，每日持续更新中，订阅后支持开通在线OJ测试刷题！！！一次订阅永久享受更新，有代
  • 【华为OD机试真题 2025B卷】128、 判断一组不等式是否满足约束并输出最大差 | 机试真题+思路参考+代码解析（C++、Java、Py、C语言、JS） KFickle 最新华为OD机试(C++JavaPyCJS)+OJ华为odc++java华为OD机试真题c语言javascript
    文章目录一、题目题目描述输入输出样例1样例2二、代码与思路参考C++代码Java代码Python代码C语言代码JS代码订阅本专栏后即可解锁在线OJ刷题权限个人博客首页：KFickle专栏介绍：最新的华为OD机试真题，使用C++，Java，Python，C语言，JS五种语言进行解答，每个题目都包含解题思路，五种语言的解法，每日持续更新中，订阅后支持开通在线OJ测试刷题！！！一次订阅永久享受更新，有代
  • React-Ts项目中配置路径别名@ wisuky 前端项目相关配置react.js前端前端框架
    方案一：配置webpack.config.js在react脚手架搭建的项目中，webpack.config.js配置文件是隐藏的，需要通过npmruneject打开，并且该操作是不可逆的，所以不建议使用该方案。方案二：使用craco库1.安装cracoyarnadd-D@craco/cracoORnpmi-D@craco/craco2.在项目根目录中创建craco.config.js配置文件，并添
  • 已解决：React在Chrome F12 调试台断点调试中跳过node_modules内部黑盒 gzzeason react.jschromejavascript浏览器控制台React源码
    一、debugger代码如下当我在探究根节点和容器源码时候，将debugger代码添加在如下位置：importReactfrom'react';//用到JSXimportReactDOMfrom'react-dom/client';importAppfrom'./App';constparent_node=document.getElementById('root');//获取根节点debugge
  • React基础笔记---小黑是小白 小黑是小白 reactreact.js学习笔记1024程序员节
    react学习前置准备学习网站网址种类React中文React中文文档文档ReactRouterReactRouter6中文文档路由ReactRouterReactRouter路由zustandzustand状态管理TanStackQueryTanStackQuery中文文档请求管理，路由reduxRTK状态管理，请求管理FetchFetch-MDN请求fontawesome图标fontaweso
  • Mock数据 bemyrunningdog antdesignproubuntulinux运维
    目录AntDesignProMock使用指南一、基础配置1.创建Mock文件⚡二、高级功能1.动态数据生成（Mock.js）2.网络延迟模拟3.跨域处理三、联调切换至真实接口1.关闭Mock2.代理到真实后端⚠️四、常见问题解决1.线上部署Mock2.页面刷新404五、最佳实践六、完整示例用户管理模块MockService层调用组件中使用总结流程图AntDesignProMock使用指南基于Umi
  • Python编程菜鸟教程：从入门到精通的完全指南_python菜鸟教程 2401_89285717 python开发语言
    我们将介绍Python在数据科学、机器学习、Web开发等方面的应用，并带你了解Python社区和生态系统。基础入门Python安装：在官方网站下载安装包，根据不同操作系统进行安装。Mac用户可直接使用Homebrew进行安装Windows用户需下载安装包后进行手动安装Linux用户可使用apt-get或yum进行安装基础语法：Python是一种解释型语言，支持面向对象、函数式和面向过程等多种编程范
  • Vue和JSX的对比 妮妮喔妮 vue.js前端javascript
    对比Vue与JSX-豆包没问题！我来举几个具体例子，对比VueTemplate和JSX在处理静态/动态内容时的写法差异，帮你更直观地感受两种语法的区别：https://www.doubao.com/thread/wb38f2ba78ea372ef总之我觉得写的非常好呀。想要记忆还是要付出行动，多练习！
  • yarn、npm和cnpm区别差异和使用场景、详解配置 夲奋亻Jay vue2.0vue3reactnpm前端node.js
    yarn、npm和cnpm是Node.js应用程序的包管理器，它们用于安装和管理项目依赖。以下是它们的区别、差异和使用场景的详解：npm(NodePackageManager)官网:https://www.npmjs.com/默认:Node.js默认的包管理器。速度:直接连接到npm官方源，速度可能因地区而异。功能:提供了丰富的包生态和插件支持。使用场景:适用于大多数Node.js项目，特别是当需
  • 20 道 Node.js 高频面试题
    文章目录1.**Node.js是什么？有哪些特点？**2.**Node.js中的事件循环是什么？如何工作？**3.**Node.js的模块系统有哪几种？区别是什么？**4.**什么是Buffer？为什么需要它？**5.**Node.js如何实现异步编程？**6.**Node.js中的Stream是什么？有哪些类型？**7.**Node.js中的Cluster模块有什么作用？**8.**Node.j
  • node.js中yarn、npm、cnpm详解 半桶水专家 node.jsnode.jsnpmarcgis
    npm(NodePackageManager)npm是Node.js的默认包管理器，随Node.js一起安装。特点：官方包管理器，拥有最大的包生态系统自动处理依赖关系提供package.json文件管理项目依赖包含CLI工具用于安装、发布和管理包常用命令：npminit#初始化项目npminstall#安装包npminstall--save#安装并添加到dependenciesnpminstall
  • uni-app学习笔记二十一--pages.json中tabBar设置底部菜单项和图标 moxiaoran5753 uni-app学习笔记
    如果应用是一个多tab应用，可以通过tabBar配置项指定一级导航栏，以及tab切换时显示的对应页。在pages.json中提供tabBar配置，不仅仅是为了方便快速开发导航，更重要的是在App和小程序端提升性能。在这两个平台，底层原生引擎在启动时无需等待js引擎初始化，即可直接读取pages.json中配置的tabBar信息，渲染原生tab。Tips当设置position为top时，将不会显示i
  • 深入解析 UniApp 的 pages.json 配置文件 码上前端 uniappvue.jsuni-app前端框架javascript前端jsonpages.json
    前言：家人们，大家好！今天分享一篇文章给大家！要是文章对你有帮助，激发了你的灵感，求个收藏+关注啦～后续还有超多惊喜，别错过！目录引言一、Easycom组件自动引入配置二、Pages主包页面配置三、SubPackages分包配置分包资源规则四、PreloadRule分包预加载配置五、TabBar配置六、GlobalStyle全局样式配置总结引言在UniApp开发中，pages.json是一个至关重
  • Python对JSON数据操作
    在Python中，对JSON数据进行增删改查及加载保存操作，主要通过内置的json模块实现。一、基础操作1.加载JSON数据•从文件加载使用json.load()读取JSON文件并转换为Python对象（字典/列表）：importjsonwithopen('data.json','r',encoding='utf-8')asf:data=json.load(f)•从字符串加载使用json.load
  • 【转载】python json
    概念序列化（Serialization）：将对象的状态信息转换为可以存储或可以通过网络传输的过程，传输的格式可以是JSON、XML等。反序列化就是从存储区域（JSON，XML）读取反序列化对象的状态，重新创建该对象。JSON（JavaScriptObjectNotation）：一种轻量级数据交换格式，相对于XML而言更简单，也易于阅读和编写，机器也方便解析和生成，Json是JavaScript中的
  • UniApp中的pages.json 和 tabBar racerun uni-appjson
    一、pages.json和tabBar案例pages.json作用：配置页面路由、导航栏、tabBar等页面类信息静态资源存放要求：必须放在static目录中才能被打包页面存放位置：业务页面必须放在pages目录下修改pages.json1）pages配置路径写法：只需写路径不需要.vue后缀，如"pages/index/index"启动页规则：pages数组中第一项表示应用启动页标题修改：通过n
  • Python JSON操作完全指南
    目录一、简介二、JSON和Python的对应关系三、核心函数1.json.dumps()：将Python对象→JSON字符串2.json.loads()：将JSON字符串→Python对象3.json.dump()：将Python对象→JSON文件4.json.load()：从JSON文件→Python对象四、常见错误处理1.JSON解析错误2.类型不支持错误五、总结六、常用函数1️⃣json.d
  • Vue.js 中跨域请求未配置 CORS 的问题及解决方案 JJCTO袁龙 Vuevue.js前端javascript
    Vue.js中跨域请求未配置CORS的问题及解决方案在Vue.js开发中，跨域请求（CORS）是一个常见的问题。当你的前端应用尝试从不同的源访问后端API时，浏览器会出于安全考虑阻止这些请求，除非后端服务器明确允许。本文将探讨这些问题的常见原因，并提供相应的解决方案。一、Vue.js中跨域请求未配置CORS的常见原因（一）浏览器的同源策略限制浏览器的同源策略限制了从一个源加载的文档或脚本与来自另一
  • AI驱动下的企业学习平台，如何重构员工发展与HR角色 weixin_54980836 人工智能学习重构
    近期，JoshBersin官方网站分享了一篇关于L&D领域AI深度变革的文章，文章所描绘的并非仅仅是新工具的涌现，而是一场触及L&D本质与HR战略价值的深刻革命。当Docebo坚定走向“AI原生”，当Sana以知识图谱重构组织智慧，它们揭示的正是我们HR从业者必须直面的未来——AI驱动的学习已不再是效率的提升，而是组织能力与人才价值创造方式的根本性进化。一、超越自动化：AI原生平台对学习本质的重构
  • next.js提供的能力有哪些 啃火龙果的兔子 开发DEMOjavascript开发语言ecmascript
    Next.js是一个基于React的现代全栈框架，提供了丰富的开箱即用功能，以下是其主要能力的全面总结：1.渲染方式静态生成(SSG)getStaticProps：构建时获取数据生成静态页面getStaticPaths：动态路由的静态生成适用场景：博客、文档、营销页等内容不变的页面服务器端渲染(SSR)getServerSideProps：每次请求时获取最新数据适用场景：个性化内容、实时数据仪表盘
  • 前端通过docx-preview和pdfjs插件实现docx、pdf文件在线预览 NetX行者 前端前端vue.jspdf
    docx文件格式在线预览插件：docx-preview安装：npmidocx-preview使用：创建一个容器标签引入并创建渲染函数import{renderAsync}from"docx-preview";renderDocx(){renderAsync(this.fileData,this.$refs.file,null,{className:"docx",//默认和文档样式类的类名/前缀in
  • ESM 中的符号绑定 (Symbol Bindings) liangshanbo1215 Javascriptjavascript前端vue.js
    在ECMAScript模块(ESM)系统中，符号绑定是指模块导出和导入的变量、函数或类在模块间的连接方式。ESM使用静态绑定机制，与CommonJS的动态绑定有显著区别。基本符号绑定概念1.导出绑定(ExportBindings)//module.jsexportletcount=0;//导出变量绑定exportfunctionincrement(){count++;}//导出函数绑定export
  • 华为OD机试 - 计算某字符出现次数（Python/JS/C/C++ 2025 B卷 100分） 哪 吒 华为odpythonjavascript2025B卷华为OD机试
    2025B卷华为OD机试统一考试题库清单（持续收录中）以及考点说明（Python/JS/C/C++）。专栏导读本专栏收录于《华为OD机试真题（Python/JS/C/C++）》。刷的越多，抽中的概率越大，私信哪吒，备注华为OD，加入华为OD刷题交流群，每一题都有详细的答题思路、详细的代码注释、3个测试用例、为什么这道题采用XX算法、XX算法的适用场景，发现新题目，随时更新。一、题目描述写出一个程序
  • 华为OD机试 - 取零食 - 动态规划（Python/JS/C/C++ 2024 E卷 100分） 哪 吒 华为od动态规划python
    2025华为OD机试题库（按算法分类）：2025华为OD统一考试题库清单（持续收录中）以及考点说明（Python/JS/C/C++）。专栏导读本专栏收录于《华为OD机试真题（Python/JS/C/C++）》。刷的越多，抽中的概率越大，私信哪吒，备注华为OD，加入华为OD刷题交流群，每一题都有详细的答题思路、详细的代码注释、3个测试用例、为什么这道题采用XX算法、XX算法的适用场景，发现新题目，随
  • SQL的各种连接查询 xieke90 UNION ALLUNION外连接内连接JOIN
    一、内连接   概念：内连接就是使用比较运算符根据每个表共有的列的值匹配两个表中的行。                 内连接（join 或者inner join ）       SQL语法：       select * fron
  • java编程思想--复用类 百合不是茶 java继承代理组合final类
          复用类看着标题都不知道是什么,再加上java编程思想翻译的比价难懂,所以知道现在才看这本软件界的奇书   一:组合语法:就是将对象的引用放到新类中即可     代码:     package com.wj.reuse; /** * * @author Administrator 组
  • [开源与生态系统]国产CPU的生态系统 comsci cpu
          计算机要从娃娃抓起...而孩子最喜欢玩游戏....       要让国产CPU在国内市场形成自己的生态系统和产业链,国家和企业就不能够忘记游戏这个非常关键的环节....       投入一些资金和资源,人力和政策,让游
  • JVM内存区域划分Eden Space、Survivor Space、Tenured Gen，Perm Gen解释 商人shang jvm内存
    jvm区域总体分两类，heap区和非heap区。heap区又分：Eden Space（伊甸园）、Survivor Space(幸存者区)、Tenured Gen（老年代-养老区）。 非heap区又分：Code Cache(代码缓存区)、Perm Gen（永久代）、Jvm Stack(java虚拟机栈)、Local Method Statck(本地方法栈)。 HotSpot虚拟机GC算法采用分代收
  • 页面上调用 QQ oloz qq
    <A href="tencent://message/?uin=707321921&amp;Site=有事Q我&amp;Menu=yes">   <img style="border:0px;" src=http://wpa.qq.com/pa?p=1:707321921:1></a>
  • 一些问题 文强chu 问题
    1.eclipse 导出 doc  出现“The Javadoc command does not exist.” javadoc command 选择 jdk/bin/javadoc.exe 2.tomcate 配置 web 项目 ..... SQL:3.mysql  * 必须得放前面 否则  select&nbs
  • 生活没有安全感 小桔子 生活孤独安全感
           圈子好小，身边朋友没几个，交心的更是少之又少。在深圳，除了男朋友，没几个亲密的人。不知不觉男朋友成了唯一的依靠，毫不夸张的说，业余生活的全部。现在感情好，也很幸福的。但是说不准难免人心会变嘛，不发生什么大家都乐融融，发生什么很难处理。我想说如果不幸被分手(无论原因如何)，生活难免变化很大，在深圳，我没交心的朋友。明
  • php 基础语法 aichenglong php 基本语法
    1 .1 php变量必须以$开头 <?php $a=” b”; echo ?> 1 .2 php基本数据库类型 Integer  float/double Boolean string 1 .3 复合数据类型 数组array和对象 object 1 .4 特殊数据类型  null 资源类型(resource)    $co
  • mybatis tools 配置详解 AILIKES mybatis
    MyBatis Generator中文文档 MyBatis Generator中文文档地址： http://generator.sturgeon.mopaas.com/ 该中文文档由于尽可能和原文内容一致，所以有些地方如果不熟悉，看中文版的文档的也会有一定的障碍，所以本章根据该中文文档以及实际应用，使用通俗的语言来讲解详细的配置。 本文使用Markdown进行编辑，但是博客显示效
  • 继承与多态的探讨 百合不是茶 JAVA面向对象 继承 对象
    继承 extends   多态 继承是面向对象最经常使用的特征之一：继承语法是通过继承发、基类的域和方法 //继承就是从现有的类中生成一个新的类，这个新类拥有现有类的所有extends是使用继承的关键字：     在A类中定义属性和方法； class A{ //定义属性 int age； //定义方法 public void go
  • JS的undefined与null的实例 bijian1013 JavaScriptJavaScript
    <form name="theform" id="theform"> </form> <script language="javascript"> var a alert(typeof(b)); //这里提示undefined if(theform.datas
  • TDD实践（一） bijian1013 java敏捷TDD
    一.TDD概述         TDD：测试驱动开发，它的基本思想就是在开发功能代码之前，先编写测试代码。也就是说在明确要开发某个功能后，首先思考如何对这个功能进行测试，并完成测试代码的编写，然后编写相关的代码满足这些测试用例。然后循环进行添加其他功能，直到完全部功能的开发。     
  • [Maven学习笔记十]Maven Profile与资源文件过滤器 bit1129 maven
    什么是Maven Profile Maven Profile的含义是针对编译打包环境和编译打包目的配置定制，可以在不同的环境上选择相应的配置，例如DB信息，可以根据是为开发环境编译打包，还是为生产环境编译打包，动态的选择正确的DB配置信息   Profile的激活机制 1.Profile可以手工激活，比如在Intellij Idea的Maven Project视图中可以选择一个P
  • 【Hive八】Hive用户自定义生成表函数(UDTF) bit1129 hive
    1. 什么是UDTF   UDTF，是User Defined Table-Generating Functions，一眼看上去，貌似是用户自定义生成表函数，这个生成表不应该理解为生成了一个HQL Table， 貌似更应该理解为生成了类似关系表的二维行数据集   2. 如何实现UDTF 继承org.apache.hadoop.hive.ql.udf.generic
  • tfs restful api 加auth 2.0认计 ronin47
    　　目前思考如何给tfs的ngx-tfs api增加安全性。有如下两点： 　　一是基于客户端的ip设置。这个比较容易实现。 　　二是基于OAuth2.0认证，这个需要lua，实现起来相对于一来说，有些难度。 　　现在重点介绍第二种方法实现思路。 　　 前言：我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算，阅读下面的文档，实现自动化并获得收益。SeatGe
  • jdk环境变量配置 byalias javajdk
    进行java开发，首先要安装jdk，安装了jdk后还要进行环境变量配置： 1、下载jdk（http://java.sun.com/javase/downloads/index.jsp），我下载的版本是：jdk-7u79-windows-x64.exe 2、安装jdk-7u79-windows-x64.exe 3、配置环境变量：右击"计算机"-->&quo
  • 《代码大全》表驱动法-Table Driven Approach-2 bylijinnan java
    package com.ljn.base; import java.io.BufferedReader; import java.io.FileInputStream; import java.io.InputStreamReader; import java.util.ArrayList; import java.util.Collections; import java.uti
  • SQL 数值四舍五入 小数点后保留2位 chicony 四舍五入
    1.round() 函数是四舍五入用，第一个参数是我们要被操作的数据，第二个参数是设置我们四舍五入之后小数点后显示几位。 2.numeric 函数的2个参数，第一个表示数据长度，第二个参数表示小数点后位数。 例如： 　　select   cast(round(12.5,2)   as   numeric(5,2))  
  • c++运算符重载 CrazyMizzz C++
    一、加+，减-，乘*，除/ 的运算符重载 Rational operator*(const Rational &x) const{ return Rational(x.a * this->a); } 在这里只写乘法的，加减除的写法类似 二、<<输出,>>输入的运算符重载      &nb
  • hive DDL语法汇总 daizj hive修改列DDL修改表
    hive DDL语法汇总 １、对表重命名 hive> ALTER TABLE table_name RENAME TO new_table_name;   2、修改表备注 hive> ALTER TABLE table_name SET TBLPROPERTIES ('comment' = new_comm
  • jbox使用说明 dcj3sjt126com Web
    参考网址：http://www.kudystudio.com/jbox/jbox-demo.html jBox v2.3 beta [ 点击下载]  技术交流QQGroup：172543951 100521167 [2011-11-11] jBox v2.3 正式版 - [调整&修复] IE6下有iframe或页面有active、applet控件
  • UISegmentedControl 开发笔记 dcj3sjt126com
      //    typedef NS_ENUM(NSInteger, UISegmentedControlStyle) {     //        UISegmentedControlStylePlain,     // large plain   &
  • Slick生成表映射文件 ekian scala
    Scala添加SLICK进行数据库操作，需在sbt文件上添加slick-codegen包 "com.typesafe.slick" %% "slick-codegen" % slickVersion 因为我是连接SQL Server数据库，还需添加slick-extensions，jtds包 "com.typesa
  • ES-TEST gengzg test
    package com.MarkNum; import java.io.IOException; import java.util.Date; import java.util.HashMap; import java.util.Map; import javax.servlet.ServletException; import javax.servlet.annotation
  • 为何外键不再推荐使用 hugh.wang mysqlDB
    表的关联，是一种逻辑关系，并不需要进行物理上的“硬关联”，而且你所期望的关联，其实只是其数据上存在一定的联系而已，而这种联系实际上是在设计之初就定义好的固有逻辑。 在业务代码中实现的时候，只要按照设计之初的这种固有关联逻辑来处理数据即可，并不需要在数据库层面进行“硬关联”，因为在数据库层面通过使用外键的方式进行“硬关联”，会带来很多额外的资源消耗来进行一致性和完整性校验，即使很多时候我们并不
  • 领域驱动设计 julyflame VODAO设计模式DTOpo
    概念： VO（View Object）：视图对象，用于展示层，它的作用是把某个指定页面（或组件）的所有数据封装起来。 DTO（Data Transfer Object）：数据传输对象，这个概念来源于J2EE的设计模式，原来的目的是为了EJB的分布式应用提供粗粒度的数据实体，以减少分布式调用的次数，从而提高分布式调用的性能和降低网络负载，但在这里，我泛指用于展示层与服务层之间的数据传输对
  • 单例设计模式 hm4123660 javaSingleton单例设计模式懒汉式饿汉式
           单例模式是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例类的特殊类。通过单例模式可以保证系统中一个类只有一个实例而且该实例易于外界访问，从而方便对实例个数的控制并节约系统源。如果希望在系统中某个类的对象只能存在一个，单例模式是最好的解决方案。      &nb
  • logback zhb8015 loglogback
    一、logback的介绍      Logback是由log4j创始人设计的又一个开源日志组件。logback当前分成三个模块：logback-core,logback- classic和logback-access。logback-core是其它两个模块的基础模块。logback-classic是log4j的一个 改良版本。此外logback-class
  • 整合Kafka到Spark Streaming——代码示例和挑战 Stark_Summer sparkstormzookeeperPARALLELISMprocessing
    作者Michael G. Noll是瑞士的一位工程师和研究员，效力于Verisign，是Verisign实验室的大规模数据分析基础设施（基础Hadoop）的技术主管。本文，Michael详细的演示了如何将Kafka整合到Spark Streaming中。 期间， Michael还提到了将Kafka整合到 Spark Streaming中的一些现状，非常值得阅读，虽然有一些信息在Spark 1.2版
  • spring-master-slave-commondao 王新春 DAOspringdataSourceslavemaster
    互联网的web项目，都有个特点：请求的并发量高，其中请求最耗时的db操作，又是系统优化的重中之重。 为此，往往搭建 db的 一主多从库的 数据库架构。作为web的DAO层，要保证针对主库进行写操作，对多个从库进行读操作。当然在一些请求中，为了避免主从复制的延迟导致的数据不一致性，部分的读操作也要到主库上。（这种需求一般通过业务垂直分开，比如下单业务的代码所部署的机器，读去应该也要从主库读取数
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他