_rosy
_rosy

vue中对axios的二次封装和节流与防抖

axios的二次封装

为什么要进行二次封装

请求拦截器和响应拦截器

  • 请求拦截器：可以在发请求之前可以处理一些业务
  • 响应拦截器：当服务器数据返回以后，可以处理一些事情

代码如下：

//对于axios进行二次封装
import axios from 'axios'
import nprogress from 'nprogress';
// start:进度条开始 done：进度条结束
//1：利用axios对象的方法create，去创建一个axios实例
//引入进度条样式
import 'nprogress/nprogress.css'
//2:request就是axios，只不过稍微配置一下子
const requests =axios.create({
    //配置对象
    //基础路径，发请求的时候，；路径中会出现/api，自己就不用手动添加了
    baseURL:'/api',//这里实现二次封装
    //设置请求超时时间5s
    timeout:5000,
});
//请求拦截器：在发送请求之前可以检测到，可以在请求发出去之前做一些事情
requests.interceptors.request.use((config)=>{
    //config：配置对象，对象里面有一个很重要的header请求头
    nprogress.start()//请求网络接口进度条开始
    return config;
});

//响应拦截器
requests.interceptors.response.use((res)=>{
    //成功的回调函数：服务器相应的数据回来之后，响应拦截器可以检测到，可以做一些事情
    nprogress.done()//请求网络接口进度条结束
    return res.data;
},(error)=>{
    console.log(error)
    return Promise.reject(new Error('faile'));
})


//对外暴露
export default requests;

防抖与节流

概念：

  • 节流：在规定的时间范围内不会重复触发回调，只有大于这个时间间隔才会触发回调，把频繁触发变为少量触发。
  • 防抖：前面的所有触发都被取消，最后一次执行在规定的时间之后才会触发，也就是说如果连续快速的触发，只会执行一次。也可以这样理解：当持续触发事件时，指定时间（自定义）没有再触发事件，事件处理函数才会执行一次。如果小于指定，时间触发事件，事件处理函数不会被执行，而是以最后一次触发的事件，重新计算

节流

节流可以理解为游戏里面的技能cd时间，你使用一次后只能等下一次时间好了，才可以释放技能，我们这里就是才可以调用这个函数。它的意义就是防止因为用户多次点击造成多次请求服务器，从而返回错误的信息。有时候也造成浏览器没有充足的时间去解析。我这里设置的时间是3s，在三秒内无论你怎么点击都不会产生效果。demo如下：

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
   <h2>计数器count的值为<span>0span>h2>
    <title>防抖节流小案例title>
head>
<body>
     <button onclick="add()">点我加一button>
body>
html>
<script>
    /* 防止重复点击 */
    let count=0;
let clickTimer = 0
 
 function add() {
    
     let now = +new Date(); // 获取当前时间的时间戳
     let timer = clickTimer; // 记录触发事件的事件戳
     let span =document.querySelector('span');
     if (now - timer < 3000) {
     // 如果当前时间 - 触发事件时的事件 < 3s，那么不符合条件，直接return ，
     // 不让当前事件继续执行下去
         return ;
     } else { 
     // 反之，记录符合条件触发了事件的时间戳，使事件继续往下执行
         clickTimer = now;
         count++;
        span.innerHTML=count
         console.log(count)
     }
 }
  

script>

防抖

用户操作很频繁但是只执行最后一次。防抖可以理解为回城，被打断了就要重新读秒。
下面给出两个demo，一个是html中的，另一个是在vue中封装好的的防抖函数。
debounce：去除抖动

注意注意，一定不能把debounce函数写在一个方法中，比如说点击事件，为什么呢，因为如果把防抖函数放在函数中，这就导致了，你每一次点击都会调用getData()方法，每次都会调用debounce都新建一个debounce函数域
导致每次所设置计时器都在不同的debounce函数闭包中，无法访问，每次调用debounce都会将重新定义一个并timer赋值为null，所以会产生每次判断timer都是null值

html版

