一杯雪花勇闯天涯
一杯雪花勇闯天涯

基于websocket实现Web群聊

安装node中ws模块

npm install ws

Node中处理代码

const WebSocket = require("ws");
const wsServer = new WebSocket.Server({port:3000});
var maps = new Map();
var number = 0;
var sendMessage = {};
wsServer.on('connection',(socket) => {
    console.log("Client Connected");
    number++;
    socket.userID = number;
    let client = {
        userID:socket.userID,
        Connection:socket
    }
    maps.set(socket.userID,client);
    sendMessage.type='enter';
    sendMessage.message="user"+socket.userID+"进来了!";
    broadCast(JSON.stringify(sendMessage));
    
    socket.on('message',(message) => {
      console.log('received:'+message);
      sendMessage.type='message';
      sendMessage.message="user"+socket.userID+":"+message+".";
      broadCast(JSON.stringify(sendMessage));
    });
    socket.on('close', () => {
        console.log('Connected Close');
        sendMessage.type='close';
        sendMessage.message="user"+socket.userID+" leave out!";
        maps.delete(socket.userID);
        broadCast(JSON.stringify(sendMessage));
    });


    function broadCast(message) {
        for(let val of maps.values()) {
            val.Connection.send(message);
        }
    }
});

页面代码：

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8"/>
    <title>websocket群聊</title>
</head>
<body>
   <div id="app">
       <input type="text" id="text"/>
       <button id="send">发送</button>
       <div id="content"></div>
   </div>
</body>
</html>
<script>
    var websocket = new WebSocket("ws://127.0.0.1:3000");
    var dataList = [];
    websocket.onopen = function (event) {
        console.log("正在建立连接...");
    }
    websocket.onclose = function (closeEvent) {
        console.log("连接正在关闭...");
        dataList = [];
    }
    websocket.onmessage = function (message) {
    	console.log(message);
        let data = message.data;
        if (typeof data == "string") {
            data = JSON.parse(data);
        }
        //接受来自服务器发送的消息
        dataList.push(data);
        showMessage(dataList);
    }
    websocket.onerror = function (event) {
        console.log("连接发生错误");
        console.log(event);
    }
    function showMessage(data) {
      let html = "";
      for (let i =0;i<data.length;i++) {
          let type = data[i].type;
          if (type == 'enter') {
              html+="
"+data[i].message+"
";
          } else if (type == 'message') {
              html+="
"+data[i].message+"
";
          } else if (type == 'close') {
              html+="
"+data[i].message+"
";
          }
      }
      //将元素动态显示到页面上
        document.querySelector('#content').innerHTML = html;
    }
     window.onbeforeunload = function (){
        websocket.close();
    }
    document.querySelector('#send').onclick = function() {
    	let text = document.querySelector('#text').value;
    	console.log(text);
    	websocket.send(text);
    }
 
</script>

实现效果

基于websocket实现Web群聊_第1张图片

