learn 11233466
learn 11233466

节流综合案例

节流综合案例_第1张图片
在这里插入图片描述
输出：null

节流案例：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="referrer" content="never" />
  <title>综合案例</title>
  <style>
    * {
      padding: 0;
      margin: 0;
      box-sizing: border-box;
    }

    .container {
      width: 1200px;
      margin: 0 auto;
    }

    .video video {
      width: 100%;
      padding: 20px 0;
    }

    .elevator {
      position: fixed;
      top: 280px;
      right: 20px;
      z-index: 999;
      background: #fff;
      border: 1px solid #e4e4e4;
      width: 60px;
    }

    .elevator a {
      display: block;
      padding: 10px;
      text-decoration: none;
      text-align: center;
      color: #999;
    }

    .elevator a.active {
      color: #1286ff;
    }

    .outline {
      padding-bottom: 300px;
    }
  </style>
</head>

<body>
  <div class="container">
    <div class="header">
      <a href="http://pip.itcast.cn">
        <img src="https://pip.itcast.cn/img/logo_v3.29b9ba72.png" alt="" />
      </a>
    </div>
    <div class="video">
      <video src="https://v.itheima.net/LapADhV6.mp4" controls></video>
    </div>
    <div class="elevator">
      <a href="javascript:;" data-ref="video">视频介绍</a>
      <a href="javascript:;" data-ref="intro">课程简介</a>
      <a href="javascript:;" data-ref="outline">评论列表</a>
    </div>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>
  <script>

    const video = document.querySelector('video')
    // 节流
    // throttle函数第一个参数可以改成箭头函数
    video.ontimeupdate = _.throttle(function(){
      localStorage.setItem('currentTime',video.currentTime)
      // 把当前视频观看位置（时间）存入本地存储 一秒存一次
    },1000)

    // onloadeddata页面一打开就触发 视频跳转到之前观看的位置（可能之前没播放过，本地中没有currentTime,得到的值为null（不合理）,利用逻辑中断，设置为0s）
    video.onloadeddata = ()=>{
      video.currentTime=localStorage.getItem('currentTime') || 0
    }
    // // 1. 获取元素  要对视频进行操作
    // const video = document.querySelector('video')
    // video.ontimeupdate = _.throttle(() => {
    //   // console.log(video.currentTime) 获得当前的视频时间
    //   // 把当前的时间存储到本地存储
    //   localStorage.setItem('currentTime', video.currentTime)
    // }, 1000)

    // // 打开页面触发事件，就从本地存储里面取出记录的时间， 赋值给  video.currentTime
    // video.onloadeddata = () => {
    //   // console.log(111)
    //   video.currentTime = localStorage.getItem('currentTime') || 0
    // }

  </script>
</body>

</html>