可以直接在vscode中新建一个html或者直接在桌面建立一个html文本，用浏览器打开，并且在浏览器中按F12打开控制台，每次点击时你就会发现它的奇妙，并且才能够理解什么叫做防抖！！！一定要自己在浏览器中观察!!!示例图如下：
vue中对axios的二次封装和节流与防抖_第1张图片
防抖函数解释：

 function debounce(fn, time) {//fn是一个函数，time是延迟时间
    let timeID = null //初始化定时器id
    return function () {
      if (timeID !== null) {
        clearTimeout(timeID) //如果id不为空则清空定时器，从新执行定时器
      }
      timeID = setTimeout(() => {//定时器返回一个id
        fn.call(this)//如果时间到了且id不为空则产生回调函数执行原本的fn函数
      }, time||2000);//如果time不传或为空则默认延迟时间为2s
    }
  }

应用：

DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />

    <title>防抖小案例title>
  head>
  <body>
    <h2>计数器count的值为<span>0span>h2>
    <button id="btn">点我加一button>
  body>
html>
<script>
  /* 防止重复点击 */
  let count = 0;
  let span = document.querySelector("span"); //获取span的dom
  let btn = document.getElementById("btn");
  btn.onclick = debounce(function () {
    
    count++;
    span.innerHTML = count;
    console.log("调用过了哟，count的值为：",count);
  }, 500);

  function debounce(fn, time) {
    let timeID = null;
    return function () {
     
      if (timeID) {//不为空时
        console.log("被清空啦");
        clearTimeout(timeID);
      }
      
      timeID = setTimeout(() => {
        fn.call(this);
        timeID = null;//注意使用完后将timeID置位null否则下一次是第一次点还是会打印出被清空啦
      }, time);
    };
  }

script>

vue组件版

// 函数防抖
export function debounce(fn, delay) {
    // 记录上一次的延时器
    var timer = null;
    var delay = delay || 200;
    return function() {
    
      var that = this;//保留本次this指向，因为最后的回调函数的this指向Windows
      // 清除上一次延时器
      if(timer){
      clearTimeout(timer)
      }
      timer = setTimeout(function() {
          fn.apply(that)
      }, delay);
    }
  }

封装完毕后进行导出使用
import {debounce} from “XXX” 其中XXX是你存放这个方法的文件目录

注意这里也需要是对象的形式来调用
methods:{
YYY:debounce(function(){console.log(1234);},1000), //注意这里的YYY就是一个事件，比如说一个点击事件click啊，就是你需要使用debounce的地方
}

这里要注意防抖和节流的区别，节流是由执行很多次变为执行少量次数，防抖是有多次变为执行最后一次