你可能感兴趣的:(音视频技术,websocket,前端,javascript)

  • 前端常用布局 ox0080 #北漂+滴滴出行VIP激励WebCSS前端布局html
    1.传统两栏布局+响应式适配文件名:traditional-two-column.html传统两栏布局示例*{margin:0;padding:0;box-sizing:border-box;}/*导航栏*/.nav{background:#2c3e50;padding:1rem;color:white;}/*主体容器*/.container{overflow:hidden;/*清除浮动*/}/*
  • 前端知识点---路由模式-实例模式和单例模式(ts) *星之卡比* 鸿蒙
    在ArkTS（ArkUI框架）中，路由实例模式（StandardInstanceMode）主要用于管理页面跳转。当创建一个新页面时，可以选择标准实例模式（StandardMode）或单实例模式（SingleMode）。路由实例模式标准实例模式（StandardMode）每次跳转都会创建一个新的页面实例。适用于允许用户打开多个相同页面的情况。不会复用已有的页面实例，每次跳转都会创建新的页面实例，用户
  • 面试时，如何回答好“你是怎么测试接口的？” 海姐软件测试 接口测试测试工具面试职场和发展postman
    一、回答框架设计（金字塔原理）总述："我通常采用分层测试策略，遵循需求分析→场景拆解→用例设计→自动化实施→持续监控的闭环流程。以最近测试的支付中台项目为例，核心围绕功能正确性、异常鲁棒性、安全防护、性能基线四个维度展开，下面详细说明各环节的关键动作……"二、分步骤技术解析（STAR法则）1.需求分析阶段-建立测试基准协议与文档解析："首先确认接口协议类型（HTTP/GRPC/WebSocket等
  • CefSharp 文件下载和保存功能-监听前端事件 Ben_F CefSharp前端
    重点在启用文件下载和通过JavaScript调用C#保存文件：1.添加文件下载处理器(DownloadHandler)在VueFormService类中，添加一个实现IDownloadHandler接口的类，用于处理文件下载到本地。//新增的DownloadHandler类publicclassDownloadHandler:IDownloadHandler{publicvoidOnBeforeD
  • Selenium 库的爬虫实现 叱咤少帅（少帅） Python从入门到高手selenium
    Selenium是什么？Selenium是一个用于自动化Web应用程序测试的工具。它提供了一个用于测试网站的框架，可以模拟用户在浏览器中的操作，如点击链接、填写表单、提交数据等。Selenium可以在多种浏览器和操作系统上运行，并且支持多种编程语言，如Python、Java、JavaScript等。通过编写测试脚本，开发人员可以使用Selenium来自动化执行各种Web应用程序的测试，以确保它们在
  • spring mvc实现自定义验证器Validator 罗汉爷 #玩转Springspringmvcjava自定义Validator
    使用场景在接口开发的日常实践中，确保数据准确性是保障业务稳定性的关键一环。面对诸如登录时验证用户名密码非空、创建用户时检查邮箱和手机号格式的正确性等需求，手动编写校验逻辑不仅耗时费力，还会显著降低代码的可读性和维护性。鉴于网络环境的不确定性及前端数据易遭篡改的特性，后端实施严格的参数校验变得尤为关键，以确保存储和处理的数据在逻辑上的无懈可击。Validator介绍Validator框架凭借其遵循的
  • js操作数组常用的方法 weixin_46541579 javascript前端vue.js
    在前端开发中，操作数组是常见的操作。这里列举下在开发中常用的一些方法。正文开始concat拼接数组constarr1=[1,2,3];constarr2=['q','w','e']constarr3=arr1.concat(arr2);console.log('arr3',arr3);//打印结果[1,2,3,'q','w','e']join数组转成字符串//这里使用上面声明的arr3consti
  • 上传文件到对象存储是选择前端还是后端 nangonghen linux对象存储
    对于云上对象存储的上传方式选择（前端直传或后端代理上传），需综合考虑安全性、性能、成本、业务需求等因素。1.推荐前端直传的场景适用条件：大文件上传（如视频、大型数据集）高并发场景（如用户生成内容平台）需节省服务器带宽成本业务对实时性要求高方案设计：临时凭证（STS）或预签名URL：通过后端服务生成短期有效的安全凭证（如AWSS3预签名URL、阿里云OSSSTS），避免暴露长期密钥。分片上传与断点续
  • 华为OD技术面试真题 - 技术面】- 前端八股文真题题库（8) 算法大师 华为od面试前端华为OD机试E卷javascriptjavapython
    华为OD面试真题精选专栏：华为OD面试真题精选目录:2024华为OD面试手撕代码真题目录以及八股文真题目录文章目录华为OD面试真题精选1.vue中key的作用？为什么不能用index作为key作用为什么不能用index作为key示例说明2.Vue2和Vue3?defineProperty和Proxy?Vue2的`Object.defineProperty()`Vue3的`Proxy`比较和应用场景
  • JavaScript网页设计案例：动态交互式任务列表 学不完了是吧 jsjavascript
    在现代网页开发中，JavaScript被广泛应用于实现动态交互效果。看完这一篇你就可以设计一个动态任务列表，全面展示HTML、CSS和JavaScript在前端开发中的实际应用。通过本案例，你将深入了解事件监听、DOM操作以及用户交互设计的实现过程。案例需求在设计动态任务列表时，我们需要满足以下功能需求：动态添加任务，并显示在列表中。勾选任务表示完成状态，并通过样式标记。单独删除任务。一键清空所有
  • 前端装机必备(Mac、Window通用) m0_73523460 前端macos
    相信大家都遇到过这样一个场景，每次来到一家新公司使用新机开发的时候，都需要重新装一遍我们开发过程中需要的环境和软件以及插件等等，然而每次去找的汇总文章都不全且不尽相同，导致新机的开发体验很陌生。在这里，我给大家整理了一份新机环境、软件及插件清单，在Mac和Windows系统上都可以用，以后就只需要这一份了，还请大家收藏好~环境Git代码管理，项目版本管理Node.js工程化项目安装Npm依赖环境n
  • 探索“Under”：一款极简之美与技术深度并存的JavaScript游戏 贡秀丽
    探索“Under”：一款极简之美与技术深度并存的JavaScript游戏under-gameUnder:AsimplegamewithproceduralgraphicsinJavaScriptandGLSL项目地址:https://gitcode.com/gh_mirrors/un/under-game项目介绍Under，一个充满实验色彩的迷你游戏，诞生于JavaScript和GLSL的世界中，
  • Vue.js：构建现代动态用户界面的强大工具 KBkongbaiKB vue.jsuiflutter
    在当今数字化时代，前端开发领域蓬勃发展，而Vue.js作为其中一颗耀眼的明星，正引领着一场关于高效、灵活和创新的前端开发革命。它以其独特的设计理念和卓越的性能表现，为开发者提供了一种全新的开发范式，使得构建交互性强、用户体验佳的网页应用变得更加便捷且富有创造力。一、Vue.js的核心概念与架构渐进式框架理念Vue.js秉持渐进式框架的理念，这一特性使其在各类项目中都具有极高的适应性。无论是简单的个
  • 员工管理系统（简单版） java王不二 后端java
    1、项目介绍员工管理系统9功能简单，实现了用户的注册和登录、增删改查用户，适合新手学习2、项目技术后端框架：Servlet、mvc模式前端技术：jsp、css、JavaScript、JQuery3、开发环境JAVA版本：JDK1.8IDE类型：IDEA、Eclipse都可运行tomcat版本：Tomcat7-10版本均可数据库类型：MySql（5.x和8.x版本都可）maven项目：否硬件环境：W
  • JavaWeb——AJAX(附三级联动省、市、区案例） weixin_43820008 JavaWebjavaajaxjavascriptjavaweb
    目录1.定义1.1优点2.基于jQuery的AJAX2.1语法2.2JSON2.3案例3.传统的WEB数据交互VSAJAX数据交互4.AJAX原理5.三级联动案例5.1案例说明5.2代码1.定义AJAX：异步的JavaScript和xml，并不是新的编程，指的是一种交互方式，异步加载，客户端和服务器的数据交互更新在局部页面的技术，不需要刷新整个页面（局部刷新）1.1优点局部刷新，效果更好用户体验更
  • 使用 JavaScript 和 HTML5 实现强大的表单验证 vvilkim JavaScriptjavascripthtml5开发语言
    表单验证是Web开发中不可或缺的一部分，它确保用户输入的数据符合预期格式和要求。通过客户端验证，我们可以提高用户体验，减少不必要的服务器请求。然而，客户端验证并不能替代服务器端验证，因为客户端验证可以被绕过。本文将介绍如何使用JavaScript和HTML5实现强大的表单验证。HTML5内置验证HTML5提供了一些内置的表单验证功能，例如required,min,max,pattern等。这些属性
  • python爬虫系列课程7：ajax wp_tao Python副业接单实战项目python爬虫ajax
    python爬虫系列课程7：ajax一、ajax的介绍二、ajax的使用一、ajax的介绍ajax是AsynchronousJavaScriptandXML的简写，ajax是一个前后端配合的技术，它可以让JavaScript发送异步的http请求，与后台通信进行数据的获取，ajax最大的优点是实现局部刷新，ajax可以发送http请求，当获取到后台数据的时候更新页面显示数据实现局部刷新，在这里大家
  • echarts标准饼图——提示框（tooltip）配置 我是陈大大 echartsvuejavascriptViewUI
    echarts标准饼图解读(一)——提示框（tooltip）配置weixin_30446197于2016-11-2511:33:00发布508收藏4文章标签：javascriptViewUI原文链接：http://www.cnblogs.com/web520/p/6100955.html版权varmyChart=echarts.init(document.getElementById(‘main’
  • 云贝餐饮外卖O2O1.5.6+商家端1.1.4+前端 weixin_40214893 源码小程序
    版本号：1.5.6备注：本次更新不需要从头上传小程序【批改】直播插件【批改】微信会员卡图片问题【新增】券包功用云贝餐饮【新增】充值分账功用【新增】生日有礼(需配置独自定时使命,地址在添加生日活动页面获取)【优化】公众号分割红包按钮点了没反应【优化】公众号会员卡权益不显现【优化】会员卡公告显现问题【批改】美食分类查找问题【批改】账单订单类型查找下载地址：http://www.95vs.com/173
  • 构建现代化设计系统：基于 TypeScript 与 Storybook 的实战指南 全栈探索者chen vue前端typescriptjavascript前端node.js开发语言vue.jsecmascript
    构建现代化设计系统：基于TypeScript与Storybook的实战指南前言在企业级前端开发中，设计系统可以大幅提高开发效率、保证产品一致性，并为团队提供一套可复用的组件库。基于TypeScript构建组件不仅能够提升代码的可维护性和可读性，还能借助强类型检查减少运行时错误。同时，Storybook作为流行的UI组件开发工具，可帮助团队独立开发、预览和测试组件。本文将详细介绍如何构建现代化设计系
  • 第三章：组件开发实战 - 第二节 - Tailwind CSS 表单元素样式处理
    在前端开发中，表单元素的样式处理一直是一个重要且复杂的话题。不同浏览器对表单元素有着不同的默认样式，而且某些表单元素的样式难以直接通过CSS进行修改。本节将介绍如何使用TailwindCSS优雅地处理各种表单元素的样式，确保在不同浏览器中呈现一致的外观。基础表单样式设置输入框样式在TailwindCSS中，我们可以使用多个工具类组合来创建美观的输入框样式：这个组合包含以下样式特性：w-full:宽
  • JavaScript+Selenium自动化测试 爱学测试的李木子 软件测试javascriptselenium开发语言
    Seleniumisabrowserautomationlibrary.Mostoftenusedfortestingweb-applications,Seleniummaybeusedforanytaskthatrequiresautomatinginteractionwiththebrowser.Selenium是一个浏览器自动化测试库，大多时候我们用它来测试web应用，Selenium可以胜
  • H5之webcoekt播放JPEG图片流 视频处理html5
    一、简介既然webcoekt是基于tcp连接的，理论上讲所有的浏览器是可以私有协议处理二进制的，如果我们需要播放视频，我们可以将视频数据在后端解码后直接将图片推送到webcoekt前端，然后前端通过websocket接收图片然后将图片显示到img或canvas中即可，当然这个是我自己设想的，也是应该可以做的到了，做到如下需要以下技术支持：后端直接ffmpeg转码为jpeg图片流后端定制播放协议包括
  • 前端知识点---库和包的概念 *星之卡比* 前端harmonyos鸿蒙
    1.什么是库（Library）？库（Library）是一组可复用的代码集合，提供特定功能（如网络请求、UI组件、数据处理等）。特点：只是代码的集合，没有完整的应用结构。不能单独运行，必须被应用或其他代码引用使用。可以理解为：「工具箱」里的一个工具（比如一把锤子）。2.什么是包（Package）？包（Package）是指一组代码库的封装，通常包含多个库（Library）、依赖关系和元数据（如pack
  • 最简单圆形进度条实现CSS+javascript，两端带圆弧 真是6的不行 cssjavascript前端
    两端是弧形的圆形进度条。Document/*定义css变量*/:root{--progress:0%;--endRotate:0deg;--contentSize:100px/*这位置改变整体进度条大小*/}/*外圈*/.progress{position:relative;width:var(--contentSize);height:var(--contentSize);/*进度条的颜色处理*
  • 制作前端开发中 SVG 图标 xieyan0811 前端前端
    1引言在前端开发中常用的图标通常是SVG格式的。SVG是一种矢量图形格式，可以根据背景变色，且在缩放时边缘不会模糊。像常用的ElementPlusIcon就是使用SVG格式实现的。不过，有时候会找不到我们想要的图标，比如“另存为”、“剪切板”等。引入其他图标集可能也未必包含所有需要的图标。此外，这样做改动太大，还需要确保所有图标在风格上的一致性（例如宽度、弧度的一致）。因此，需要自己制作一些图标。
  • 从Java视角理解JavaScript中的axios与Promise的协作机制 蒸只小鱼 javajavascript开发语言
    从Java视角理解JavaScript中的axios与Promise的协作机制下面的内容仅仅从平时使用axiso和promise的层面上出发，和实际的运行机理出入很大，纯纯自圆其说，大家看个乐呵就行axios是异步发送请求的，简单来说，其会单独开一个线程去执行发送请求的代码，那么在这个单独开辟出的线程中，发送请求后必然能够阻塞等待到结果（结果好坏均有可能）。另外，似乎这个线程的内部的执行逻辑还有p
  • Web3 DApp 测试指南 m0_51192916 web3DApp
    Web3DApp测试个人总结Web3DApp（去中心化应用）前端开发与传统Web2应用存在显著不同。由于DApp依赖智能合约、区块链RPC交互、钱包签名等技术，其测试方式也有别于传统前端测试。本指南系统介绍Web3DApp前端的测试方法，包括功能测试、兼容性测试、安全测试、性能测试，让你快速上手Web3DApp测试。1.Web3DApp基础知识1.1什么是Web3DApp？Web3DApp（Dec
  • 深入理解Vue中的Component：构建灵活且可复用的前端模块 Earth explosion 前端vue.jsjavascript
    在前端开发的世界里，随着应用程序的规模和复杂度不断增加，如何有效地组织和管理代码成为了一个关键问题。Vue.js作为一款流行的前端框架，通过其强大的组件系统为开发者提供了一种优雅且高效的解决方案。本文将深入探讨Vue中的Component（组件），包括其基本概念、创建方式、通信机制以及实际应用场景，帮助开发者更好地理解和运用这一核心特性。一、什么是Vue组件在Vue.js中，组件是可复用的Vue实
  • H5播放webrtc视频 视频处理html5
    一、简介WebRTC概念WebRTC是由Google主导的，由一组标准、协议和JavaScriptAPI组成，用于实现浏览器之间（端到端之间）的音频、视频及数据共享。WebRTC不需要安装任何插件，通过简单的JavaScriptAPI就可以使得实时通信变成一种标准功能。为什么使用webrtc现在各大浏览器以及终已经逐渐加大对WebRTC技术的支持。下图是webrtc官网给出的现在已经提供支持了的浏
  • web前段跨域nginx代理配置 刘正强 nginxcmsWeb
    nginx代理配置可参考server部分 server {         listen       80;         server_name  localhost;
  • spring学习笔记 caoyong spring
    一、概述     a>、核心技术 : IOC与AOP b>、开发为什么需要面向接口而不是实现     接口降低一个组件与整个系统的藕合程度，当该组件不满足系统需求时，可以很容易的将该组件从系统中替换掉，而不会对整个系统产生大的影响 c>、面向接口编口编程的难点在于如何对接口进行初始化,(使用工厂设计模式)
  • Eclipse打开workspace提示工作空间不可用 0624chenhong eclipse
    做项目的时候，难免会用到整个团队的代码，或者上一任同事创建的workspace， 1.电脑切换账号后，Eclipse打开时，会提示Eclipse对应的目录锁定，无法访问，根据提示，找到对应目录，G:\eclipse\configuration\org.eclipse.osgi\.manager，其中文件.fileTableLock提示被锁定。 解决办法，删掉.fileTableLock文件，重
  • Javascript 面向对面写法的必要性？ 一炮送你回车库 JavaScript
    现在Javascript面向对象的方式来写页面很流行，什么纯javascript的mvc框架都出来了：ember 这是javascript层的mvc框架哦,不是j2ee的mvc框架   我想说的是，javascript本来就不是一门面向对象的语言，用它写出来的面向对象的程序，本身就有些别扭，很多人提到js的面向对象首先提的是：复用性。那么我请问你写的js里有多少是可以复用的，用fu
  • js array对象的迭代方法 换个号韩国红果果 array
    1.forEach 该方法接受一个函数作为参数， 对数组中的每个元素 使用该函数  return 语句失效 function square(num) { print(num, num * num); } var nums = [1,2,3,4,5,6,7,8,9,10]; nums.forEach(square); 2.every 该方法接受一个返回值为布尔类型
  • 对Hibernate缓存机制的理解 归来朝歌 session一级缓存对象持久化
    在hibernate中session一级缓存机制中，有这么一种情况： 问题描述：我需要new一个对象，对它的几个字段赋值，但是有一些属性并没有进行赋值，然后调用 session.save()方法，在提交事务后，会出现这样的情况： 1：在数据库中有默认属性的字段的值为空 2：既然是持久化对象，为什么在最后对象拿不到默认属性的值？ 通过调试后解决方案如下： 对于问题一，如你在数据库里设置了
  • WebService调用错误合集 darkranger webservice
     Java.Lang.NoClassDefFoundError: Org/Apache/Commons/Discovery/Tools/DiscoverSingleton 调用接口出错， 一个简单的WebService import org.apache.axis.client.Call;import org.apache.axis.client.Service; 首先必不可
  • JSP和Servlet的中文乱码处理 aijuans Java Web
    JSP和Servlet的中文乱码处理 前几天学习了JSP和Servlet中有关中文乱码的一些问题，写成了博客，今天进行更新一下。应该是可以解决日常的乱码问题了。现在作以下总结希望对需要的人有所帮助。我也是刚学，所以有不足之处希望谅解。 一、表单提交时出现乱码： 在进行表单提交的时候，经常提交一些中文，自然就避免不了出现中文乱码的情况，对于表单来说有两种提交方式：get和post提交方式。所以
  • 面试经典六问 atongyeye 工作面试
    题记：因为我不善沟通，所以在面试中经常碰壁，看了网上太多面试宝典，基本上不太靠谱。只好自己总结，并试着根据最近工作情况完成个人答案。以备不时之需。 以下是人事了解应聘者情况的最典型的六个问题： 1 简单自我介绍 关于这个问题，主要为了弄清两件事，一是了解应聘者的背景，二是应聘者将这些背景信息组织成合适语言的能力。 我的回答：(针对技术面试回答，如果是人事面试，可以就掌
  • contentResolver.query()参数详解 百合不是茶 androidquery()详解
    收藏csdn的博客,介绍的比较详细,新手值得一看 1.获取联系人姓名 一个简单的例子，这个函数获取设备上所有的联系人ID和联系人NAME。 [java]  view plain copy   public void fetchAllContacts() {      
  • ora-00054:resource busy and acquire with nowait specified解决方法 bijian1013 oracle数据库killnowait
            当某个数据库用户在数据库中插入、更新、删除一个表的数据，或者增加一个表的主键时或者表的索引时，常常会出现ora-00054:resource busy and acquire with nowait specified这样的错误。主要是因为有事务正在执行（或者事务已经被锁），所有导致执行不成功。 1.下面的语句
  • web 开发乱码 征客丶 springWeb
    以下前端都是 utf-8 字符集编码 一、后台接收 1.1、 get 请求乱码 get 请求中，请求参数在请求头中； 乱码解决方法： a、通过在web 服务器中配置编码格式：tomcat 中，在 Connector 中添加URIEncoding="UTF-8"； 1.2、post 请求乱码 post 请求中，请求参数分两部份， 1.2.1、url？参数，
  • 【Spark十六】： Spark SQL第二部分数据源和注册表的几种方式 bit1129 spark
    Spark SQL数据源和表的Schema case class apply schema parquet json JSON数据源 准备源数据 {"name":"Jack", "age": 12, "addr":{"city":"beijing&
  • JVM学习之:调优总结 -Xms -Xmx -Xmn -Xss BlueSkator -Xss-Xmn-Xms-Xmx
      堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。典型设置： java -Xmx355
  • jqGrid 各种参数 详解(转帖) BreakingBad jqGrid
      jqGrid 各种参数 详解 分类：  源代码分享  个人随笔请勿参考  解决开发问题 2012-05-09 20:29   84282人阅读   评论(22)   收藏   举报 jquery 服务器 parameters function ajax string  
  • 读《研磨设计模式》-代码笔记-代理模式-Proxy bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.lang.reflect.InvocationHandler; import java.lang.reflect.Method; import java.lang.reflect.Proxy; /* * 下面
  • 应用升级iOS8中遇到的一些问题 chenhbc ios8升级iOS8
    1、很奇怪的问题，登录界面，有一个判断，如果不存在某个值，则跳转到设置界面，ios8之前的系统都可以正常跳转，iOS8中代码已经执行到下一个界面了，但界面并没有跳转过去，而且这个值如果设置过的话，也是可以正常跳转过去的，这个问题纠结了两天多，之前的判断我是在 -(void)viewWillAppear:(BOOL)animated  中写的，最终的解决办法是把判断写在 -(void
  • 工作流与自组织的关系？ comsci 设计模式工作
      目前的工作流系统中的节点及其相互之间的连接是事先根据管理的实际需要而绘制好的，这种固定的模式在实际的运用中会受到很多限制，特别是节点之间的依存关系是固定的，节点的处理不考虑到流程整体的运行情况，细节和整体间的关系是脱节的，那么我们提出一个新的观点，一个流程是否可以通过节点的自组织运动来自动生成呢？这种流程有什么实际意义呢？   这里有篇论文，摘要是：“针对网格中的服务
  • Oracle11.2新特性之INSERT提示IGNORE_ROW_ON_DUPKEY_INDEX daizj oracle
    insert提示IGNORE_ROW_ON_DUPKEY_INDEX 转自：http://space.itpub.net/18922393/viewspace-752123 在 insert into tablea ...select * from tableb中，如果存在唯一约束，会导致整个insert操作失败。使用IGNORE_ROW_ON_DUPKEY_INDEX提示，会忽略唯一
  • 二叉树:堆 dieslrae 二叉树
        这里说的堆其实是一个完全二叉树,每个节点都不小于自己的子节点,不要跟jvm的堆搞混了.由于是完全二叉树,可以用数组来构建.用数组构建树的规则很简单:     一个节点的父节点下标为: (当前下标 - 1)/2     一个节点的左节点下标为: 当前下标 * 2 + 1   &
  • C语言学习八结构体 dcj3sjt126com c
    为什么需要结构体，看代码 # include <stdio.h> struct Student //定义一个学生类型，里面有age, score, sex, 然后可以定义这个类型的变量 { int age; float score; char sex; } int main(void) { struct Student st = {80, 66.6,
  • centos安装golang dcj3sjt126com centos
    #在国内镜像下载二进制包 wget -c  http://www.golangtc.com/static/go/go1.4.1.linux-amd64.tar.gz tar -C /usr/local -xzf go1.4.1.linux-amd64.tar.gz   #把golang的bin目录加入全局环境变量 cat >>/etc/profile<
  • 10.性能优化-监控-MySQL慢查询 frank1234 性能优化MySQL慢查询
    1.记录慢查询配置 show variables where variable_name like 'slow%' ; --查看默认日志路径 查询结果：--不用的机器可能不同 slow_query_log_file=/var/lib/mysql/centos-slow.log 修改mysqld配置文件：/usr /my.cnf[一般在/etc/my.cnf，本机在/user/my.cn
  • Java父类取得子类类名 happyqing javathis父类子类类名
      在继承关系中，不管父类还是子类，这些类里面的this都代表了最终new出来的那个类的实例对象，所以在父类中你可以用this获取到子类的信息！   package com.urthinker.module.test; import org.junit.Test; abstract class BaseDao<T> { public void
  • Spring3.2新注解@ControllerAdvice jinnianshilongnian @Controller
    @ControllerAdvice，是spring3.2提供的新注解，从名字上可以看出大体意思是控制器增强。让我们先看看@ControllerAdvice的实现：   @Target(ElementType.TYPE) @Retention(RetentionPolicy.RUNTIME) @Documented @Component public @interface Co
  • Java spring mvc多数据源配置 liuxihope spring
    转自：http://www.itpub.net/thread-1906608-1-1.html 1、首先配置两个数据库 <bean id="dataSourceA" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close&quo
  • 第12章 Ajax（下） onestopweb Ajax
    index.html <!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/
  • BW / Universe Mappings blueoxygen BO
      BW Element OLAP Universe Element Cube  Dimension Class Charateristic A class with dimension and detail objects (Detail objects for key and desription) Hi
  • Java开发熟手该当心的11个错误 tomcat_oracle java多线程工作单元测试
    #1、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收 测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置，那么使它成为
  • 推行国产操作系统的优劣 yananay windowslinux国产操作系统
    最近刮起了一股风，就是去“国外货”。从应用程序开始，到基础的系统，数据库，现在已经刮到操作系统了。原因就是“棱镜计划”，使我们终于认识到了国外货的危害，开始重视起了信息安全。操作系统是计算机的灵魂。既然是灵魂，为了信息安全，那我们就自然要使用和推行国货。可是，一味地推行，是否就一定正确呢？ 先说说信息安全。其实从很早以来大家就在讨论信息安全。很多年以前，就据传某世界级的网络设备制造商生产的交
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他