Benjaminpcm
Benjaminpcm

什么是防抖和节流？有什么区别？如何实现？

在前端开发中会遇到一些频繁的事件触发，例如input，keyup，keydown，scroll，resize，mousemove等，这非常影响性能，所以我们需要控制它们触发的频率，方法就是防抖与节流。

函数防抖(debounce)

定义：当持续触发事件时(如连续点击按钮多次)，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，有一次触发了事件，就重新开始延时。

原理：维护一个计时器，规定在延时时间后触发函数，但是在延时时间内再次被触发的话，就取消之前的计时器而重新设置，这样就能够保证只有最后一次操作被触发。即将所有操作合并为一个操作进行，并且只有最后一次操作是有效操作。

应用场景：在项目中，我有一个需要实时搜索并出结果的操作，简单的说，就是在一个input上绑定了keyup事件，在执行keyup时在里面设置一个定时器，因为一般输入比时间要快，前面的keyup里面的事件就被clear，然后再接着执行后面的搜索。也就实现了简单的防抖操作

函数节流(throttle)

定义：按照设定的固定时间执行一次函数，比如200ms一次。注意：固定就是你在mousemove过程中，执行这个节流函数，它一定是200ms（你设定的定时器延迟时间）内执行一次。没到200ms，一定会返回，不会执行回调函数的。

原理：原理是通过判断是否达到一定时间来触发函数，使得一定时间内只触发一次函数

函数防抖代码实现：

触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间
每次触发事件时都取消之前的延时调用方法


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>防抖title>
head>
<body>
<input type="text" id="txt_id">
<script>
    function debounce(fn) {
       let timer = null
       console.log(this)
       return function () {
           clearTimeout(timer)
           console.log('aaa',this)
           timer = setTimeout(()=>{
               console.log('bb',this)
                fn.call(this)
           }, 2000)

       }
    }
    function say () {
        console.log('hello word')
    }
    Oinput = document.getElementById('txt_id')
    Oinput.addEventListener('input', debounce(say))
script>

body>
html>

函数节流代码实现：

高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率

每次触发事件时都判断当前是否有等待执行的延时函数


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>节流title>
    <style>
        h1 {
            background: skyblue;
        }
    style>
head>
<body>
<h1 id="h1_id">0h1>
<script>
    function say(e) {
        let ev = e || event
        ev.target.innerText = count++
    }
    function throttle(fn) {
        console.log(fn)
        let canRun = true
        return function () {
            if (!canRun)
                return
            canRun = false
            setTimeout(() => {
                fn.apply(this, arguments)
                canRun = true
            }, 100)
        }
    }
    let count = 0
    oH1 = document.getElementById('h1_id')
    oH1.addEventListener('mousemove', throttle(say))
script>
body>
html>

参考链接：http://www.52codes.net/develop/javascript/59224.html

