江醉鱼
江醉鱼

js和React Hooks的防抖和节流

概念
防抖：连续调用后等待一段时间执行一次，如果等待时间内又重新触发，将重新等待一段时间执行
节流：连续调用，在指定时间段内内只执行一次

两者的目的都是减少触发的次数，保证性能和效率，区别在于业务场景和需求的不同。可以触发防抖和节流的事件有：onscroll、onmouseMove、onChange、onResize等。

具体怎么实现的还是看代码比较容易理解

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>防抖：多次调用后只执行一次</title>
</head>
    <body style="height:1400px;">
        <script>
            'use strict'
            function debounce(fn,delay){
                var  timer; //闭包保存局部变量
                return function(...args) {
                    if(timer){
                        clearTimeout(timer)
                    }
                    timer = setTimeout(() => {
                        fn(...args);
                        timer = null;
                    },delay);
                }
            }
            //处理函数
            function mouseMove  (event) {
                let e = event || window.event;
                console.log('移动的位置了：',e.clientX,e.clientY);
            }
            window.onmousemove = debounce(mouseMove,1000);
        </script>
    </body>
</html>

react hooks里的防抖

function useDebounce(fn, delay) {
  const { current } = useRef(null);
  //每次组件重新渲染，都会执行一遍所有的hooks，这样debounce高阶函数里面的timer就不能起到缓存的作用
  //因此需要将定时器绑定到对应的DOM上，防止其他hooks误触发
  return 　function (...args) {
    if (current.timer) {
      clearTimeout(current.timer);
    }
    current.timer = setTimeout(fn.apply(this,...args), delay);
  }
}

需要注意的地方：
１．用闭包保存上一次调用的函数
２．闭包里需考虑this的指向和参数传递
３．执行完清除局部变量的引用，杜绝内存泄露

节流有两种处理方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>节流：指定时间间隔只执行一次</title>
</head>
<body style="height:1400px;">
    <script>
        'use strict'
        //第一种：用定时器去处理时间间隔
        function throttle(fn,delay){
            let valid = true;
            return function() {
                if(!valid){
                    return false;
                }
                valid = false;
                setTimeout(() => {
                    fn();
                    valid = true;
                }, delay);
            }
        }

        function showTop  () {
            let scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
            console.log('滚动条位置：' + scrollTop);
        }
        window.onscroll = throttle(showTop,1000);


        //第二种：用时间戳去处理时间间隔****************************************************************************************
        function throttle1(fn,delay){
            let startTime = new Date();//使用闭包，变量一直存在内存里
            return function() {
                let endTime = new Date();
                if(endTime - startTime >= delay){
                    fn();
                    startTime = endTime;
                }
            }
        }

        function mouseMove  (event) {
            let e = event || window.event;
            console.log('移动的位置了：',e.clientX,e.clientY);
        }
        window.onmousemove = throttle1(mouseMove,1000)
    </script>
</body>
</html>

react hooks里面的节流

function useThrottle(fn, delay) {
   const { current } = useRef(null);//用于防止其他hook导致的重新渲染
     return function (...args) {
         if (!current.timer) {
           　current.timer = setTimeout(() => {
           　  delete current.timer;
           　}, delay);
           　fn(...args);
         }
     }
 }

