一只大海
一只大海

webAPI轮播图

静态页面

<body>
<div class="all" id='box'>
    <div class="screen">
        <ul>
            <li>
                <img src="images/1.jpg" width="500" height="200"/>
            li>
            <li>
                <img src="images/2.jpg" width="500" height="200"/>
            li>
            <li>
                <img src="images/3.jpg" width="500" height="200"/>
            li>
            <li>
                <img src="images/4.jpg" width="500" height="200"/>
            li>
            <li>
                <img src="images/5.jpg" width="500" height="200"/>
            li>
        ul>
        
        <ol>
        ol>
    div>
    <--!左右按钮-->
    <div id="arr"><span id="left"><span><span id="right">>span>div>
div>
body>

样式

Js部分

<script>
function my$(id){
    return document.getElementById(id);
}
    //获取最外面的div
    var box=my$("box");
    //获取相框
    var scrren=box.children[0];
    //获取相框的宽度
    var imgWhide=scrren.offsetWidth;
    // console.log(imgWhide);
    //获取ul
    var ulObj=scrren.children[0];
    console.log(ulObj);
    //获取ul中的所有li
    var list=ulObj.children;
    //获取ol
    var olObj=scrren.children[1];
    //获取显示按钮的div
    var arr=my$("arr");

    // 记录索引
    var index=0;
    // 1.创建小按钮---根据ul中li的个数
    for (var i=0;i<list.length;i++){
       var liObj= document.createElement("li");
        olObj.appendChild(liObj);
        liObj.innerText=i+1;
        liObj.setAttribute("index",i)
        //注册鼠标进入事件
        liObj.onmouseover=function () {
            //先移出所有的背景颜色
            for (var j=0;j<olObj.children.length;j++){
                olObj.children[j].removeAttribute("class");

            }
            //设置当前的li的背景颜色
            this.className="current";
            //获取鼠标进入li当前索引值
            index=this.getAttribute("index");
            //调用动画
            animate(ulObj,-index*imgWhide);

        }
    }

    //设置ol中第一个li的背景颜色
    olObj.children[0].className="current";
    //克隆ul中的第一个li，追加到ul的最后面
 ulObj.appendChild(ulObj.children[0].cloneNode(true))  ;

 //2.自动播放
    var timeId=setInterval(move,2000);
 //3.鼠标移入显示焦点左右的div，并且清除定时器
    box.onmouseover=function () {
        console.log("1");
        arr.style.display="block";
        clearInterval(timeId);
    };
    //鼠标移出并开启定时器
    box.onmouseout=function () {
        arr.style.display="none";
        timeId=setInterval(move,2000);
    }
//4.点击右边按钮
    my$("right").onclick=move;

    //点击左边按钮
    my$("left").onclick=function () {
        if (index==0) {
            index=5;
            ulObj.style.left=-index*imgWhide+"px";
        }
        index--;
        animate(ulObj,-index*imgWhide);
        for (var i=0;i<olObj.children.length;i++) {
            olObj.children[i].removeAttribute("class");
        }
        //设置对应的按钮颜色
        olObj.children[index].className="current";
    }
    //封装自动播放的函数
    function move() {
        if (index>=list.length-1){
            //瞬间跳转到第一张图
           ulObj.style.left=0+"px" ;
            index=0;
            //设置第一个按钮颜色
            olObj.children[0].className="current";
        }

        index++;
        // console.log(index);
        animate(ulObj,-index*imgWhide);
        console.log(-index*imgWhide);
        console.log(ulObj);
        //判断小按钮的背景颜色，如果index=最后一个值的时候，瞬间设置第一个按钮的颜色
        if (index==list.length-1) {
            //设置第一个的样式
            olObj.children[0].className="current";
            //清除最后一个按钮颜色
            olObj.children[olObj.children.length-1].className="";
        }
        else {
            //更改小按钮的样式
            for (var i=0;i<olObj.children.length;i++){
                olObj.children[i].removeAttribute("class");
            }
            //对应的设置li的样式
            olObj.children[index].className="current";
        }

    }