你可能感兴趣的:(vue学习之路,vue.js,javascript,前端,vue,axios)

  • 大三学生面试经历（2） 无限大. 面试面试职场和发展
    继续昨天的内容，我面试的是一个Java实习岗，但是居然也问了我前端（vue）相关的问题最大的感觉就是，现在真的越来越卷了，后端都把前端的东西卷完了，当时是线上面试，感觉答的不太好（因为确实没准备的太全），接下来的时间继续加强加强这些方面的学习愿与诸君共勉！具体如下1.请简述Vue.js的生命周期函数及其执行顺序2.Vue.js中的v-bind指令和v-model指令有什么区别?3.请简述Vue.j
  • Qt双击桌面快捷方式激活并使程序窗口置于最前端 Chervin QtWindowsqt前端
    Qt双击桌面快捷方式激活并使程序窗口置于最前端亲测有效对于已经打开的Qt桌面程序，我们希望用户再次双击桌面的快捷方式时，程序可以自动激活到其他所有程序的最前面，而不是重新打开一次程序。此时我们采用QSharedMemory方式，加上WindowAPI函数操作程序，保证已打开程序不重复打开，并激活程序窗口到最前面在main()函数中添加如下代码//WindouwAPI依赖头文件#include#in
  • 深入Vue 3：从入门到精通 养军博客 vue.js前端javascript
    深入Vue3：从入门到精通文章目录深入Vue3：从入门到精通一、Vue3的核心优势1.更快的性能:采用新的渲染器和优化策略，提高了渲染速度和内存效率。2.更轻量的体积:核心库更小，减少了加载时间，提高了网页性能。3.更灵活的CompositionAPI:使用函数式编程思想，可以更轻松地组织和复用代码。4.更强大的TypeScript支持:提供了更好的类型推断和代码提示，提高了开发效率和代码质量。5
  • 深入探讨Web应用开发：从前端到后端的全栈实践 禁默 前端
    目录引言1.Web应用开发的基本架构2.前端开发技术HTML、CSS和JavaScript前端框架与库响应式设计与移动优先3.后端开发技术Node.js（JavaScript后端）Python（Flask和Django）RubyonRailsJava（SpringBoot）4.数据库选择与管理关系型数据库（SQL）非关系型数据库（NoSQL）5.API设计与开发RESTfulAPIGraphQL6
  • 【Springboot】——响应与分层解耦架构 Y小夜 架构springboot后端javaspring
    博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，设计模式、Python机器学习、Springboot等主页链接：Y小夜-CSDN博客目录响应响应数据✨@ResponseBody✨G
  • 云原生架构下的AI智能编排：ScriptEcho赋能前端开发 前端
    在当今快速发展的数字经济时代，云原生架构已成为构建现代化应用的关键。它通过微服务、容器化和DevOps等技术，实现了应用的高可用性、可扩展性和弹性。然而，在云原生架构下，前端开发也面临着新的挑战。为了应对这些挑战，AI写代码工具（例如ScriptEcho）应运而生，通过AI智能编排，显著提升了前端开发效率。本文将深入探讨AI智能编排在云原生架构中的作用，并以ScriptEcho为例，阐述其如何加速
  • Node.js 镜像的全方位指南 ivwdcwso node.js
    Node.js是一门广泛应用于构建服务器端和客户端应用的JavaScript运行时。在容器化环境中，构建和使用Node.js镜像是非常常见的任务。以下是有关Node.js镜像的通常选择、制作流程、不同场景下的应用、安全性最佳实践以及镜像优化的全方位指南。1.选择合适的基础镜像1.1官方Node.js镜像DockerHub提供了官方Node.js镜像，由Node.js官方维护，提供了最新的稳定版本和
  • React Remix框架：前端开发的“瑞士军刀” 程序员
    ReactRemix框架：前端开发的“瑞士军刀”大家好，我是你们的前端小伙伴大鱼，今天咱们来聊聊一个最近挺火的前端框架——Remix。如果你是个React开发者，那你一定听说过Next.js，但Remix这个“新秀”也不容小觑。它不仅是React生态中的一员猛将，还带着一股“颠覆传统”的气息。今天我们就来扒一扒Remix的底细，顺便和Next.js来个正面PK。什么是Remix？Remix是一个全
  • 深入理解视图的创建与删除：数据库管理中的高级功能 qcidyu 文章归档数据库优化数据安全数据查询数据库管理删除视图创建视图数据库视图
    title:深入理解视图的创建与删除：数据库管理中的高级功能date:2025/1/21updated:2025/1/21author:cmdragonexcerpt:在现代数据库管理系统中，视图是一个重要的高级功能，可以为用户提供定制化的数据视图以满足特定需求。视图不仅能够简化复杂的查询，还能增强数据安全性和访问效率。categories:前端开发tags:数据库视图创建视图删除视图数据库管理数
  • 【多模态 AI】从跨模态学习到生成革命：文本、图像与音频的深度交融 网罗开发 人工智能AI大模型机器学习人工智能AIGC
    网罗开发（小红书、快手、视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
  • 基于微信小程序的个人健康管理系统 计算机学姐 微信小程序源码微信小程序小程序springbootjavavue.jsintellij-ideamybatis
    作者：计算机学姐开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等，“文末源码”。专栏推荐：前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码精品专栏：Java精选实战项目源码、Python精选实战项目源码、大数据精选实战项目源码系统展示基于微信小程序+Java+SpringBoot+Vue+
  • 包管理工具 npm/yarn/pnpm对比，你选对了码 小姚爱吃辣 yarn
    在前端开发领域，包管理工具是开发者不可或缺的利器。它们不仅帮助我们管理依赖，还能提升项目的构建效率。目前，最常用的三大前端包管理工具分别是npm、Yarn和pnpm。本文将深入探讨这三种工具的优缺点，帮助你在项目中做出最合适的选择。一、npm图片1.什么是npm？npm（NodePackageManager）是随Node.js一起发布的包管理和分发工具。它是目前使用最广泛的JavaScript包管
  • 如何区分前后端Bug 杏花村村委会主任 bug功能测试
    如何区分前后端Bug为什么要区分前后端Bug?如果是大规模团队、多人开发的系统，测试不能明确到底是谁的BUG，将BUG提交给了错误的开发人员，再加上人都有依赖心理，这个BUG就会被当皮球一样踢来踢去，极大增加了沟通成本，影响BUG修复时效。前后端BUG各有的特点前端BUG：界面相关、布局相关、兼容性相关、交互相关。后端BUG：业务逻辑相关、性能相关、数据相关、安全性相关。如何区分前后端BUG一）经
  • 浅谈我理解的,bug如何定位前后端问题 追星徐小粉 软件测试定位前后端问题linuxnginx
    测试，如何定位前后端bug?首先需要清楚知道数据的传输流程：用户在前端页面操作，如点击某个功能，页面携带数据进行请求，访问具体功能接口，由后端服务执行该接口相应的业务逻辑，如涉及数据，后端从数据库取相关信息，并组装数据返回给前端，前端页面进行渲染和展示对应的页面和数据。1接口分析法：抓包或浏览器F12，选择NETWORK网络，选择XHR，JS，WS，Manifest，Other,过滤一些其他内容，
  • yarn serve编译运行出错 error in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css weixin_45508767 开发经验前端vue.jscss前端
    yarnserve编译运行出错errorin./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css如下图：解决方案：使用postcssOptions：{}方法包裹住plugins，如下：module.exports={css:{loaderOptions:{postcss:{postcssOptions:{plugins:
  • 如何区分前后端bug？ weixin_38648367 功能测试
    写在前面的话：关于如何区分前后端bug的问题，网上已经有很多详细的判断方法了。关于遇到bug如何进行初步判断，这里给出简单的步骤，对于初学者来说，按照步骤一步步判断、积累经验也未尝不可。欢迎大家评论区讨论交流~~~前后端BUG各有的特点前端BUG：界面相关、布局相关、兼容性相关、交互相关。后端BUG：业务逻辑相关、性能相关、数据相关、安全性相关。1、抓包，web或者APP注意使用、设置好代理，保证
  • vue中对style样式的区别 星辰啊大海7857 CSS布局javascript
    如果想要启用scss和sass，需要设置lang属性。使用less语法使用sass语法两种语法的区别（大部分摘自官网文档）lesssass(含两种语法格式)语法说明SCSS语法格式现在常用，扩展名一般为.scssSass语法格式早期使用的，使用“缩进”代替“花括号”表示属性属于某个选择器，用“换行”代替“分号”分隔属性，很多人认为这样做比SCSS更容易阅读，书写也更快速。拓展名是.sass1变量@
  • 【前端】包管理器：npm、Yarn 和 pnpm 的全面比较 帅比九日 踩过的坑前端npmnode.js
    前端开发中的包管理器：npm、Yarn和pnpm的全面比较在现代前端开发中，包管理器是开发者必不可少的工具。它们不仅能帮我们管理项目的依赖，还能极大地提高开发效率。本文将详细介绍三种主流的前端包管理器：npm、Yarn和pnpm，探讨它们的特点、优缺点以及它们之间的关系和对比。npm(NodePackageManager)简介npm是Node.js的默认包管理器，由Node.js官方维护。自201
  • 软件测试技巧-如何定位前后端bug？ 楠神说软件测试 bug
    背景当发现bug时，我们可能会碰到不知道该提给前端or后端的情况，降低了我们的测试效率，本文就介绍几种定位前后端bug的技巧方法一:通过接口抓包来判断用f12或者fiddler抓包，查看请求和响应数据的值与数据库中的数据值做对比，如果中间出现数据在接口传递过程中发生了变化或不符合预期，就可能存在前端或后端Bug~页面上的数据没有正确的传到request的参数里面，以及response中的参数的值没
  • 软件测试人必看，如何定位前后端Bug 测试开发成长录 bug
    目录前言前端/后端的区别前后端怎么交互如何定位前端/后端BUG？日志中常见的问题结束语前言目前，前后端分离的开发模式在许多项目中被广泛采用。然而，在我们日常的测试过程中，当我们向开发人员提交bug时，有可能会遇到开发人员说bug指派错了的情况，甚至前后端开发还会相互推卸责任。为了避免我们自身处于被动的境地，耽误解决bug的时间，影响项目进度，降低测试与开发之间的沟通成本，提高工作效率，学会准确定位
  • 前端打包工具之npm、yarn、pnpm对比 前端~初学者 前端工程化前端npmnode.js
    前端打包工具之npm、yarn、pnpm对比1、npm1.1概述1.2安装1.3常用命令1.4优缺点2、yarn2.1概述2.2安装2.3常用命令2.4优缺点3、pnpm3.1概述3.2安装3.3常用命令3.4优缺点2.54、总结1、npm1.1概述NPM（NodePackageManager），作为默认的JavaScript应用包管理器，与Node.js一同安装，它是目前使用最广泛的包管理器，得
  • 如何正确定位前后端bug？ ℡52Hz★ 前后联调总结bugvue.js前端vue
    在平时的开发过程中，正确定位前后端bug是提高开发效率和项目质量的关键。以下是一些实用的方法。一、前后端bug特征前端主要负责显示数据，后端主要负责处理数据、存储数据，前后端主要通过接口进行数据交换。1.前端bug特征界面显示类问题：如文字大小不一，控件颜色不搭，控件不整齐，静态界面错误；页面布局类问题：文字排版没有统一，行间距大小、重叠、显示不全；页面交互类问题：没有点击，拖拽，基本都是JS的问
  • 在Vue中使用Web Worker详细教程 m0_74825656 前端vue.jsjavascript
    1.什么是WebWorker**WebWorker?**是2008年h5提供的新功能，每一个新功能都是为了解决原有技术的的痛点，那么这个痛点是什么呢？1.1JavaScript的单线程JavaScript为什么要设计成单线程？这与js的工作内容有关：js只是用来去做一些用户交互，并呈现效果内容。如果js是多线程，线程一将dom元素的背景色改成红色，线程二将dom元素的背景色改为绿色，那么，到底上红
  • Vue 中插槽（Slot）用法 m0_74825656 vue.jsjavascript前端
    Vue中插槽（Slot）用法（一）插槽用法概念（二）插槽的基本类型1.默认插槽（DefaultSlot）2.具名插槽（NamedSlots）3.作用域插槽（ScopedSlots）4.动态插槽名（DynamicSlotNames）5.插槽后备内容（SlotFallbackContent）6.Vue2.6.0之前与Vue2.6.0后的比对6.1默认插槽缩写（由不写变成v-slot）6.2具名插槽缩写
  • node实现文件分片上传之multer篇 brokenmile 前端学习之路node.jsjavascriptjquery
    node实现文件分片上传前端在做文件上传时，考虑到网速的快慢，如果文件过大的话可能会导致上传时间过长而请求超时，文件上传失败。因此文件过大需要对文件进行分片上传。那文件分片上传的具体过程是怎样的呢？进行了许多搜索查找之后，参照众多资源进行修改，得到了自己的简易实现流程。首先列出来node需要用到的模块：constexpress=require('express');varmulter=requir
  • 掌控 React 表单：详解受控组件和非受控组件
    大家好，我是长林啊！一个爱好JavaScript、Go、Rust的全栈开发者；致力于终生学习和技术分享。本文首发在我的微信公众号【长林啊】，欢迎大家关注、分享、点赞！在开发过程中，经常涉及到用户输入的表单处理；表单可以分为两种类型：受控表单（ControlledComponents）和非受控表单（UncontrolledComponents）。这两种表单在处理用户输入和状态管理时有着不同的方式。例
  • Node.js 安装及环境配置指南 ADFVBM node.js
    文章目录前言一、Node.js概述二、准备工作三、Node.js安装1.Windows系统2.macOS系统3.Linux系统四、环境配置五、常用命令和技巧六、常见问题及解决方案结语前言随着互联网技术的不断发展，JavaScript已经成为了一门全栈编程语言。Node.js的出现，使得JavaScript不仅可以用于浏览器端，还可以用于服务器端的开发。本文将为您提供一个保姆级的教程，详细介绍如何在
  • 微服务架构下前端开发效率提升：AI代码生成器的应用 2401_89759264 架构微服务人工智能前端
    随着互联网技术的飞速发展，系统架构也经历了从单体架构到微服务架构的巨大转变。微服务架构以其高扩展性、高可用性和独立部署等优势，成为构建大型复杂系统的首选方案。然而，这种转变也给前端开发带来了新的挑战。如何高效地进行前端开发，成为微服务架构成功实施的关键因素之一。本文将探讨如何利用AI代码生成器等智能化工具，提升微服务架构下前端开发的效率，最终优化用户体验。在单体架构时代，前端开发相对简单，前后端交
  • 婚恋交友系统源码前端UIN+后端PHP如何打造？【源码下载】 前端后端软件开发
    打造基于UniApp框架开发的婚恋交友应用前端界面，可以从以下几个方面进行考虑和设计：一、设计原则简洁性：精简视觉元素与信息，避免过多的干扰和冗余，使用户能够快速定位所需内容。一致性：统一设计风格，包括颜色、字体、按钮等，增强用户的熟悉度和使用舒适度。响应性：确保应用能够适配手机、平板及桌面设备，提供一致且良好的用户体验。可访问性：考虑到所有用户的需求，包括视觉障碍者，提供必要的辅助功能。二、图片
  • 前端校园圈子交友源码打造跑腿为一体的平台 前端后端app
    搭建一个功能完善、运营顺畅的校园圈子跑腿和外卖一体化的平台。同时，平台还需要不断优化和改进，以满足用户不断变化的需求和期望。市场调研：了解校园内学生和教职工对跑腿和外卖服务的需求。分析竞争对手的服务内容、价格策略和用户反馈。确定平台的目标用户群体和服务范围。制定商业计划：明确平台的商业模式和盈利点。设定服务项目和收费标准。规划市场推广策略和合作伙伴关系。技术开发：选择适合的开发语言和框架，如微信小
  • [星球大战]阿纳金的背叛 comsci
          本来杰迪圣殿的长老是不同意让阿纳金接受训练的.........     但是由于政治原因,长老会妥协了...这给邪恶的力量带来了机会     所以......现代的地球联邦接受了这个教训...绝对不让某些年轻人进入学院    
  • 看懂它，你就可以任性的玩耍了！ aijuans JavaScript
              javascript作为前端开发的标配技能，如果不掌握好它的三大特点：1.原型 2.作用域 3. 闭包 ,又怎么可以说你学好了这门语言呢？如果标配的技能都没有撑握好，怎么可以任性的玩耍呢？怎么验证自己学好了以上三个基本点呢，我找到一段不错的代码，稍加改动，如果能够读懂它，那么你就可以任性了。 function jClass(b
  • Java常用工具包 Jodd Kai_Ge javajodd
    Jodd 是一个开源的 Java 工具集， 包含一些实用的工具类和小型框架。简单，却很强大！ 写道 Jodd = Tools + IoC + MVC + DB + AOP + TX + JSON + HTML < 1.5 Mb Jodd 被分成众多模块，按需选择，其中 工具类模块有： jodd-core    &nb
  • SpringMvc下载 120153216 springMVC
    @RequestMapping(value = WebUrlConstant.DOWNLOAD) public void download(HttpServletRequest request,HttpServletResponse response,String fileName) { OutputStream os = null; InputStream is = null;
  • Python 标准异常总结 2002wmj python
    Python标准异常总结 AssertionError 断言语句（assert）失败 AttributeError 尝试访问未知的对象属性 EOFError 用户输入文件末尾标志EOF（Ctrl+d） FloatingPointError 浮点计算错误 GeneratorExit generator.close()方法被调用的时候 ImportError 导入模块失
  • SQL函数返回临时表结构的数据用于查询 357029540 SQL Server
    这两天在做一个查询的SQL，这个SQL的一个条件是通过游标实现另外两张表查询出一个多条数据，这些数据都是INT类型，然后用IN条件进行查询，并且查询这两张表需要通过外部传入参数才能查询出所需数据，于是想到了用SQL函数返回值，并且也这样做了，由于是返回多条数据，所以把查询出来的INT类型值都拼接为了字符串，这时就遇到问题了，在查询SQL中因为条件是INT值，SQL函数的CAST和CONVERST都
  • java 时间格式化 | 比较大小| 时区 个人笔记 7454103 javaeclipsetomcatcMyEclipse
    个人总结！ 不当之处多多包含！ 引用 1.0 如何设置 tomcat 的时区：          位置：(catalina.bat---JAVA_OPTS  下面加上)          set JAVA_OPT
  • 时间获取Clander的用法 adminjun Clander时间
    /**    * 得到几天前的时间    * @param d    * @param day    * @return    */   public static Date getDateBefore(Date d,int day){    Calend
  • JVM初探与设置 aijuans java
    JVM是Java Virtual Machine（Java虚拟机）的缩写，JVM是一种用于计算设备的规范，它是一个虚构出来的计算机，是通过在实际的计算机上仿真模拟各种计算机功能来实现的。Java虚拟机包括一套字节码指令集、一组寄存器、一个栈、一个垃圾回收堆和一个存储方法域。 JVM屏蔽了与具体操作系统平台相关的信息，使Java程序只需生成在Java虚拟机上运行的目标代码（字节码）,就可以在多种平台
  • SQL中ON和WHERE的区别 avords
    SQL中ON和WHERE的区别   数据库在通过连接两张或多张表来返回记录时，都会生成一张中间的临时表，然后再将这张临时表返回给用户。   www.2cto.com   在使用left jion时，on和where条件的区别如下：  1、 on条件是在生成临时表时使用的条件，它不管on中的条件是否为真，都会返回左边表中的记录。 
  • 说说自信 houxinyou 工作生活
    自信的来源分为两种,一种是源于实力,一种源于头脑.实力是一个综合的评定,有自身的能力,能利用的资源等.比如我想去月亮上,要身体素质过硬,还要有飞船等等一系列的东西.这些都属于实力的一部分.而头脑不同,只要你头脑够简单就可以了!同样要上月亮上,你想,我一跳,1米,我多跳几下,跳个几年,应该就到了!什么?你说我会往下掉?你笨呀你!找个东西踩一下不就行了吗?     无论工作还
  • WEBLOGIC事务超时设置 bijian1013 weblogicjta事务超时
            系统中统计数据，由于调用统计过程，执行时间超过了weblogic设置的时间，提示如下错误： 统计数据出错! 原因：The transaction is no longer active - status: 'Rolling Back. [Reason=weblogic.transaction.internal
  • 两年已过去，再看该如何快速融入新团队 bingyingao java互联网融入架构新团队
    偶得的空闲，翻到了两年前的帖子 该如何快速融入一个新团队，有所感触，就记下来，为下一个两年后的今天做参考。     时隔两年半之后的今天，再来看当初的这个博客，别有一番滋味。而我已经于今年三月份离开了当初所在的团队，加入另外的一个项目组，2011年的这篇博客之后的时光，我很好的融入了那个团队，而直到现在和同事们关系都特别好。大家在短短一年半的时间离一起经历了一
  • 【Spark七十七】Spark分析Nginx和Apache的access.log bit1129 apache
    Spark分析Nginx和Apache的access.log，第一个问题是要对Nginx和Apache的access.log文件进行按行解析，按行解析就的方法是正则表达式：   Nginx的access.log解析正则表达式   val PATTERN = """([^ ]*) ([^ ]*) ([^ ]*) (\\[.*\\]) (\&q
  • Erlang patch bookjovi erlang
    Totally five patchs committed to erlang otp, just small patchs. IMO, erlang really is a interesting programming language, I really like its concurrency feature. but the functional programming style
  • log4j日志路径中加入日期 bro_feng javalog4j
    要用log4j使用记录日志，日志路径有每日的日期，文件大小5M新增文件。 实现方式 log4j: <appender name="serviceLog" class="org.apache.log4j.RollingFileAppender"> <param name="Encoding" v
  • 读《研磨设计模式》-代码笔记-桥接模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * 个人觉得关于桥接模式的例子，蜡笔和毛笔这个例子是最贴切的：http://www.cnblogs.com/zhenyulu/articles/67016.html * 笔和颜色是可分离的，蜡笔把两者耦合在一起了：一支蜡笔只有一种
  • windows7下SVN和Eclipse插件安装 chenyu19891124 eclipse插件
    今天花了一天时间弄SVN和Eclipse插件的安装，今天弄好了。svn插件和Eclipse整合有两种方式，一种是直接下载插件包，二种是通过Eclipse在线更新。由于之前Eclipse版本和svn插件版本有差别，始终是没装上。最后在网上找到了适合的版本。所用的环境系统：windows7JDK：1.7svn插件包版本：1.8.16Eclipse：3.7.2工具下载地址：Eclipse下在地址：htt
  • [转帖]工作流引擎设计思路 comsci 设计模式工作应用服务器workflow企业应用
    作为国内的同行，我非常希望在流程设计方面和大家交流，刚发现篇好文(那么好的文章，现在才发现，可惜)，关于流程设计的一些原理，个人觉得本文站得高，看得远，比俺的文章有深度，转载如下 ================================================================================= 自开博以来不断有朋友来探讨工作流引擎该如何
  • Linux 查看内存，CPU及硬盘大小的方法 daizj linuxcpu内存硬盘大小
    一、查看CPU信息的命令 [root@R4 ~]# cat /proc/cpuinfo |grep "model name" && cat /proc/cpuinfo |grep "physical id" model name : Intel(R) Xeon(R) CPU X5450 @ 3.00GHz model name :
  • linux 踢出在线用户 dongwei_6688 linux
    两个步骤： 1.用w命令找到要踢出的用户，比如下面：   [root@localhost ~]# w 18:16:55 up 39 days, 8:27, 3 users, load average: 0.03, 0.03, 0.00 USER TTY FROM LOGIN@ IDLE JCPU PCPU WHAT
  • 放手吧,就像不曾拥有过一样 dcj3sjt126com
    内容提要： 静悠悠编著的《放手吧就像不曾拥有过一样》集结“全球华语世界最舒缓心灵”的精华故事，触碰生命最深层次的感动，献给全世界亿万读者。《放手吧就像不曾拥有过一样》的作者衷心地祝愿每一位读者都给自己一个重新出发的理由，将那些令你痛苦的、扛起的、背负的，一并都放下吧！把憔悴的面容换做一种清淡的微笑，把沉重的步伐调节成春天五线谱上的音符，让自己踏着轻快的节奏，在人生的海面上悠然漂荡，享受宁静与
  • php二进制安全的含义 dcj3sjt126com PHP
    PHP里，有string的概念。 string里，每个字符的大小为byte（与PHP相比，Java的每个字符为Character，是UTF8字符，C语言的每个字符可以在编译时选择）。 byte里，有ASCII代码的字符，例如ABC，123，abc，也有一些特殊字符，例如回车，退格之类的。 特殊字符很多是不能显示的。或者说，他们的显示方式没有标准，例如编码65到哪儿都是字母A，编码97到哪儿都是字符
  • Linux下禁用T440s，X240的一体化触摸板(touchpad) gashero linuxThinkPad触摸板
    自打1月买了Thinkpad T440s就一直很火大，其中最让人恼火的莫过于触摸板。   Thinkpad的经典就包括用了小红点(TrackPoint)。但是小红点只能定位，还是需要鼠标的左右键的。但是自打T440s等开始启用了一体化触摸板，不再有实体的按键了。问题是要是好用也行。   实际使用中，触摸板一堆问题，比如定位有抖动，以及按键时会有飘逸。这就导致了单击经常就
  • graph_dfs hcx2013 Graph
    package edu.xidian.graph; class MyStack { private final int SIZE = 20; private int[] st; private int top; public MyStack() { st = new int[SIZE]; top = -1; } public void push(i
  • Spring4.1新特性——Spring核心部分及其他 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • 配置HiveServer2的安全策略之自定义用户名密码验证 liyonghui160com
        具体从网上看   http://doc.mapr.com/display/MapR/Using+HiveServer2#UsingHiveServer2-ConfiguringCustomAuthentication   LDAP Authentication using OpenLDAP Setting
  • 一位30多的程序员生涯经验总结 pda158 编程工作生活咨询
    1.客户在接触到产品之后，才会真正明白自己的需求。 　　这是我在我的第一份工作上面学来的。只有当我们给客户展示产品的时候，他们才会意识到哪些是必须的。给出一个功能性原型设计远远比一张长长的文字表格要好。 2.只要有充足的时间，所有安全防御系统都将失败。 　　安全防御现如今是全世界都在关注的大课题、大挑战。我们必须时时刻刻积极完善它，因为黑客只要有一次成功，就可以彻底打败你。   3.
  • 分布式web服务架构的演变 自由的奴隶 linuxWeb应用服务器互联网
    最开始，由于某些想法，于是在互联网上搭建了一个网站，这个时候甚至有可能主机都是租借的，但由于这篇文章我们只关注架构的演变历程，因此就假设这个时候已经是托管了一台主机，并且有一定的带宽了，这个时候由于网站具备了一定的特色，吸引了部分人访问，逐渐你发现系统的压力越来越高，响应速度越来越慢，而这个时候比较明显的是数据库和应用互相影响，应用出问题了，数据库也很容易出现问题，而数据库出问题的时候，应用也容易
  • 初探Druid连接池之二——慢SQL日志记录 xingsan_zhang 日志连接池druid慢SQL
    由于工作原因，这里先不说连接数据库部分的配置，后面会补上，直接进入慢SQL日志记录。   1.applicationContext.xml中增加如下配置： <bean abstract="true" id="mysql_database" class="com.alibaba.druid.pool.DruidDataSourc
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他