你可能感兴趣的:(js进阶)

  • js进阶第二天 LIT乐言
    一、水平滚动条和垂直滚动条Snip20161124_1.png1.1核心技术点1）求滚动条的长度？2）拖动滚动条，求内容要走多少？滚动条的长度取决于滚动内容（滚动内容越长，滚动条越短）；内容滚动的距离和滚动条走的距离是成倍数关系。1.2换算公式获取滚动条的长度：**滚动条的长度/盒子的长度=盒子的长度/内容的长度**滚动条长度=(盒子的宽度/内容的宽度)*盒子的宽度拖动滚动条，求内容走的长度：**
  • 前端-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
  • JS进阶之深浅拷贝 栿志 JS进阶内容js
    深浅拷贝深拷贝：改变不会使原数据跟着改变浅拷贝：改变后会使原数据跟着改变半深拷贝：嵌套对象中，第一层是深拷贝，第二层及以上为浅拷贝（我们要尽量避免浅拷贝，多使用深拷贝）半深拷贝的三种方法数组concat()slice()vararr=['a','b'];vararr2=arr.concat();arr2.push('c');console.log(arr2);//[a,b,c]console.lo
  • 【js进阶】深浅拷贝，随机排序，遍历循环 阿渊啊啊啊啊啊啊啊啊啊啊啊啊 assign()js函数js进阶随机排序
    1.Object.assign()官方描述：如果目标对象中的属性具有相同的键，则属性将被源中的属性覆盖。后来的源的属性将类似地覆盖早先的属性。简单来说，就是该方法有两个或或以上个参数，且参数都为json对象格式，后面的参数里面的属性值将覆盖前面第一个参数的相同属性的值，如果没有则新建一个属性值。且除了原先的对象会更改，还会新建一个对象，属于浅拷贝。举例说明varplayer={score:1,na
  • JS进阶——深浅拷贝、异常处理、this指向、防抖节流 Sakura_0413 javascript前端开发语言
    这里写自定义目录标题深浅拷贝浅拷贝深拷贝异常处理throw抛异常try/catch捕获异常debugger处理thisthis指向改变this改变this指向方法的区别性能优化防抖debounce节流throttle深浅拷贝深浅拷贝只针对引用类型。浅拷贝浅拷贝拷贝的是地址单层对象的拷贝，多层对象使用这种拷贝方法就会出现问题。//对象的浅拷贝constobj={name:'name',age:18}
  • JS进阶——变量和函数提升 松果猿 javascript前端
    变量提升"变量提升"（VariableHoisting）是JavaScript中的一个概念，它指的是在函数或代码块内部声明的变量（使用var关键字）在代码执行之前就被提升（hoisted）到其包含函数或全局作用域的顶部。这意味着你可以在声明之前的代码中访问这些变量，并且它们不会被认为是未定义的。下面是一个关于变量提升的例子：functionexample(){console.log(a);//输出
  • JS进阶——动态参数、剩余参数和展开运算符 松果猿 javascriptecmascript
    在JavaScript中，剩余参数（RestParameters）和展开运算符（SpreadOperator）是两种非常有用的语法特性，它们分别用于处理函数参数和数组/对象的操作。剩余参数（RestParameters）剩余参数语法允许你将一个不定数量的参数表示为一个数组。这在你不确定会有多少参数传入函数，或者你想要收集所有剩余参数到一个数组时非常有用。剩余参数语法使用...符号来表示。funct
  • JS进阶9 --JS设计模式 前端小白进阶之旅 JS进阶javascript设计模式前端
    JS进阶9--JS设计模式JS进阶9--JS设计模式工厂模式应用场景总结单例模式需求核心步骤实际应用总结观察者模式应用场景1.`dom`事件绑定，比如2.Vue中的watch:总结发布订阅模式应用场景手写发布订阅模式需求核心步骤总结原型模式应用场景总结代理模式核心语法总结迭代器模式面试题1.`forin`和`forof`的区别?2.可迭代协议和迭代器协议总结参考资料在JS进阶8–函数柯里化I中我们
  • JS进阶10 -- 防抖和节流 前端小白进阶之旅 JS进阶javascriptecmascript前端
    JS进阶10--防抖和节流JS进阶10--防抖和节流防抖防抖的适用场景手写防抖需求核心实现步骤lodash的debounce方法参数返回手写debounce函数需求核心步骤节流节流的适用场景手写节流lodash的throttle方法参数返回手写throttle方法需求核心步骤总结防抖和节流的区别在JS进阶9--JS设计模式中我们学习了JS中的常用设计模式，并对其应用场景以及在开发和主流框架中的实际
  • JS进阶8 -- 函数柯里化 前端小白进阶之旅 JS进阶javascriptecmascript前端chrome
    JS进阶8--函数柯里化JS进阶8--函数柯里化什么是函数柯里化需求核心步骤总结柯里化面试题-全局变量需求核心步骤总结柯里化面试题-使用闭包需求核心步骤总结柯里化实际应用-类型判断需求核心步骤总结柯里化实际应用-固定参数需求核心步骤总结在JS进阶7–手写Promise及其API中我们手写了Promise的核心功能、实例及静态方法，并跑通了PromiseA+规范的872个单元测试！本文将继续重点跟大
  • JS进阶7 -- 手写Promise及其API 前端小白进阶之旅 JS进阶javascript前端chrome
    JS进阶7--手写Promise及其APIJS进阶7--手写Promise及其API1.手写Promise核心功能1.1构造函数需求核心步骤总结:1.2状态及原因需求核心步骤总结1.3then方法1.3.1成功和失败回调需求核心步骤总结1.3.2异步和多次调用需求核心步骤总结1.4异步任务1.4.1api补充需求异步api选取总结1.4.2函数封装需求核心步骤总结1.5链式编程1.5.1fulfi
  • 【JS进阶】ES6箭头函数、forEach遍历数组 人才程序员 Javascript保姆级教程javascriptes6开发语言ecmascript前端html5
    文章目录前言一、箭头函数1.1基本语法1.2带参数的箭头函数1.3this指针指向谁？二、forEach遍历数组总结前言随着JavaScript语言的不断发展，ES6（ECMAScript2015）引入了许多新的语法和特性，其中箭头函数和forEach方法成为了开发者们经常使用的重要工具。箭头函数简化了函数的写法，提升了代码的可读性和简洁性；而forEach方法则为数组遍历提供了一种更为直观的方式
  • JavaScript 学习笔记（JS进阶 Day4） Tiger Z 前端javascript
    「写在前面」本文为b站黑马程序员pink老师JavaScript教程的学习笔记。本着自己学习、分享他人的态度，分享学习笔记，希望能对大家有所帮助。推荐先按顺序阅读往期内容：1.JavaScript学习笔记（Day1）2.JavaScript学习笔记（Day2）3.JavaScript学习笔记（Day3）4.JavaScript学习笔记（Day4）5.JavaScript学习笔记（Day5）6.Ja
  • 【JS进阶】Promise/async await 详解 programmer11123 JS进阶javascript前端vue.js
    文章目录Promise一、什么是Promise二、Promise初体验三、Promise的状态改变resolve不同值的区别四、Promise的实例方法1.then方法then的参数then的多次调用then的返回值2.catch方法catch的多次调用catch的返回值catch与then第二个参数的区别3.finally方法五、Promise中的类方法/静态方法1.Promise.reslov
  • 【JS进阶】async/await 爱吃炫迈 JavaScriptjavascript前端开发语言
    文章目录一.认识async/await1.async2.await二.async/await如何捕获异常三.async/await优势四.async/await对比Promise的优势一.认识async/awaitasync/await其实是Generator的语法糖，它能实现的效果都能用then链来实现，它是为优化then链而开发出来的。从字面上来看，async是“异步”的简写，await是等待
  • JS进阶--设计模式 啊胡咧咧 js进阶-学习javascript开发语言
    能干什么帮我们设计组织模块：通过设计模式，组织模块之间的组成结构帮我们设计沟通：设计模块间如何沟通提高代码质量：让代码具备可读性设计模式的设计原则开闭原则：程序对扩展开放，对修改关闭；能够不用修改源码的去扩展功能单一职责原则：一个模块只做一件事情，工作越单一越好依赖倒置原则：上层模块不要依赖具体的下层模块，而依赖于抽象接口隔离原则：接口细化，功能单一，不要一个接口调用太多的方法；单一职责原则关注模
  • JS进阶-高阶技巧 smilehjl javascript开发语言ecmascript
    深浅拷贝首先浅拷贝和深拷贝只针对引用类型•浅拷贝开发中我们经常需要复制一个对象。如果直接用赋值会有下面问题：这好比有同学来pink老师这里拷视频，竟然用的是剪切…气人不浅拷贝：拷贝的是地址1.拷贝对象：Object.assgin()/展开运算符{...obj}拷贝对象2.拷贝数组：Array.prototype.concat()或者[...arr]如果是简单数据类型拷贝值，引用数据类型拷贝的是地址
  • JavaScript 学习笔记（JS进阶 Day3） Tiger Z 前端javascript
    「写在前面」本文为b站黑马程序员pink老师JavaScript教程的学习笔记。本着自己学习、分享他人的态度，分享学习笔记，希望能对大家有所帮助。推荐先按顺序阅读往期内容：1.JavaScript学习笔记（Day1）2.JavaScript学习笔记（Day2）3.JavaScript学习笔记（Day3）4.JavaScript学习笔记（Day4）5.JavaScript学习笔记（Day5）6.Ja
  • JavaScript 学习笔记（JS进阶 Day2） Tiger Z 前端javascript
    「写在前面」本文为b站黑马程序员pink老师JavaScript教程的学习笔记。本着自己学习、分享他人的态度，分享学习笔记，希望能对大家有所帮助。推荐先按顺序阅读往期内容：1.JavaScript学习笔记（Day1）2.JavaScript学习笔记（Day2）3.JavaScript学习笔记（Day3）4.JavaScript学习笔记（Day4）5.JavaScript学习笔记（Day5）6.Ja
  • JavaScript 学习笔记（JS进阶 Day1） Tiger Z 前端javascript
    「写在前面」本文为b站黑马程序员pink老师JavaScript教程的学习笔记。本着自己学习、分享他人的态度，分享学习笔记，希望能对大家有所帮助。推荐先按顺序阅读往期内容：1.JavaScript学习笔记（Day1）2.JavaScript学习笔记（Day2）3.JavaScript学习笔记（Day3）4.JavaScript学习笔记（Day4）5.JavaScript学习笔记（Day5）6.Ja
  • JS进阶-深入面向对象（三） smilehjl jsjavascript开发语言ecmascript
    看文章可以得到的收获：1.在日常开发中，我们在声明一个数组对象后，没有声明有map，filter等方法，为什么可以调用这些方法呢？2.什么是面向过程思想，什么是面向对象思想呢？3.JS中如何实现面向对象的封装思想的？4.什么是JS中的原型？5.JS中的原型链是如何串起来的....编程思想在程序开发中有二种常见的编程思想，分别是面向过程和面向对象，像c语言就是一种面向过程的语言，而Java则是面向对
  • JS进阶-内置构造函数（二） smilehjl jsjavascript开发语言ecmascript
    小提示：这些内置函数在开发使用的频率非常的频繁，建议认真看一下，并背一下目录知识回顾：•Object三个常用静态方法（静态方法就是只有构造函数Object可以调用的）Object.keysObject.valuesObject.assign•Array1.数组常见实例方法-核心方法编辑forEach()filter()mapreduce（）2.数组常见方法-其他方法join()find()ever
  • JS进阶-深入对象（二） smilehjl jsjava开发语言
    拓展：深入对象主要介绍的是Js的构造函数，实例成员，静态成员，其中构造函数和Java种的构造函数用法相似，思想是一样的，但静态成员和实例成员和java种的有比较大的差别，需要认真理解•创建对象三种方式1.利用对象字面量创建对象2.利用newObject创建对象3.利用构造函数创建对象•构造函数构造函数：是一种特殊的函数，主要用来初始化对象基本使用使用场景：常规的{...}语法允许创建一个对象。比如
  • JS进阶-解构赋值（一） smilehjl jsjavascript开发语言ecmascript
    扩展：解构赋值时Js特有的一种处理数据的方式，在Java中没有处理数据的方式知识引入：思考：在js中，在没有学习解构赋值之前，我们是如何获取数组的内容的？以上要么不好记忆，要么书写麻烦，此时可以使用解构赋值的方法让代码更简洁解构赋值是一种快速为变量赋值的简洁语法，本质上仍然是为变量赋值。在前端开发中使用分为：数组解构对象解构•数组解构数组解构是将数组的单元值快速批量赋值给一系列变量的简洁语法。基本
  • JS进阶-函数进阶（一） smilehjl js算法
    •函数提升函数提升与变量提升比较类似，是指函数在声明之前即可被调用。总结：1.函数提升能够使函数的声明调用更灵活2.函数表达式不存在提升的现象3.函数提升出现在相同作用域当中•函数参数1.动态参数arguments是函数内部内置的伪数组变量，它包含了调用函数时传入的所有实参2.剩余参数剩余参数允许我们将一个不定数量的参数表示为一个数组1....是语法符号，置于最末函数形参之前，用于获取多余的实参2
  • JS进阶-作用域、垃圾回收机制、闭包、变量提升（一） smilehjl jsjavascript前端java
    •作用域作用域（scope）规定了变量能够被访问的“范围”，离开了这个“范围”变量便不能被访问作用域分为：局部作用域全局作用域•局部作用域局部作用域分为函数作用域和块作用域。1.函数作用域：在函数内部声明的变量只能在函数内部被访问，外部无法直接访问。总结：1.函数内部声明的变量，在函数外部无法被访问2.函数的参数也是函数内部的局部变量3.不同函数内部声明的变量无法互相访问4.函数执行完毕后，函数内
  • 丁鹿学堂：js进阶之异步解决方案：generator迭代器 丁鹿学堂 前端培训丁鹿学堂分享站javascript前端开发语言
    协程协程是一种基于线程之上，但又比线程更加轻量级的存在。对内核来说具有不可见性。一个进程可以有多个线程。一个线程可以有多个协程。generator函数generator就是生成器函数。是协程在es6中的一个实现。它最大的特征就是可以交出函数的执行权。generator函数的执行和传统的不一样，它的返回值是一个迭代器对象。简单理解就是返回值是一个对象，有两个属性，一个是value，一个是done，v
  • Js进阶10-typeof 的返回值 晴雪月乔 Js进阶javascript前端
    typeof是一个一元运算，放在一个运算数之前，运算数可以是任意类型。它会返回一个字符串，该字符串说明运算数的类型。typeof返回值有六种可能："number"、"string"、"boolean"、"object"、"function"和"undefined"。详解：1.数字类型typeof返回的值是number。比如说：typeof(1)，返回的值就是number。上面是举的常规数字，对于非
  • Js进阶29-正则表达式专题 晴雪月乔 Js进阶正则表达式javascript前端
    一、正则表达式概述正则表达式（RegularExpression，简称RegExp）是用于匹配字符串的一种模式、规则。正则表达式定义最常用的方法是使用字面量，写法是两个反斜杆（//），这两个反斜杆经常称之为定界符。正则表达式在JS当中属于引用数据类型。console.log(/abc/);///abc/console.log(typeof/我爱你/);//object正则表达式的创建方式有字面量和
  • 前端JS进阶四（ES6-其他常用语法） EmilioWeng
    let/sonstlet:定以后可以修改的变量const：定以后不能再修改的常量//JSvari=10;i=100;//ES6leti=10;i=100;//trueconstj=20;j=200;//flase多行字符串/模板变量//JSvarname='zhangsan',age=20,html='';html+='';html+=''+name+'';html+=''+age+'';html
  • ztree异步加载 3213213333332132 JavaScriptAjaxjsonWebztree
    相信新手用ztree的时候,对异步加载会有些困惑，我开始的时候也是看了API花了些时间才搞定了异步加载，在这里分享给大家。 我后台代码生成的是json格式的数据，数据大家按各自的需求生成，这里只给出前端的代码。 设置setting，这里只关注async属性的配置 var setting = { //异步加载配置
  • thirft rpc 具体调用流程 BlueSkator 中间件rpcthrift
    Thrift调用过程中，Thrift客户端和服务器之间主要用到传输层类、协议层类和处理类三个主要的核心类，这三个类的相互协作共同完成rpc的整个调用过程。在调用过程中将按照以下顺序进行协同工作：         （1）     将客户端程序调用的函数名和参数传递给协议层（TProtocol），协议
  • 异或运算推导, 交换数据 dcj3sjt126com PHP异或^
    /* * 5 0101 * 9 1010 * * 5 ^ 5 * 0101 * 0101 * ----- * 0000 * 得出第一个规律: 相同的数进行异或, 结果是0 * * 9 ^ 5 ^ 6 * 1010 * 0101 * ---- * 1111 * * 1111 * 0110 * ---- * 1001
  • 事件源对象 周华华 JavaScript
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
  • MySql配置及相关命令 g21121 mysql
            MySQL安装完毕后我们需要对它进行一些设置及性能优化，主要包括字符集设置，启动设置，连接优化，表优化，分区优化等等。           一 修改MySQL密码及用户      
  • [简单]poi删除excel 2007超链接 53873039oycg Excel
          采用解析sheet.xml方式删除超链接，缺点是要打开文件2次,代码如下:      public void removeExcel2007AllHyperLink(String filePath) throws Exception { OPCPackage ocPkg = OPCPac
  • Struts2添加 open flash chart 云端月影
    准备以下开源项目： 1. Struts 2.1.6 2. Open Flash Chart 2 Version 2 Lug Wyrm Charmer (28th, July 2009) 3. jofc2，这东西不知道是没做好还是什么意思，好像和ofc2不怎么匹配，最好下源码，有什么问题直接改。 4. log4j 用eclipse新建动态网站，取名OFC2Demo，将Struts2 l
  • spring包详解 aijuans spring
    下载的spring包中文件及各种包众多，在项目中往往只有部分是我们必须的，如果不清楚什么时候需要什么包的话，看看下面就知道了。 aspectj目录下是在Spring框架下使用aspectj的源代码和测试程序文件。Aspectj是java最早的提供AOP的应用框架。 dist 目录下是Spring 的发布包，关于发布包下面会详细进行说明。 docs&nb
  • 网站推广之seo概念 antonyup_2006 算法Web应用服务器搜索引擎Google
       持续开发一年多的b2c网站终于在08年10月23日上线了。作为开发人员的我在修改bug的同时，准备了解下网站的推广分析策略。     所谓网站推广，目的在于让尽可能多的潜在用户了解并访问网站，通过网站获得有关产品和服务等信息，为最终形成购买决策提供支持。     网站推广策略有很多，seo，email，adv
  • 单例模式,sql注入,序列 百合不是茶 单例模式序列sql注入预编译
      序列在前面写过有关的博客,也有过总结,但是今天在做一个JDBC操作数据库的相关内容时 需要使用序列创建一个自增长的字段  居然不会了,所以将序列写在本篇的前面    1,序列是一个保存数据连续的增长的一种方式; 序列的创建; CREATE SEQUENCE seq_pro 2 INCREMENT BY 1 -- 每次加几个 3
  • Mockito单元测试实例 bijian1013 单元测试mockito
    Mockito单元测试实例： public class SettingServiceTest { private List<PersonDTO> personList = new ArrayList<PersonDTO>(); @InjectMocks private SettingPojoService settin
  • 精通Oracle10编程SQL(9)使用游标 bijian1013 oracle数据库plsql
    /* *使用游标 */ --显示游标 --在显式游标中使用FETCH...INTO语句 DECLARE CURSOR emp_cursor is select ename,sal from emp where deptno=1; v_ename emp.ename%TYPE; v_sal emp.sal%TYPE; begin ope
  • 【Java语言】动态代理 bit1129 java语言
      JDK接口动态代理 JDK自带的动态代理通过动态的根据接口生成字节码(实现接口的一个具体类)的方式，为接口的实现类提供代理。被代理的对象和代理对象通过InvocationHandler建立关联   package com.tom; import com.tom.model.User; import com.tom.service.IUserService;
  • Java通信之URL通信基础 白糖_ javajdkwebservice网络协议ITeye
    java对网络通信以及提供了比较全面的jdk支持，java.net包能让程序员直接在程序中实现网络通信。 在技术日新月异的现在，我们能通过很多方式实现数据通信，比如webservice、url通信、socket通信等等，今天简单介绍下URL通信。 学习准备：建议首先学习java的IO基础知识   URL是统一资源定位器的简写，URL可以访问Internet和www，可以通过url
  • 博弈Java讲义 - Java线程同步 (1) boyitech java多线程同步锁
      在并发编程中经常会碰到多个执行线程共享资源的问题。例如多个线程同时读写文件，共用数据库连接，全局的计数器等。如果不处理好多线程之间的同步问题很容易引起状态不一致或者其他的错误。    同步不仅可以阻止一个线程看到对象处于不一致的状态，它还可以保证进入同步方法或者块的每个线程，都看到由同一锁保护的之前所有的修改结果。处理同步的关键就是要正确的识别临界条件（cri
  • java-给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。 bylijinnan java
    public class DeleteExtraSpace { /** * 题目：给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。 * 方法1.用已有的String类的trim和replaceAll方法 * 方法2.全部用正则表达式，这个我不熟 * 方法3.“重新发明轮子”，从头遍历一次 */ public static v
  • An error has occurred.See the log file错误解决！ Kai_Ge MyEclipse
    今天早上打开MyEclipse时，自动关闭！弹出An error has occurred.See the log file错误提示！ 很郁闷昨天启动和关闭还好着！！！打开几次依然报此错误，确定不是眼花了！ 打开日志文件！找到当日错误文件内容： --------------------------------------------------------------------------
  • [矿业与工业]修建一个空间矿床开采站要多少钱? comsci
           地球上的钛金属矿藏已经接近枯竭...........        我们在冥王星的一颗卫星上面发现一些具有开采价值的矿床.....        那么,现在要编制一个预算,提交给财政部门..
  • 解析Google Map Routes dai_lm google api
    为了获得从A点到B点的路劲，经常会使用Google提供的API，例如 [url] http://maps.googleapis.com/maps/api/directions/json?origin=40.7144,-74.0060&destination=47.6063,-122.3204&sensor=false [/url] 从返回的结果上，大致可以了解应该怎么走，但
  • SQL还有多少“理所应当”？ datamachine sql
    转贴存档，原帖地址：http://blog.chinaunix.net/uid-29242841-id-3968998.html、http://blog.chinaunix.net/uid-29242841-id-3971046.html！ ------------------------------------华丽的分割线--------------------------------
  • Yii使用Ajax验证时，如何设置某些字段不需要验证 dcj3sjt126com Ajaxyii
    经常像你注册页面,你可能非常希望只需要Ajax去验证用户名和Email,而不需要使用Ajax再去验证密码,默认如果你使用Yii 内置的ajax验证Form,例如: $form=$this->beginWidget('CActiveForm', array(        'id'=>'usuario-form',&
  • 使用git同步网站代码 dcj3sjt126com crontabgit
    转自:http://ued.ctrip.com/blog/?p=3646?tn=gongxinjun.com   管理一网站，最开始使用的虚拟空间，采用提供商支持的ftp上传网站文件，后换用vps，vps可以自己搭建ftp的，但是懒得搞，直接使用scp传输文件到服务器，现在需要更新文件到服务器，使用scp真的很烦。发现本人就职的公司，采用的git+rsync的方式来管理、同步代码，遂
  • sql基本操作 蕃薯耀 sqlsql基本操作sql常用操作
    sql基本操作 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月1日 17:30:33 星期一     &
  • Spring4+Hibernate4+Atomikos3.3多数据源事务管理 hanqunfeng Hibernate4
    Spring3+后不再对JTOM提供支持，所以可以改用Atomikos管理多数据源事务。Spring2.5+Hibernate3+JTOM参考：http://hanqunfeng.iteye.com/blog/1554251Atomikos官网网站：http://www.atomikos.com/   一.pom.xml <dependency> <
  • jquery中两个值得注意的方法one()和trigger()方法 jackyrong trigger
      在jquery中，有两个值得注意但容易忽视的方法，分别是one()方法和trigger()方法,这是从国内作者<<jquery权威指南》一书中看到不错的介绍 1） one方法     one方法的功能是让所选定的元素绑定一个仅触发一次的处理函数，格式为    one(type,${data},fn) &nb
  • 拿工资不仅仅是让你写代码的 lampcy 工作面试咨询
    这是我对团队每个新进员工说的第一件事情。这句话的意思是，我并不关心你是如何快速完成任务的，哪怕代码很差，只要它像救生艇通气门一样管用就行。这句话也是我最喜欢的座右铭之一。 这个说法其实很合理：我们的工作是思考客户提出的问题，然后制定解决方案。思考第一，代码第二，公司请我们的最终目的不是写代码，而是想出解决方案。 话粗理不粗。 付你薪水不是让你来思考的，也不是让你来写代码的，你的目的是交付产品
  • 架构师之对象操作----------对象的效率复制和判断是否全为空 nannan408 架构师
    1.前言。   如题。 2.代码。 (1)对象的复制，比spring的beanCopier在大并发下效率要高，利用net.sf.cglib.beans.BeanCopier Src src=new Src(); BeanCopier beanCopier = BeanCopier.create(Src.class, Des.class, false);
  • ajax 被缓存的解决方案 Rainbow702 JavaScriptjqueryAjaxcache缓存
    使用jquery的ajax来发送请求进行局部刷新画面，各位可能都做过。 今天碰到一个奇怪的现象，就是，同一个ajax请求，在chrome中，不论发送多少次，都可以发送至服务器端，而不会被缓存。但是，换成在IE下的时候，发现，同一个ajax请求，会发生被缓存的情况，只有第一次才会被发送至服务器端，之后的不会再被发送。郁闷。 解决方法如下： ① 直接使用 JQuery提供的 “cache”参数，
  • 修改date.toLocaleString()的警告 tntxia String
      我们在写程序的时候，经常要查看时间，所以我们经常会用到date.toLocaleString()，但是date.toLocaleString()是一个过时 的API，代替的方法如下：   package com.tntxia.htmlmaker.util; import java.text.SimpleDateFormat; import java.util.
  • 项目完成后的小总结 xiaomiya js总结项目
    项目完成了，突然想做个总结但是有点无从下手了。 做之前对于客户端给的接口很模式。然而定义好了格式要求就如此的愉快了。 先说说项目主要实现的功能吧 1，按键精灵 2，获取行情数据 3，各种input输入条件判断 4，发送数据（有json格式和string格式） 5，获取预警条件列表和预警结果列表， 6，排序， 7，预警结果分页获取 8，导出文件（excel，text等） 9，修
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他