</script>

你可能感兴趣的:(webAPI)

  • 【JS】前端文件读取FileReader操作总结 程序员-张师傅 前端前端javascript开发语言
    前端文件读取FileReader操作总结FileReader是JavaScript中的一个WebAPI，它允许web应用程序异步读取用户计算机上的文件（或原始数据缓冲区）的内容，例如读取文件以获取其内容，并在不将文件发送到服务器的情况下在客户端使用它。这对于处理图片、文本文件等非常有用，尤其是当你想要在用户界面中即时显示文件内容或进行文件预览时。创建FileReader对象首先，你需要创建一个Fi
  • .net6 SqlSugar配置及增删改查（webapi项目） 潘小白梦想进大厂 SqlSugar.net数据库
    NuGet包：1.SqlSugarCore2.System.Data.SqlClientProgram配置:builder.Services.AddScoped(x=>{SqlSugarClientdb=newSqlSugarClient(newConnectionConfig(){ConnectionString="DataSource=.;InitialCatalog=hx;Integrate
  • 6.1 ASP.NET Core Web 入门 步、步、为营 .NetCoreasp.netmvc
    6.1ASP.NETCoreWeb入门ASP.NETCore中，严格来讲只有一个Asp.netCoreMVC一个框架，Asp.netCoreMVC既支持基于视图的MVC开发，也支持WebAPI和RazorPages开发。ASP.NETCoreMVC项目在VS2022中，一定选择ASP.NETCoreWeb应用（模型-视图-控制器）项目模板项目中wwwroot文件夹包含图片、JS、CSS等静态文件，
  • .NET Core WebAPI中使用SqlSugar连接数据库并使用DbFirst生成实体 Tigers996 .NET数据库.netcore
    一、添加NuGet包，配置文件添加SqlSugarCore包添加一个控制台应用，用于DbFirst使用；添加类库，创建一个EntityMap文件夹，存放实体信息//SqlSugar使用DbFirst生成实体//添加NuGet包SqlSugarCore//链接数据库字符串ConnectionConfigconnectionConfig=newConnectionConfig(){Connection
  • 前后端分离，Asp.net core webapi 如何配置跨域 代码掌控者 C#asp.netcore.netcore经验分享c#
    前言可以说，前后端分离已经成为当今信息系统项目开发的主流软件架构模式，微服务的出现，让前后端分离发展更是迅速，大量优秀的前端框架如vue.js、react的出现，也让前后端分离趋势加快。所谓的前后端分离软件架构模式，就是指将前端和后端的开发完全分离，后端负责提供API接口和数据处理，而前端通过各种现代的JavaScript技术如AJAX或者Fetch等，来调用后端提供的API接口获取数据，从而构建
  • 探索现代Web API开发的典范：Asp.Net Core Web API N-Tier项目 苏舰孝Noel
    探索现代WebAPI开发的典范：Asp.NetCoreWebAPIN-Tier项目aspnetcore.ntier.NETCoreN-TierarchitectureWebApisampleproject.项目地址:https://gitcode.com/gh_mirrors/as/aspnetcore.ntier在寻求高效、可扩展且遵循最佳实践的API开发框架时，Asp.NetCoreWebAP
  • 推荐：ASP.NET Core Web API 模板 —— 强大的启动项目！ 戴洵珠Gerald
    推荐：ASP.NETCoreWebAPI模板——强大的启动项目！aspnetcore-webapi-templateThisprojectisanWebAPIOpen-SourceBoilerplateTemplatethatincludesASP.NETCore5,WebAPIstandards,cleann-tierarchitecture,GraphQLservice,Redis,Mssql
  • ASP.NET Core N-Tier架构Web API示例项目教程 毛宝锋
    ASP.NETCoreN-Tier架构WebAPI示例项目教程aspnetcore.ntier.NETCoreN-TierarchitectureWebApisampleproject.项目地址:https://gitcode.com/gh_mirrors/as/aspnetcore.ntier本教程旨在指导您了解并使用从https://github.com/aghayeffemin/aspnet
  • jswebrtc 支持 SRS 的 Webrtc 播放器 王小工 前端webrtcjs
    WebRTCWebRTC（WebReal-TimeCommunication）是一项实时通讯技术，它允许网络应用或站点在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接，实现视频流、音频流或其他任意数据的传输。WebRTC整体架构从上到下一共分为三层：WebAPI层：暴露给开发人员的用于开发WebRTC应用的JavaScriptAPI，如RTCPeerConnecti
  • WebAPI DOM文档对象模型 znhyXYG javascript前端开发语言
    DOM（文档对象模型）是一个可以改变网页内容、结构、样式的处理可扩展标记语言的接口一、获取元素方法：1、根据ID获取2、根据标签名获取3、根据类名获取（html5新增）4、querySelector获取（html5新增）5、querySelectorAll获取（html5新增）6、获取特殊元素（body、html）ID获取方法：document.getElementById(); 2019-9-9
  • JS webAPI(DOM节点，回流重绘，时间对象) shmily_yyA _Javascriptjavascript前端vue.js
    一.dom节点dom数里面每一个内容都称为节点分类：元素节点，属性节点，文本节点1.1父节点父节点：子元素.parentNode（从孩子元素去想上一层找到他的父亲，可以无限套娃）⚠️注意：先获取子元素1.2子节点1.2.1childNodes获得所有子节点，包括文本节点（空格、换行）注释节点⚠️注意：先获取父元素1.2.2children属性从父亲元素.children[索引值]来获得当前父亲元素
  • JavaScript - Api学习 Day1（WebApi、操作DOM对象） 你会魔法吗✧(≖ ◡ ≖✿) HTML+CSS+JSjavascript学习开发语言
    应用编程接口(API)是编程语言中提供的结构，允许开发者更轻松地创建复杂的功能。、webapi是一套操作网页内容(DOM)与浏览器窗口(BOM)的对象Js由ECMAScript、DOM、BOM三个部分组成。文章目录零、前言0.1变量声明壹、WebAPI的认识1.1作用1.2什么是DOM1.3什么是DOM对象主要概念：示例代码：二、获取DOM对象2.1根据CSS选择器获取DOM元素2.1.1`que
  • .Net6/.Net8(.Net Core) IIS中部署 使用 IFormFile 上传大文件报错解决方案 weixin_41934979 .netcore
    描述最近使用.Net6WebAPIIFormFile对象接收上传文件时大于30MB(兆)的文件就会报错原因分析IIS上传文件有大小默认限制大约28.6MB解决办法.无论是Net6还是.Net8写法都一样方法一：IIS可视化操作1.打开InternetInformationServices(llS)管理器，选中主页2.双击打开请求筛选3.点击编辑功能设置4.修改允许的最大内容长度(字节)的值，默认值
  • 使用 .NET Core 实现微服务（带例子） 天天进步2015 编程技巧.netcore微服务架构
    使用.NETCore实现微服务使用.NETCore实现微服务架构涉及几个关键步骤，包括服务划分、API网关、服务通信和容器化部署。下面是一个简化的示例，展示如何使用.NETCore实现一个基本的微服务架构。步骤1：创建独立的微服务定义微服务每个微服务都是一个独立的ASP.NETCoreWebAPI项目。例如，我们可以创建两个微服务：一个用户服务（UserService）和一个订单服务（OrderS
  • 地理位置API（Geolocation API） 秋夫人 计算机网络web计算机网络
    地理位置API（GeolocationAPI）是一种WebAPI，允许网站和应用程序通过用户的设备获取其地理位置信息。这个API为开发者提供了一种方式，可以根据用户的地理位置提供个性化的内容或服务，比如显示附近的餐馆、天气信息、本地新闻或者提供导航指引等。工作原理用户同意：首先，网站或应用会请求用户的许可，以获取其地理位置信息。出于隐私考虑，未经用户明确同意，不会获取位置信息。获取位置：一旦用户授
  • winform项目下Nuget包引用 Renners visualstudio
    公司全面转.netcore之后，需求基本都是webapi和Blazer相关的需求，结果近期突然冒出硬件相关需求，需要使用到winform开发，结果发现很多程序集在core下需要手动进行安装，去翻之前的项目引用太费时了，于是想到了Nuget包；很多类在搬代码的时候已经记不起具体是哪个，这个时候就只能去官网上查一下命名空间后再进行引用具体步骤：1、根据类名在微软官网上查询命名空间和程序集示例地址：As
  • 使用JavaScript读取手机联系人列表：从理论到实践 孔乙己大叔 Web学习javascript智能手机开发语言rebootvip孔乙己大叔
    更多内容前往个人网站：孔乙己大叔在现代Web开发中，随着技术的不断进步，以前看似不可能的任务现在变得可行。例如，使用JavaScript读取手机联系人列表这一功能，在几年前几乎是不可想象的，但现在随着WebAPI的发展，特别是联系人选择器API（ContactsPickerAPI）的引入，这一功能已经可以在一些现代浏览器中实现。本文将深入探讨这一技术，从理论基础到实际代码实现，以及隐私和安全方面的
  • Canvas 在 微信小程序-uni-APP 和 H5 中的使用差异 xjt_0901 java前端javascript
    Canvas是一个强大的绘图工具,无论是在Web开发还是跨平台应用开发中都有广泛应用。然而,在uni-APP和传统H5环境中使用Canvas时,存在一些重要的差异。本文将深入探讨这些差异,帮助开发者在不同平台上更好地使用Canvas。1.API差异H5环境在H5环境中,我们使用标准的WebAPI来操作Canvas:constcanvas=document.getElementById('myCan
  • 前端-JS进阶-API/WebAPI/DOM 知恩️ 前端javascripthtml
    文章目录1.API与WebAPI2.DOM1.DOM树2.获取元素3.事件基础4.常见鼠标事件3.改变文本内容/元素属性1.改变文本内容2.改变元素属性4.改变表单属性5.改变CSS样式属性6.排他思想（算法）7.获取/修改/删除属性内容1.获取属性的值2.设置属性的值3.移除属性8.H5自定义属性9.节点操作1.父子节点2.兄弟节点3.创建/添加节点4.删除节点5.复制节点6.创建元素10.DO
  • 用ASP.NET Core WebApi把ofd文件上传到服务器上处理为pdf文件后返回一个服务器地址 战族狼魂 pdfasp.netcoreasp.netasp.net服务器pdf
    目录步骤1:创建ASP.NETCoreWebAPI项目步骤2:添加文件上传的API控制器步骤3:配置Startup.cs或Program.cs步骤4:运行和测试API步骤1:创建ASP.NETCoreWebAPI项目打开VisualStudio（或VisualStudioCode），选择“新建项目”。选择“ASP.NETCoreWebAPI”模板，点击“下一步”。输入项目名称和位置，点击“创建”。
  • 笔记：node.js基础 一只小bug。 node.js
    1.初识node.jsNode.js是一个基于chromeV8引擎的javaScript运行环境。浏览器中js的运行环境=chromeV8引擎+webAPI（BOM、DOM、ajax等）。Node.js中js的运行环境=V8引擎+内置API（fs、path、http、js内置对象等）。终端快捷键：tab（补全路径）、esc（清空当前已输入的命令）、clear（清空终端）。2.fs文件模块系统fs模
  • Web应用系统的小安全漏洞及相应的攻击方式 测试界晓晓 软件测试前端功能测试自动化测试软件测试程序人生职场和发展
    1写作目的本文讲述一个简单的利用WebAPI来进行一次基本没有破坏力的“黑客”行为。主要目的如下：了解什么叫安全漏洞知道什么是api了解一些获取api的工具通过对API的认识了解白盒接口测试基本概念和技术免责声明：本文主要是以学习交流为目的，而且实验的对象也是通过搜索引擎随机选择的。不以搞破坏为目的，纯粹是以教学为目的，同时也警醒大伙重视基本的互联网安全。当然，本文会对关键字打个马赛克，防止有兴趣
  • 使用Python进行Mock测试详解（含Web API接口Mock） 知识的宝藏 PythonpythonmockPythonMock单元测试
    使用Python进行Mock测试详解（含WebAPI接口Mock）在软件开发过程中，单元测试是非常重要的一部分。为了确保代码的质量和可靠性，开发者需要编写测试用例来检查代码的行为是否符合预期。然而，在测试中有时会遇到一些难以直接测试的情况，例如依赖外部系统、数据库或网络服务等。在这种情况下，Mock测试就显得尤为重要。本文将详细介绍如何使用Python标准库中的unittest.mock模块来进行
  • ASP.NET Core 入门教程二 实现基本 GET 和 POST 接口 充值内卷 asp.net后端
    ASP.NETCore是一个开源的Web框架，它允许开发者轻松地构建现代、高性能的Web应用程序。在本篇文章中，我们将学习如何使用ASP.NETCore实现基本的GET和POST接口。1.创建一个新的ASP.NETCoreWebAPI项目首先，我们需要创建一个新的ASP.NETCoreWebAPI项目。在VisualStudio中，选择"创建新项目"，然后选择"ASP.NETCoreWeb应用程序
  • 使用 ASP.NET Core 控制器创建 Web API MSE-STAR-CVHERO .net学习asp.net前端后端
    使用支持创建、读取、更新、删除(CRUD)操作的ASP.NETCore控制器创建RESTful服务。学习目标在本模块中，你将：使用ASP.NETCore控制器创建WebAPI项目。创建用于保存产品的内存数据库。添加对CRUD操作的支持。从命令shell测试WebAPI操作方法。介绍本模块介绍如何将ASP.NETCoreWebAPI控制器与.NET和C#结合使用来创建跨平台RESTful服务。本模块
  • JS基础第一天 JustinLaw
    前端三大关键Html----网页骨架CSS----网页外貌JS----网页动作JavaScriptbrowser的唯一脚本语言，通常运行在browser里的编程语言node.js服务端编程,用可以作后端编程语言JS组成ECMAScript规则:规定js基础语法eg:变量,分支语句,循环,对象等WebAPIs(可操作的实体对象)DOM:操作文档,整个HTML就是一个文档documentBOM:操作浏
  • 如何使用 Java 中的 API 更改 PDF 纸张大小 晨曦_子画 javapdf开发语言
    世界上几乎每个企业每天都以某种身份处理PDF文档，仅此一项就确定了利用利基技术自动化独特PDF工作流程的价值。本文的目的是演示一种高效的WebAPI解决方案，Java开发人员可以使用该解决方案在常见的ISO216A系列纸张大小（A0到A7）之间快速调整PDF。但是，在进行演示之前，我们首先需要花点时间了解ISO216标准，然后简要回顾一下PDF文件结构如何处理页面大小，以便进行编程调整。ISO21
  • vue3项目使用signalr（长链接/服务端推送到客户端） woflyoycm vueC#前端前端javascriptasp.net.netc#
    需求项目中需要服务端主动向客户端发送通知消息后端是.net6的webapi项目，前端是vue3全家桶项目，前后端分离这里使用signalR来实现，官网：ASP.NETCoreSignalR概述|MicrosoftLearn概念signalr会自动选择最合适的连接方法，所以使用signalr是优于websocket的。中心Hub：Hub是一种高级管道，允许客户端和服务器相互调用方法。服务端需要创建H
  • FastAPI 之自动化测试数据库接口 somenzz 数据库单元测试pythonjavamysql
    今天的文章分享如下在FastAPI框架下，使用pytest来自动化测试数据库相关的接口，文章的最后给出全部代码。最近越来越喜欢使用FastAPI来写后端服务了，因为它是Python领域性能最好的Web框架，它专注于提供高性能的WebAPI，其他方面并不限制你的手脚，可以随意使用你喜欢的三方库，这点类似于Flask，可以量身定制你的后端架构，以满足自己的需求。需要说明的是，后端服务基本是离不开关系型
  • 高德地图货车驾车轨迹，webapi 快速批量获取2点之间的轨迹数据 周公挚友 原创
    vardata={"state":true,"info":"成功","data":[{"coordinate":[116.714919,23.396726],"route_sequence":18,"section_sequence":18},{"coordinate":[116.71399,23.398669],"route_sequence":19,"section_sequence":19}
  • 辗转相处求最大公约数 沐刃青蛟 C++漏洞
    无言面对”江东父老“了，接触编程一年了，今天发现还不会辗转相除法求最大公约数。惭愧惭愧！   为此，总结一下以方便日后忘了好查找。   1.输入要比较的两个数a,b   忽略：2.比较大小（因为后面要的是大的数对小的数做%操作）   3.辗转相除（用循环不停的取余，如a%b,直至b=0）   4.最后的a为两数的最大公约数 &
  • F5负载均衡会话保持技术及原理技术白皮书 bijian1013 F5负载均衡
    一.什么是会话保持？        在大多数电子商务的应用系统或者需要进行用户身份认证的在线系统中，一个客户与服务器经常经过好几次的交互过程才能完成一笔交易或者是一个请求的完成。由于这几次交互过程是密切相关的，服务器在进行这些交互过程的某一个交互步骤时，往往需要了解上一次交互过程的处理结果，或者上几步的交互过程结果，服务器进行下
  • Object.equals方法：重载还是覆盖 Cwind javagenericsoverrideoverload
    本文译自StackOverflow上对此问题的讨论。 原问题链接   在阅读Joshua Bloch的《Effective Java（第二版）》第8条“覆盖equals时请遵守通用约定”时对如下论述有疑问： “不要将equals声明中的Object对象替换为其他的类型。程序员编写出下面这样的equals方法并不鲜见，这会使程序员花上数个小时都搞不清它为什么不能正常工作：” pu
  • 初始线程 15700786134
          暑假学习的第一课是讲线程，任务是是界面上的一条线运动起来。            既然是在界面上，那必定得先有一个界面，所以第一步就是，自己的类继承JAVA中的JFrame，在新建的类中写一个界面，代码如下： public class ShapeFr
  • Linux的tcpdump 被触发 tcpdump
    用简单的话来定义tcpdump，就是：dump the traffic on a network，根据使用者的定义对网络上的数据包进行截获的包分析工具。 tcpdump可以将网络中传送的数据包的“头”完全截获下来提供分析。它支 持针对网络层、协议、主机、网络或端口的过滤，并提供and、or、not等逻辑语句来帮助你去掉无用的信息。 实用命令实例 默认启动 tcpdump 普通情况下，直
  • 安卓程序listview优化后还是卡顿 肆无忌惮_ ListView
    最近用eclipse开发一个安卓app，listview使用baseadapter，里面有一个ImageView和两个TextView。使用了Holder内部类进行优化了还是很卡顿。后来发现是图片资源的问题。把一张分辨率高的图片放在了drawable-mdpi文件夹下，当我在每个item中显示，他都要进行缩放，导致很卡顿。解决办法是把这个高分辨率图片放到drawable-xxhdpi下。 &nb
  • 扩展easyUI tab控件，添加加载遮罩效果 知了ing jquery
    (function () { $.extend($.fn.tabs.methods, { //显示遮罩 loading: function (jq, msg) { return jq.each(function () { var panel = $(this).tabs(&
  • gradle上传jar到nexus 矮蛋蛋 gradle
    原文地址： https://docs.gradle.org/current/userguide/maven_plugin.html configurations {     deployerJars } dependencies {     deployerJars "org.apache.maven.wagon
  • 千万条数据外网导入数据库的解决方案。 alleni123 sqlmysql
    从某网上爬了数千万的数据，存在文本中。 然后要导入mysql数据库。 悲剧的是数据库和我存数据的服务器不在一个内网里面。。 ping了一下， 19ms的延迟。 于是下面的代码是没用的。 ps = con.prepareStatement(sql); ps.setString(1, info.getYear())............; ps.exec
  • JAVA IO InputStreamReader和OutputStreamReader 百合不是茶 JAVA.io操作 字符流
    这是第三篇关于java.io的文章了，从开始对io的不了解-->熟悉--->模糊，是这几天来对文件操作中最大的感受，本来自己认为的熟悉了的，刚刚在回想起前面学的好像又不是很清晰了，模糊对我现在或许是最好的鼓励 我会更加的去学 加油！： JAVA的API提供了另外一种数据保存途径，使用字符流来保存的，字符流只能保存字符形式的流   字节流和字符的难点：a,怎么将读到的数据
  • MO、MT解读 bijian1013 GSM
    MO= Mobile originate，上行，即用户上发给SP的信息。MT= Mobile Terminate，下行，即SP端下发给用户的信息； 上行:mo提交短信到短信中心下行:mt短信中心向特定的用户转发短信，你的短信是这样的，你所提交的短信，投递的地址是短信中心。短信中心收到你的短信后，存储转发，转发的时候就会根据你填写的接收方号码寻找路由，下发。在彩信领域是一样的道理。下行业务：由SP
  • 五个JavaScript基础问题 bijian1013 JavaScriptcallapplythisHoisting
    下面是五个关于前端相关的基础问题，但却很能体现JavaScript的基本功底。 问题1：Scope作用范围 考虑下面的代码：  (function() { var a = b = 5; })(); console.log(b); 什么会被打印在控制台上？  回答：         上面的代码会打印 5。 &nbs
  • 【Thrift二】Thrift Hello World bit1129 Hello world
    本篇，不考虑细节问题和为什么，先照葫芦画瓢写一个Thrift版本的Hello World，了解Thrift RPC服务开发的基本流程   1. 在Intellij中创建一个Maven模块，加入对Thrift的依赖，同时还要加上slf4j依赖，如果不加slf4j依赖，在后面启动Thrift Server时会报错 <dependency>
  • 【Avro一】Avro入门 bit1129 入门
    本文的目的主要是总结下基于Avro Schema代码生成，然后进行序列化和反序列化开发的基本流程。需要指出的是，Avro并不要求一定得根据Schema文件生成代码，这对于动态类型语言很有用。   1. 添加Maven依赖   <?xml version="1.0" encoding="UTF-8"?> <proj
  • 安装nginx+ngx_lua支持WAF防护功能 ronin47
    需要的软件:LuaJIT-2.0.0.tar.gz                   nginx-1.4.4.tar.gz          &nb
  • java-5.查找最小的K个元素-使用最大堆 bylijinnan java
    import java.util.Arrays; import java.util.Random; public class MinKElement { /** * 5.最小的K个元素 * I would like to use MaxHeap. * using QuickSort is also OK */ public static void
  • TCP的TIME-WAIT bylijinnan socket
    原文连接： http://vincent.bernat.im/en/blog/2014-tcp-time-wait-state-linux.html 以下为对原文的阅读笔记 说明： 主动关闭的一方称为local end，被动关闭的一方称为remote end 本地IP、本地端口、远端IP、远端端口这一“四元组”称为quadruplet，也称为socket 1、TIME_WA
  • jquery ajax 序列化表单 coder_xpf Jquery ajax 序列化
       checkbox 如果不设定值，默认选中值为on；设定值之后，选中则为设定的值   <input type="checkbox" name="favor" id="favor" checked="checked"/> $("#favor&quo
  • Apache集群乱码和最高并发控制 cuisuqiang apachetomcat并发集群乱码
    都知道如果使用Http访问，那么在Connector中增加URIEncoding即可，其实使用AJP时也一样，增加useBodyEncodingForURI和URIEncoding即可。 最大连接数也是一样的，增加maxThreads属性即可，如下，配置如下： <Connector maxThreads="300" port="8019" prot
  • websocket dalan_123 websocket
    一、低延迟的客户端-服务器 和 服务器-客户端的连接 很多时候所谓的http的请求、响应的模式，都是客户端加载一个网页，直到用户在进行下一次点击的时候，什么都不会发生。并且所有的http的通信都是客户端控制的，这时候就需要用户的互动或定期轮训的，以便从服务器端加载新的数据。   通常采用的技术比如推送和comet（使用http长连接、无需安装浏览器安装插件的两种方式：基于ajax的长
  • 菜鸟分析网络执法官 dcj3sjt126com 网络
      最近在论坛上看到很多贴子在讨论网络执法官的问题。菜鸟我正好知道这回事情.人道"人之患好为人师" 手里忍不住,就写点东西吧. 我也很忙.又没有MM,又没有MONEY....晕倒有点跑题. OK,闲话少说,切如正题. 要了解网络执法官的原理. 就要先了解局域网的通信的原理. 前面我们看到了.在以太网上传输的都是具有以太网头的数据包. 
  • Android相对布局属性全集 dcj3sjt126com android
    RelativeLayout布局android:layout_marginTop="25dip" //顶部距离android:gravity="left" //空间布局位置android:layout_marginLeft="15dip //距离左边距 // 相对于给定ID控件android:layout_above 将该控件的底部置于给定ID的
  • Tomcat内存设置详解 eksliang jvmtomcattomcat内存设置
    Java内存溢出详解   一、常见的Java内存溢出有以下三种：   1. java.lang.OutOfMemoryError: Java heap space ----JVM Heap（堆）溢出JVM在启动的时候会自动设置JVM Heap的值，其初始空间(即-Xms)是物理内存的1/64，最大空间(-Xmx)不可超过物理内存。 可以利用JVM提
  • Java6 JVM参数选项 greatwqs javaHotSpotjvmjvm参数JVM Options
    Java 6 JVM参数选项大全（中文版）   作者：Ken Wu Email: [email protected] 转载本文档请注明原文链接 http://kenwublog.com/docs/java6-jvm-options-chinese-edition.htm！   本文是基于最新的SUN官方文档Java SE 6 Hotspot VM Opt
  • weblogic创建JMC i5land weblogicjms
    进入 weblogic控制太 1.创建持久化存储 --Services--Persistant Stores--new--Create FileStores--name随便起--target默认--Directory写入在本机建立的文件夹的路径--ok 2.创建JMS服务器 --Services--Messaging--JMS Servers--new--name随便起--Pers
  • 基于 DHT 网络的磁力链接和BT种子的搜索引擎架构 justjavac DHT
    上周开发了一个磁力链接和 BT 种子的搜索引擎 {Magnet & Torrent}，本文简单介绍一下主要的系统功能和用到的技术。 系统包括几个独立的部分： 使用 Python 的 Scrapy 框架开发的网络爬虫，用来爬取磁力链接和种子； 使用 PHP CI 框架开发的简易网站； 搜索引擎目前直接使用的 MySQL，将来可以考虑使
  • sql添加、删除表中的列 macroli sql
    添加没有默认值：alter table Test add BazaarType char(1) 有默认值的添加列：alter table Test add BazaarType char(1) default(0) 删除没有默认值的列：alter table Test drop COLUMN BazaarType 删除有默认值的列：先删除约束（默认值）alter table Test DRO
  • PHP中二维数组的排序方法 abc123456789cba 排序二维数组PHP
    <?php/*** @package     BugFree* @version     $Id: FunctionsMain.inc.php,v 1.32 2005/09/24 11:38:37 wwccss Exp $*** Sort an two-dimension array by some level
  • hive优化之------控制hive任务中的map数和reduce数 superlxw1234 hivehive优化
    一、    控制hive任务中的map数: 1.    通常情况下，作业会通过input的目录产生一个或者多个map任务。 主要的决定因素有： input的文件总个数，input的文件大小，集群设置的文件块大小(目前为128M, 可在hive中通过set dfs.block.size;命令查看到，该参数不能自定义修改)；2. 
  • Spring Boot 1.2.4 发布 wiselyman spring boot
    Spring Boot 1.2.4已于6.4日发布，repo.spring.io and Maven Central可以下载(推荐使用maven或者gradle构建下载)。   这是一个维护版本，包含了一些修复small number of fixes,建议所有的用户升级。   Spring Boot 1.3的第一个里程碑版本将在几天后发布，包含许多
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他