你可能感兴趣的:(javascript,开发语言,ecmascript)

  • 基于HarmonyNext的高性能图像处理实战指南 harmonyos-next
    基于HarmonyNext的高性能图像处理实战指南引言在移动应用开发中，图像处理是一个常见且重要的需求。随着HarmonyNext的发布，ArkTS作为其核心开发语言，提供了强大的工具和框架来支持高性能的图像处理。本文将深入探讨如何在HarmonyNext平台上使用ArkTS进行高效的图像处理，并通过一个实战案例来展示如何实现一个复杂的图像滤镜效果。1.图像处理基础在开始编写代码之前，我们需要了解
  • 【Vue】从零开始创建一个vue项目 Pota-to成长日记 vue.js前端javascript
    一、环境准备（编程基础配置）1.安装Node.js与npm作用：Node.js是JavaScript运行环境，npm是包管理工具（类似“应用商店”），Vue项目依赖它们。步骤：访问Node.js官网，下载LTS版本（长期支持版。双击安装包，默认勾选所有选项，一路点击“Next”完成安装。验证安装：node-v#显示版本号npm-v#显示版本号配置国内镜像加速（解决下载慢问题）：npmconfigs
  • android渲染是skia与egl,opengl和skia哪个快 游戏电脑问题解决分享！ 赵阿萌
    从Honeycomb[3.x]版本起，Andorid便支持GPU加速，但目前Android并没有使用SkiaGPU进行Webkit渲染。SkiaGPU使用OpenGL进行后台加速渲染，未来也许会代替Skia。很多人觉得，即使Android成功使用了GPU加速Webkit渲染，在访问浏览如雅虎等一般的网站时，用户也感觉不到太大的差异。因为Webkit的资源大多数消耗在了Javascript脚本和布局
  • web网页毕业设计，非遗文化网站期末大作业html+css+JS网页制作成品 qq_904336929 大学生网页设计源码前端课程设计html
    此非遗文化网站为本本人纯手写代码，HTML代码简洁，修改方便。页面丰富，总共6个html页面全站采用HTML+CSS+JavaScript来完成。一、项目规划非遗文化网站是以四川的变脸川剧来开的，网站设计的6个页面，包括首页、历史起源、川剧分类、川剧的艺术特点、川剧剧目、精彩图集、联系我们二、网站效果图其他几个页面由于图片超过了5M，无法上传效果图。三、网站结构1、历史起源起源与发展表演特色表演名
  • C语言指针 812503533 c语言开发语言
    指针是C语言的核心概念之一，C语言是面向过程的语言，允许直接操作内存。指针使得程序能够非常灵活地控制内存、访问和修改数据。这种能力对于低级编程至关重要，尤其在操作系统开发、嵌入式编程、性能优化等领域中，直接操作内存可以带来极大的优势。是C语言与其他许多高级编程语言（例如Python、Java、JavaScript等）之间的一个重要区别之一1.指针的基本概念指针本质上是一个变量，它保存了另一个变量的
  • 如何使用Promise进行异步处理？ 几何心凉 前端小常识前端
    文章目录1.引言2.Promise基本概念3.创建Promise4.使用Promise处理异步操作4.1链式调用4.2错误处理4.3并发处理5.实际应用案例6.总结1.引言在JavaScript中，异步操作是非常常见的，如网络请求、文件操作、定时任务等。传统的回调函数虽然可以解决异步问题，但容易造成回调地狱，代码难以维护。Promise是一种用于管理异步操作的解决方案，它使得异步代码变得更易读、易
  • JavaScript实现RSA加密和解密 mysouil 算法javascriptjavascript
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、RSA概述二、JavaScript实现RSA加密和解密1.安装node-forge库2.方法封装3.实现三、总结前言在JavaScript中，可以使用RSA算法实现数据的加密和解密。下载链接：https://download.csdn.net/download/weixin_48839391/89744087一、RSA
  • 前端面试：原型和原型链 啃火龙果的兔子 原型模式
    什么是原型对象每一个JavaScript对象(null除外)在创建的时候就会与之关联另一个对象，这个对象就是我们所说的原型对象，每一个对象都会从原型"继承"属性。函数的原型和对象的原型每个函数都有一个prototype属性，该属性指向函数的原型每个对象都有一个__proto__属性，该属性指向对象的原型什么是原型链当读取实例的属性时，如果找不到，就会查找与对象关联的原型中的属性，如果还查不到，就去
  • 面试之《前端常见的设计模式》 只会写Bug的程序员 面试笔记面试前端设计模式react
    前端开发中运用多种设计模式可以提高代码的可维护性、可扩展性和可复用性。以下是一些常见的前端设计模式：创建型模式1.单例模式定义：确保一个类只有一个实例，并提供一个全局访问点。应用场景：在前端中，像全局状态管理对象、数据库连接对象等通常使用单例模式。例如，在React项目中使用Redux管理全局状态，Redux的store就是一个单例，整个应用只有一个store实例。示例代码（JavaScript）
  • ComPDFKit - 专业的PDF文档处理SDK pdf格式转换ocr文档注释
    ComPDFKit提供专业、全平台支持的PDF开发库，包括Windows、Mac、Linux、Android、iOS、Web平台。开发者可以快速、灵活整合PDF功能到各开发平台的软件、程序、系统中。丰富的功能，多种开发语言，灵活的部署方案可供选择，满足您对PDF文档的所有需求。联系方式：中文官网:https://www.compdf.com/zh-cn英文官网：https://www.compdf
  • http 服务器概念详细介绍 还是鼠鼠 node.jsnode.jswebjavascript前端vscodehttp
    目录Node.jsHTTP服务器概念详细介绍1.http模块概述2.创建HTTP服务器3.示例代码服务器端代码（JavaScript）4.代码解析5.运行服务器6.运行结果7.进一步扩展8.总结在Node.js中，http模块是一个非常重要的核心模块，它允许我们创建HTTP服务器，并能处理客户端发起的HTTP请求。通过这个模块，我们可以构建一个能够接收、处理并返回响应的Web服务器。下面将详细介绍
  • 面试之《原型与原型链》 只会写Bug的程序员 笔记面试面试前端
    在JavaScript中，原型（Prototype）和原型链（PrototypeChain）是实现对象继承和属性共享的核心机制。以下是详细介绍：一、原型（Prototype）基本概念每个函数（包括构造函数）都有一个prototype属性，指向一个对象，称为原型对象。当使用new调用构造函数创建实例时，实例内部会有一个隐藏属性__proto__（ES6规范中称为[[Prototype]]），指向构造
  • 《Python全栈开发》第1课：认识全栈开发与Web工作原理 程序员没睡醒 Python全栈python前端开发语言
    课程目标理解全栈开发的核心概念了解网站运行的底层原理建立全栈知识体系框架完成第一个网页实践一、什么是全栈开发？（用餐厅比喻）1.1餐厅后厨vs餐厅前厅顾客服务员点单厨师做菜传菜员送餐1.2对应到Web开发：餐厅角色Web开发对应关键技术服务员前端开发HTML/CSS/JavaScript厨师后端开发Python/Java/PHP传菜员数据库MySQL/MongoDB店长全栈工程师掌握所有环节二、网
  • Vue.js 基础入门：从零开始构建你的第一个 Vue 应用 vvilkim vuevue.js前端javascript
    Vue.js是一个轻量级、易上手的渐进式JavaScript框架，广泛用于构建现代化的用户界面。无论你是前端新手还是有一定经验的开发者，Vue.js都能帮助你快速构建高效、可维护的Web应用。本文将带你从零开始学习Vue.js的基础知识，并完成一个简单的Vue应用。1.什么是Vue.js？Vue.js是一个用于构建用户界面的渐进式框架。它的核心库专注于视图层，易于与其他库或现有项目集成。Vue的主
  • Google Chrome 60版本的全新特性与优势 xinwuji312
    本文还有配套的精品资源，点击获取简介：Chrome60是GoogleChrome浏览器的一个重大更新，它在2017年推出，为用户和开发者提供了多项改进。新版浏览器通过升级V8JavaScript引擎，增强WebAssembly支持，改进CSSGrid布局，更新ServiceWorker，增强安全性，改进开发者工具，增加新的WebAPI，优化性能，增强隐私控制以及支持64位架构，从而提升浏览体验和开
  • Next.js 开发者必看：最受欢迎的 UI 组件库
    大家好，我是长林啊！一个爱好JavaScript、Go、Rust的全栈开发者；致力于终生学习和技术分享。本文首发在我的微信公众号【长林啊】，欢迎大家关注、分享、点赞！在之前，我也写过一篇《打造高效React应用：CSS方案深度解析》，里面介绍到内联样式、CSS类、CSSModules和CSS-in-JS技术，在Next.js中也同样是适用，如果有不熟悉的，可以到公众号「长林啊」中去看！我们这里就不
  • Chrome 插件开发：技术解析与应用实例 阿吉的呓语 java开发知识chrome
    引言Chrome插件，又称为扩展，为用户提供了自定义和增强浏览器功能的能力，从而改善用户体验并提升工作效率。本文将详尽介绍Chrome插件的开发基础，探讨所需的技术栈，并通过具体应用场景展示其实际应用和潜力。一、Chrome插件的基本概念什么是Chrome插件Chrome插件是一种浏览器扩展，允许开发者使用Web技术如HTML、CSS和JavaScript为Chrome浏览器添加额外的功能。它可以
  • 【Python+OpenCV实战】手把手教你打造自定义视频播放器 m0_54877156 计算机视觉pythonopencv
    随着计算机视觉技术的发展，Python作为其主要开发语言，搭配强大的OpenCV库，为我们提供了无比丰富的功能和可能性。今天，我们将一起踏入这个奇妙的世界，通过Python和cv2来实现一款自定义的视频播放器，让你在理解基础原理的同时，也能亲手打造出属于自己的酷炫工具。首先我们需要确保安装了必要的库pipinstallopencv-python安装完毕之后我们就可以正式开始了。1.导入OpenCV
  • JavaScript中的Observer模式：设计模式与最佳实践 乐闻x 前端知识图谱javascript观察者模式设计模式
    前言在现代软件开发中，Observer模式（观察者模式）是一种重要的设计模式，能够有效地管理对象之间的依赖关系。它允许一个对象在状态发生变化时通知其他依赖于它的对象，这种一对多的依赖关系在事件驱动编程、数据绑定以及状态管理等领域非常常见。本文将详细探讨JavaScript中几种常见的Observer实现方式，并通过具体实例展示其使用方法，帮助开发者在实际项目中更好地应用这一模式。什么是Observ
  • 前端开发中的实用场景：提升开发效率与用户体验 lina_mua 前端vue.jshtmljavascript
    1.引言1.1前端开发的多样性前端开发不仅仅是编写HTML、CSS和JavaScript，还涉及用户体验、性能优化、数据可视化等多个方面。掌握实用场景的开发技巧，可以显著提升开发效率和用户体验。1.2本文的目标本文旨在总结前端开发中的实用场景，并提供相应的解决方案和最佳实践，帮助开发者更好地应对实际开发中的挑战。2.表单处理与验证2.1动态表单生成场景：根据用户输入或配置动态生成表单字段。解决方案
  • JavaScript 异步编程：从基础到实践 lina_mua javascript开发语言ecmascript
    1.引言1.1异步编程的重要性在现代前端开发中，异步编程是不可避免的。无论是网络请求、定时任务，还是用户交互，异步操作都无处不在。掌握异步编程的技巧，是编写高效、可维护前端代码的关键。1.2本文的目标本文旨在深入探讨JavaScript中的异步编程，从基础概念到实际应用，帮助开发者更好地理解和使用异步编程模式。2.JavaScript异步基础2.1同步vs异步同步：程序按顺序执行，必须等待当前操作
  • 【数据可视化】【1】手把手教你使用d3.js绘制折线图 Sonny叔 数据可视化javascript开发语言数据可视化前端
    d3.js可视化1.概要2.确定数据3.添加画布3.1创建svg标签3.2给画布添加属性4.设置比例尺5.绘制轴线5.1添加group标签5.2在group添加轴线6.绘制曲线7.添加图表标题8.绘制图表9.完整代码1.概要本文主要使用的时d3.js作为绘制折线图的JavaScript库，其官方网站为d3js.org。这里引用了官方的两句话来介绍d3.js：TheJavaScriptlibrary
  • Jquery源码分析 W_wjl1900 前端学习jquery源码
    转载地址原作者博客/*!*jQueryJavaScriptLibraryv1.10.2*http://jquery.com/**IncludesSizzle.js*http://sizzlejs.com/**Copyright2005,2013jQueryFoundation,Inc.andothercontributors*ReleasedundertheMITlicense*http://jq
  • Chrome插件开发 Min_nna ai分析chrome插件开发chrome
    介绍Chrome插件，也称为扩展程序（Extensions），是用于增强浏览器功能的轻量级应用程序。它们可以添加新的功能或修改现有的网页内容，为用户提供更加个性化的浏览体验。以下是开发Chrome插件的一些基本概念和步骤：了解Chrome插件：Chrome插件是由HTML、CSS、JavaScript等Web技术构建的，并且通常会包含一个manifest.json文件来定义其基本信息和所需权限。准
  • AJAX请求（axios篇） 码农白衣 html前端知识JSajax前端javascript
    目录一、axios介绍1.概念2.功能3.好处二、axios用法1.安装方法2.GET方法3.POST方法4.执行多个并发请求5.axiosAPI6.请求方法的别名7.async/await异步请求三、axios实例四、总结一、axios介绍1.概念AJAX是“AsynchronousJavaScriptandXML”的缩写，它是一种用于创建交互式网页应用程序的技术。AJAX允许在不重新加载整个网
  • 【threejs实战教程一】初识Three.js，场景Scene、相机Camera、渲染器Renderer 编码七号 数码相机javascript开发语言
    Three.js是一个基于WebGL的JavaScript3D图形库，用于在浏览器中创建和显示3D内容Three.js中最基础的三个关键要素就是场景Scene、相机Camera、渲染器Renderer通俗一点理解，场景就是我们生活中一个具体的场景，比如自然环境中的一栋建筑，环境和内容构成了一个场景，相机就类比于人类的眼睛，渲染器就好比我们的中枢神经视觉处理器那我们的一个网页端3D场景就是把人类观察
  • Vite+微前端Qinkun的基本部署 前端程序员_花姐夫Jun 微前端前端qiankun微前端
    一、前言Qiankun是一个基于Single-SPA的微前端框架，由阿里巴巴团队开发并开源。它旨在帮助开发者将大型前端应用拆分为多个独立的子应用，从而实现更高效的开发、维护和部署。Qiankun提供了一套完整的解决方案，支持多个独立的前端应用在同一个页面中运行，同时保持各自的独立性和隔离性。二、核心特征应用隔离：Qiankun通过沙箱机制实现了JavaScript、CSS和DOM的隔离，确保子应用
  • JSON-RPC-CXX深度解析：C++中的远程调用利器 极地星光 软件功能原理架构jsonrpcc++
    一、引言1.JSON-RPC简介及其在C++开发中的重要性JSON-RPC（JavaScriptObjectNotation-RemoteProcedureCall）是一种基于JSON格式的远程过程调用协议。在C++开发中，它扮演着至关重要的角色。随着软件系统的日益复杂和分布式架构的广泛应用，高效的远程过程调用成为构建强大应用程序的关键。JSON-RPC以其简洁的JSON数据格式，使得不同的系统之
  • JavaScript 数据潜水员 javascript前端开发语言
    1.JavaScript是什么？①在浏览器中运行②是编程语言③作用：完成人与页面交互2.JavaScript组成：ECMA规范+WebAPIs（DomBom）3.JavaSctipt有内部，外部，行内三种书写位置alert('我是弹窗')//单行注释快捷键：ctrl+//**/双行注释快捷键：shift+alt+A4.输入输出语法1）document.write('要出的内容')作用：向body输
  • JavaScript基本知识 じ☆ve 清风° 前端javascript开发语言
    文章目录一、JavaScript基础1.变量（重点）1-1定义变量及赋值1-2变量的命名规则和命名规范判断数据类型：2.数据类型转换2-1其他数据类型转成数值2-2其他数据类型转成字符串2-3其他数据类型转成布尔3.函数3-1函数定义阶段3-2函数调用阶段3-3调用上的区别3-4函数的参数3-5函数的定义域4.对象4-1创建对象4-2数据类型之间存储的区别5.数组5-1数组的常用方法6.字符串6-
  • 辗转相处求最大公约数 沐刃青蛟 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: ken.wug@gmail.com 转载本文档请注明原文链接 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其他