你可能感兴趣的:(前端开发)

  • React 和 Vue _使用区别 开心小老虎 react知识点+组件vue3知识点+组件前端知识点vue.jsreact.js前端
    目录一、框架介绍1.Vue2.React二、框架结构1.创建应用2.框架结构三、使用区别1.单页面组成2.样式3.显示响应式数据4.响应式html标签属性5.控制元素显隐6.条件渲染7.渲染列表react和vue是目前前端比较流行的两大框架，前端程序员应该将两种框架都掌握，本文总结一些基本知识点的使用区别。一、框架介绍1.VueVue是一个框架，也是一个生态。其功能覆盖了大部分前端开发常见的需求。
  • Web 开发的“三件套” zhangpeng455547940 Web开发reactnativereact.jsjavascript
    HTML：定义内容结构。CSS：控制样式布局。JavaScript：实现动态行为和复杂逻辑。JavaScript应用场景前端开发：操作DOM、处理用户事件、实现动画等。后端开发：通过Node.js构建服务器端应用。跨平台开发：Electron（桌面应用）、ReactNative（移动端）等。
  • HTML5拼图游戏开发经验分享 木木黄木木 html5前端html
    HTML5拼图游戏开发经验分享这里写目录标题HTML5拼图游戏开发经验分享前言项目架构1.文件结构2.核心功能模块技术要点解析1.响应式布局2.图片处理3.拖拽交互4.动画效果性能优化开发心得项目亮点总结源码分享写在最后前言在Web前端开发领域，通过实战项目来提升编程技能是最有效的学习方式之一。今天我要分享一个HTML5拼图游戏的开发经验，这个项目涵盖了现代前端开发的多个重要概念，包括响应式设计、
  • Sass (Scss) 与 Less 的区别与选择 王强你强 sassscssless
    在前端开发中，CSS预处理器如Sass（SyntacticallyAwesomeStylesheets）和Less被广泛使用，它们通过引入变量、嵌套规则、混合、函数等特性，使CSS的开发过程更加高效和灵活。Sass和Less作为两大主流CSS预处理器，各自具有独特的优点和特性。本文将详细探讨Sass（特别是其语法扩展Scss）与Less之间的区别，并提供选择建议。1.语法差异Sass最初是使用缩进
  • 鸿蒙(HarmonyOS)应用开发实战——数据库版本升级案例 CTrup 移动开发鸿蒙开发HarmonyOSharmonyos数据库华为鸿蒙开发装饰器模式ArkUI前端
    往期推文全新看点学鸿蒙开发的优劣势，你清楚吗？建议你了解一下！鸿蒙（HarmonyOS）北向开发知识点记录~鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~鸿蒙应用开发与鸿蒙系统开发哪个更有前景？嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~对于大前端开发来说，转鸿蒙开发究竟是福还是祸？鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？记录一场鸿蒙开发岗位面试经历~持续更新中…
  • 封装AJAX(带详细注释) Rverdoser okhttp
    封装AJAX请求是前端开发中常见的需求，可以帮助我们简化代码，提高可重用性。下面我将通过JavaScript（使用XMLHttpRequest对象）和现代JavaScript（使用FetchAPI）两种方式来展示如何封装AJAX请求。1.使用XMLHttpRequest封装AJAXfunctionajax(method,url,data,callback){//创建XMLHttpRequest对象
  • 大厂前端实战之如何实现精确的setInterval 代码简单说 2025开发必备前端setInterval精准setIntervaljs精准计时器js前端setInterval计时器精确
    大厂前端实战之如何实现精确的setInterval前言在大厂的前端开发中，setInterval是一个非常常见的定时器方法。它常用于定时执行某些任务，比如轮播图、定时刷新数据等。然而，setInterval在一些高频率或复杂应用场景下，可能会出现误差，导致任务执行不精确，甚至错过预定的执行时间。这是因为setInterval依赖于浏览器的事件循环机制，而事件循环有时会受到其他任务（如渲染、网络请求
  • 深度掌握 ReactJS 高级概念：前端开发者必备 前端javascript
    ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读这篇文章汇总了ReactJS中值得深入研究的高级概念。读完后，不仅在前端面试中能更胸有成竹，还能自行开发一个类似ReactJS的UI库。目录Rendering的含义与过程Re-rendering发生的机制及原因VirtualDOM的原理Reconciliation算法的运行方式ReactJS的性能优化方案1
  • React 如何实现组件懒加载以及懒加载的底层机制 乐闻x React最佳学习手册react.js前端前端框架性能优化
    前言在现代前端开发中，性能优化始终是一个核心课题。React作为当下流行的前端库之一，提供了一些非常有用的工具和技术来提升应用的性能，其中懒加载（LazyLoading）就是一项不可忽视的重要技术。通过懒加载，我们可以有效地减少初始页面加载时间，提高应用的响应速度，从而显著改善用户体验。那么，React的懒加载是如何实现的呢？它的底层原理和运行流程又是什么？本文将通过通俗易懂的方式，带你深入解析R
  • 【harmonyOS NEXT 下的前端开发者】WAV音频编码实现 九酒6 HarmonyOSharmonyos音视频华为
    继6年前使用js实现的mp4封装之后，再次回顾编解码的知识是在23年8月接收到的私信，让补充下插件里的音频部分。被迫回去翻了一下6年前的代码，然而发现当初提交的也没有音频的部分，而由于时间久远，早已忘记的差不多了，没能力赚这笔外快了。视频编码部分还是因为有保留的代码支持，才能捡回来一些。背景原文js实现封装MP4格式文件并下载中，因为近几年的技术更新与变化，一些重要的资料网站也被关停了。然而，我现
  • vue3+ts+vite+pinia+element-plus搭建一个项目 貂蝉空大 vueaxiostypescriptvitepiniavue前端
    创建一个基于Vue3、TypeScript、Vite、Pinia和ElementPlus的项目是一个现代化的前端开发流程，这种配置通常用于构建轻量级、快速和模块化的单页应用程序（SPA）。下面是一个简单的介绍：1.Vue3是Vue.js的最新主要版本，提供了CompositionAPI、更好的TypeScript支持、自定义渲染器等功能。2.TypeScript是JavaScript的一个超集，添
  • 纯前端全文检索的两种实现方案：ElasticLunr.js 和 libsearch 传而习乎 前端全文检索javascript
    纯前端全文检索的两种实现方案：ElasticLunr.js和libsearch在前端开发中，实现全文检索功能可以显著提升用户体验，尤其是在处理大量文本数据时。本文将介绍两种流行的纯前端全文检索方案：ElasticLunr.js和libsearch。这两种方案各有特点，适用于不同的场景。1.使用ElasticLunr.js实现纯前端全文检索方案特点基于Lunr.js的扩展：支持字段搜索、查询时加权和
  • # 2025年前端开发趋势：全栈化、AI化与跨端融合 沈大大520 前端最新技术动态人工智能前端vue.js
    本文深度分析2025年前端开发的技术趋势、岗位变革和能力要求，助你提前布局职业发展。作者：沈大大更新时间：2025-03-10一、技术栈演进1.1全栈化趋势//全栈应用示例import{createApp}from'vue'import{createServer}from'nitro'import{PrismaClient}from'@prisma/client'//前端应用constapp=cr
  • Webpack 优化深度解析：从构建性能到输出优化的全面指南 冬冬小圆帽 webpack前端node.js
    Webpack是一个强大的模块打包工具，广泛应用于现代前端开发中。随着项目规模的增大，Webpack的构建速度和输出文件的优化变得尤为重要。1.Webpack优化的核心目标Webpack优化的主要目标包括：减少构建时间：加快开发环境的构建速度，提升开发体验。减小输出文件体积：减少生产环境的资源体积，提升页面加载性能。提升缓存利用率：通过合理的文件哈希和代码分割，提升资源的缓存命中率。提高代码质量：
  • 5年前端面试题整理汇总100题 W蘭 前端javascript开发语言前端面试
    1.一些开放性题目1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。2.项目介绍3.如何看待前端开发？4.平时是如何学习前端开发的？5.未来三到五年的规划是怎样的？2、position的值，relative和absolute分别是相对于谁进行定位的？absolute:生成绝对定位的元素:相对于最近一级的定位不是static的父元素来进行定位。fixed（老IE不支持）
  • 使用HBuilderX高效开发微信小程序全流程指南 斯~内克 vue知识点开发记录微信小程序notepad++小程序
    一、为什么选择HBuilderX开发微信小程序？1.1跨平台开发利器HBuilderX作为DCloud推出的前端开发工具，凭借其强大的uniapp框架支持，已成为多端开发的首选工具。通过一套代码即可编译生成微信小程序、H5、Android/iOS等多端应用，极大提升开发效率。1.2深度集成的小程序开发支持内置微信小程序语法提示和代码块实时预览与真机调试功能自动处理路径别名和文件引用支持条件编译实现
  • 前端开发简历优化指南，DeepSeek助您前端简历秒变高分！ 大模型大数据攻城狮 前端面试前端面经前端简历vue原理社招校招前端框架
    目录一、简历格式与排版（一）简洁至上（二）字体与字号的选择（三）文字间距与对齐（四）使用分段与列表二、内容优化（一）个人信息（二）教育背景（三）工作经历（四）专业技能（五）项目经验（六）自我评价（七）技术亮点深度挖掘（八）典型项目模版（九）实习经历技术化改造三、其他注意事项（一）避免错别字与语法错误（二）定制化简历（三）更新频率（四）技术细节缺失（五）技术关联性断裂（六）模糊表达修正（七）技术堆砌
  • 适合前端入门的Go语言开发框架fiber weixin_45969116 前端go前端开发语言go语言
    适合web前端开发者入门的go框架(fiber)FIBER：高效、极速、极简的WEB框架Fiber是一个借鉴Express的Web框架，建立在Go语言写的最快的FasthttpHTTP引擎的基础上。皆在简化零内存分配和提高性能，以便快速开发。不想阅读下面的内容直接进入主题fiber官网fiber的特点强大的路由静态文件服务性能出众内存占用低与ExpressAPI高度相似中间件和Next支持快速的服
  • 前端开发定时器的一些规范使用 爱分享的程序员 前端前端
    以下是前端定时器规范使用的详细指南，涵盖常见场景、最佳实践及代码示例：一、定时器类型与选择类型特点适用场景setTimeout单次执行，可嵌套调用实现循环延迟任务、简单轮询setInterval固定间隔重复执行定期数据同步、简单动画requestAnimationFrame与浏览器刷新率同步，更高性能动画、高频可视化更新queueMicrotask将任务加入微任务队列需要优先执行的高优先级任务二、
  • Vue组件化开发：如何将一个大型应用拆分成多个小组件 码说数字化 码说VUEvue.js前端javascript
    在现代前端开发中，组件化开发已经成为一种主流的开发模式。Vue.js作为一款流行的前端框架，提供了强大的组件化支持，使得开发者能够将复杂的应用拆分成多个可复用、易维护的小组件。本文将详细介绍如何利用Vue的组件化开发思想，将一个大型应用拆分成多个小组件进行开发。1.什么是组件化开发？组件化开发是一种将用户界面拆分为独立、可复用的组件的开发方式。每个组件负责特定的功能或视图部分，组件之间通过prop
  • 在Vue中如何高效管理组件状态？ 几何心凉 前端小常识vue.js前端javascript
    在Vue中如何高效管理组件状态？文章目录在Vue中如何高效管理组件状态？1.引言2.局部状态管理2.1组件内部的data2.2计算属性与Watcher3.父子组件状态传递3.1通过Props与$emit3.2双向绑定（v-model）4.全局状态管理4.1使用Vuex4.2使用Pinia5.组合式API中的响应式状态管理6.最佳实践7.总结1.引言在现代前端开发中，随着应用复杂度的不断提升，组件状
  • 面试之《前端常见的设计模式》 只会写Bug的程序员 面试笔记面试前端设计模式react
    前端开发中运用多种设计模式可以提高代码的可维护性、可扩展性和可复用性。以下是一些常见的前端设计模式：创建型模式1.单例模式定义：确保一个类只有一个实例，并提供一个全局访问点。应用场景：在前端中，像全局状态管理对象、数据库连接对象等通常使用单例模式。例如，在React项目中使用Redux管理全局状态，Redux的store就是一个单例，整个应用只有一个store实例。示例代码（JavaScript）
  • 在Vue 3中，如何创建一个异步组件？ JJCTO袁龙 Vuevue.js前端javascript
    在Vue3中，如何创建一个异步组件？在现代前端开发中，组件的重用性和异步加载是提升用户体验和优化性能的关键因素。在Vue3中，创建异步组件变得更为便利。本文将探讨如何在Vue3中使用setup语法糖来创建异步组件，并通过示例代码来深入理解这一特性。什么是异步组件？异步组件是一种在需要时才被加载的组件，而不是在应用启动时一次性加载所有组件。这种做法有助于减小初始加载的包大小，从而提升加载速度和响应性
  • 《Python全栈开发》第1课：认识全栈开发与Web工作原理 程序员没睡醒 Python全栈python前端开发语言
    课程目标理解全栈开发的核心概念了解网站运行的底层原理建立全栈知识体系框架完成第一个网页实践一、什么是全栈开发？（用餐厅比喻）1.1餐厅后厨vs餐厅前厅顾客服务员点单厨师做菜传菜员送餐1.2对应到Web开发：餐厅角色Web开发对应关键技术服务员前端开发HTML/CSS/JavaScript厨师后端开发Python/Java/PHP传菜员数据库MySQL/MongoDB店长全栈工程师掌握所有环节二、网
  • 利用 WPF 和阿里云实现图片多区域文字识别并保存至 Excel 如沐春风菜鸡收割机 基于图片水印文字的智能图片分类利用水印文字实现图片精准分类图片水印文字在图片分类中的应用按照水印文字特征对图片进行分类解析图片水印文字助力图片分类excel阿里云
    一、项目背景本项目旨在通过自定义指定图片的多个识别区域，利用强大的文字识别技术将这些区域内的文字提取出来，并保存到Excel表格中，方便后续的数据处理和分析。我们选择使用WPF（WindowsPresentationFoundation）作为前端开发框架，以提供友好的用户界面，方便用户自定义识别区域。同时，借助阿里云的文字识别服务，利用其先进的OCR（OpticalCharacterRecogni
  • 前端开发中的设计模式：装饰器模式的应用与实践 lina_mua 前端设计模式：构建优雅可维护的代码架构设计模式装饰器模式
    1.引言1.1设计模式的重要性设计模式是软件开发中经过验证的解决方案，能够帮助开发者解决常见的设计问题。在前端开发中，合理使用设计模式可以提高代码的可维护性、可扩展性和复用性。1.2本文的目标本文旨在深入探讨装饰器模式在前端开发中的应用与实践，帮助开发者理解装饰器模式的核心思想，并掌握其实现方法和使用场景。2.装饰器模式的基础2.1什么是装饰器模式？装饰器模式（DecoratorPattern）是
  • 前端开发中的常见设计模式：全面解析与实践 lina_mua 前端设计模式：构建优雅可维护的代码架构设计模式
    1.引言1.1设计模式的重要性设计模式是软件开发中经过验证的解决方案，能够帮助开发者解决常见的设计问题。在前端开发中，合理使用设计模式可以提高代码的可维护性、可扩展性和复用性。1.2本文的目标本文旨在全面解析前端开发中常见的设计模式，帮助开发者理解各种设计模式的核心思想，并掌握其在实际开发中的应用。2.创建型设计模式2.1单例模式（Singleton）核心思想：确保一个类只有一个实例，并提供一个全
  • 前端开发中的设计模式：策略模式的应用与实践 lina_mua 前端设计模式：构建优雅可维护的代码架构设计模式策略模式
    1.引言1.1设计模式的重要性设计模式是软件开发中经过验证的解决方案，能够帮助开发者解决常见的设计问题。在前端开发中，合理使用设计模式可以提高代码的可维护性、可扩展性和复用性。1.2本文的目标本文旨在深入探讨策略模式在前端开发中的应用与实践，帮助开发者理解策略模式的核心思想，并掌握其实现方法和使用场景。2.策略模式的基础2.1什么是策略模式？策略模式（StrategyPattern）是一种行为型设
  • 前端开发中的实用场景：提升开发效率与用户体验 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异步同步：程序按顺序执行，必须等待当前操作
  • ASM系列六 利用TreeApi 添加和移除类成员 lijingyao8206 jvm动态代理ASM字节码技术TreeAPI
        同生成的做法一样，添加和移除类成员只要去修改fields和methods中的元素即可。这里我们拿一个简单的类做例子，下面这个Task类，我们来移除isNeedRemove方法，并且添加一个int 类型的addedField属性。   package asm.core; /** * Created by yunshen.ljy on 2015/6/
  • Springmvc-权限设计 bee1314 springWebjsp
    万丈高楼平地起。 权限管理对于管理系统而言已经是标配中的标配了吧，对于我等俗人更是不能免俗。同时就目前的项目状况而言，我们还不需要那么高大上的开源的解决方案，如Spring Security，Shiro。小伙伴一致决定我们还是从基本的功能迭代起来吧。 目标： 1.实现权限的管理（CRUD） 2.实现部门管理 （CRUD) 3.实现人员的管理 （CRUD） 4.实现部门和权限
  • 算法竞赛入门经典（第二版）第2章习题 CrazyMizzz c算法
    2.4.1 输出技巧 #include <stdio.h> int main() { int i, n; scanf("%d", &n); for (i = 1; i <= n; i++) printf("%d\n", i); return 0; } 习题2-2 水仙花数(daffodil
  • struts2中jsp自动跳转到Action 麦田的设计者 jspwebxmlstruts2自动跳转
    1、在struts2的开发中，经常需要用户点击网页后就直接跳转到一个Action，执行Action里面的方法，利用mvc分层思想执行相应操作在界面上得到动态数据。毕竟用户不可能在地址栏里输入一个Action（不是专业人士）   2、＜jsp:forward page="xxx.action" /＞ ，这个标签可以实现跳转，page的路径是相对地址,不同与jsp和j
  • php 操作webservice实例 IT独行者 PHPwebservice
    首先大家要简单了解了何谓webservice，接下来就做两个非常简单的例子，webservice还是逃不开server端与client端。我测试的环境为：apache2.2.11 php5.2.10做这个测试之前，要确认你的php配置文件中已经将soap扩展打开，即extension=php_soap.dll; OK 现在我们来体验webservice //server端 serve
  • Windows下使用Vagrant安装linux系统 _wy_ windowsvagrant
    准备工作： 下载安装 VirtualBox ：https://www.virtualbox.org/ 下载安装 Vagrant ：http://www.vagrantup.com/ 下载需要使用的 box ： 官方提供的范例：http://files.vagrantup.com/precise32.box 还可以在 http://www.vagrantbox.es/ 
  • 更改linux的文件拥有者及用户组(chown和chgrp) 无量 clinuxchgrpchown
    本文（转） http://blog.163.com/yanenshun@126/blog/static/128388169201203011157308/ http://ydlmlh.iteye.com/blog/1435157 一、基本使用： 使用chown命令可以修改文件或目录所属的用户：        命令
  • linux下抓包工具 矮蛋蛋 linux
    原文地址： http://blog.chinaunix.net/uid-23670869-id-2610683.html tcpdump -nn -vv -X udp port 8888 上面命令是抓取udp包、端口为8888 netstat -tln 命令是用来查看linux的端口使用情况 13 . 列出所有的网络连接 lsof -i 14. 列出所有tcp 网络连接信息 l
  • 我觉得mybatis是垃圾！：“每一个用mybatis的男纸，你伤不起” alafqq mybatis
    最近看了  每一个用mybatis的男纸，你伤不起 原文地址 ：http://www.iteye.com/topic/1073938 发表一下个人看法。欢迎大神拍砖； 个人一直使用的是Ibatis框架，公司对其进行过小小的改良； 最近换了公司，要使用新的框架。听说mybatis不错；就对其进行了部分的研究； 发现多了一个mapper层；个人感觉就是个dao；
  • 解决java数据交换之谜 百合不是茶 数据交换
    交换两个数字的方法有以下三种 ，其中第一种最常用   /* 输出最小的一个数 */ public class jiaohuan1 { public static void main(String[] args) { int a =4; int b = 3; if(a<b){ // 第一种交换方式 int tmep =
  • 渐变显示 bijian1013 JavaScript
    <style type="text/css"> #wxf { FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#97FF98); height: 25px; } </style>
  • 探索JUnit4扩展：断言语法assertThat bijian1013 java单元测试assertThat
    一.概述         JUnit 设计的目的就是有效地抓住编程人员写代码的意图，然后快速检查他们的代码是否与他们的意图相匹配。 JUnit 发展至今，版本不停的翻新，但是所有版本都一致致力于解决一个问题，那就是如何发现编程人员的代码意图，并且如何使得编程人员更加容易地表达他们的代码意图。JUnit 4.4 也是为了如何能够
  • 【Gson三】Gson解析{"data":{"IM":["MSN","QQ","Gtalk"]}} bit1129 gson
      如何把如下简单的JSON字符串反序列化为Java的POJO对象? {"data":{"IM":["MSN","QQ","Gtalk"]}}   下面的POJO类Model无法完成正确的解析：   import com.google.gson.Gson;
  • 【Kafka九】Kafka High Level API vs. Low Level API bit1129 kafka
    1. Kafka提供了两种Consumer API High Level Consumer API Low Level Consumer API(Kafka诡异的称之为Simple Consumer API，实际上非常复杂) 在选用哪种Consumer API时，首先要弄清楚这两种API的工作原理，能做什么不能做什么，能做的话怎么做的以及用的时候，有哪些可能的问题  
  • 在nginx中集成lua脚本：添加自定义Http头，封IP等 ronin47 nginx lua
    Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 location /{
  • java-归并排序 bylijinnan java
    import java.util.Arrays; public class MergeSort { public static void main(String[] args) { int[] a={20,1,3,8,5,9,4,25}; mergeSort(a,0,a.length-1); System.out.println(Arrays.to
  • Netty源码学习-CompositeChannelBuffer bylijinnan javanetty
    CompositeChannelBuffer体现了Netty的“Transparent Zero Copy” 查看API（ http://docs.jboss.org/netty/3.2/api/org/jboss/netty/buffer/package-summary.html#package_description） 可以看到，所谓“Transparent Zero Copy”是通
  • Android中给Activity添加返回键 hotsunshine Activity
    // this need android:minSdkVersion="11" getActionBar().setDisplayHomeAsUpEnabled(true); @Override public boolean onOptionsItemSelected(MenuItem item) {
  • 静态页面传参 ctrain 静态
    $(document).ready(function () { var request = { QueryString : function (val) { var uri = window.location.search; var re = new RegExp("" + val + "=([^&?]*)", &
  • Windows中查找某个目录下的所有文件中包含某个字符串的命令 daizj windows查找某个目录下的所有文件包含某个字符串
    findstr可以完成这个工作。   [html]  view plain copy   >findstr /s /i "string" *.*   上面的命令表示，当前目录以及当前目录的所有子目录下的所有文件中查找"string&qu
  • 改善程序代码质量的一些技巧 dcj3sjt126com 编程PHP重构
    有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。让我们看一些基本的编程技巧：    尽量保持方法简短    尽管很多人都遵
  • SharedPreferences对数据的存储 dcj3sjt126com
    SharedPreferences简介：                                                   &nbs
  • linux复习笔记之bash shell (2) bash基础 eksliang bashbash shell
    转载请出自出处： http://eksliang.iteye.com/blog/2104329 1.影响显示结果的语系变量（locale）  1.1locale这个命令就是查看当前系统支持多少种语系，命令使用如下： [root@localhost shell]# locale LANG=en_US.UTF-8 LC_CTYPE="en_US.UTF-8"
  • Android零碎知识总结 gqdy365 android
    1、CopyOnWriteArrayList add(E) 和remove(int index)都是对新的数组进行修改和新增。所以在多线程操作时不会出现java.util.ConcurrentModificationException错误。 所以最后得出结论：CopyOnWriteArrayList适合使用在读操作远远大于写操作的场景里，比如缓存。发生修改时候做copy，新老版本分离，保证读的高
  • HoverTree.Model.ArticleSelect类的作用 hvt Web.netC#hovertreeasp.net
    ArticleSelect类在命名空间HoverTree.Model中可以认为是文章查询条件类，用于存放查询文章时的条件，例如HvtId就是文章的id。HvtIsShow就是文章的显示属性，当为-1是，该条件不产生作用，当为0时，查询不公开显示的文章，当为1时查询公开显示的文章。HvtIsHome则为是否在首页显示。HoverTree系统源码完全开放，开发环境为Visual Studio 2013
  • PHP 判断是否使用代理 PHP Proxy Detector 天梯梦 proxy
    1. php 类 I found this class looking for something else actually but I remembered I needed some while ago something similar and I never found one. I'm sure it will help a lot of developers who try to
  • apache的math库中的回归——regression（翻译） lvdccyb Mathapache
    这个Math库，虽然不向weka那样专业的ML库，但是用户友好，易用。 多元线性回归，协方差和相关性（皮尔逊和斯皮尔曼），分布测试（假设检验，t，卡方，G），统计。   数学库中还包含，Cholesky，LU，SVD，QR，特征根分解，真不错。   基本覆盖了：线代，统计，矩阵， 最优化理论 曲线拟合 常微分方程 遗传算法（GA）， 还有3维的运算。。。
  • 基础数据结构和算法十三：Undirected Graphs (2) sunwinner Algorithm
      Design pattern for graph processing. Since we consider a large number of graph-processing algorithms, our initial design goal is to decouple our implementations from the graph representation
  • 云计算平台最重要的五项技术 sumapp 云计算云平台智城云
    云计算平台最重要的五项技术 1、云服务器 云服务器提供简单高效，处理能力可弹性伸缩的计算服务，支持国内领先的云计算技术和大规模分布存储技术，使您的系统更稳定、数据更安全、传输更快速、部署更灵活。 特性 机型丰富 通过高性能服务器虚拟化为云服务器，提供丰富配置类型虚拟机，极大简化数据存储、数据库搭建、web服务器搭建等工作； 仅需要几分钟，根据CP
  • 《京东技术解密》有奖试读获奖名单公布 ITeye管理员 活动
    ITeye携手博文视点举办的12月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。  12月试读活动回顾： http://webmaster.iteye.com/blog/2164754 本次技术图书试读活动获奖名单及相应作品如下： 一等奖（两名） Microhardest：http://microhardest.ite
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他