HTML5-WebSocket技术学习(2)

上一篇介绍了websocket的基本用法.这篇介绍websocket的一个框架: socket.io

socket.io是一个既可以用在客户端又可以用在服务器端的框架. 本篇介绍socket.io在客户端和node后端的基本用法

首先进入项目的根目录,然后执行 npm install socket.io

 

客户端:

1.链入socket.io.js:

<script type="text/javascript" src="/socket.io/socket.io.js"></script>
<script type="text/javascript" src="socket.io/socket.io.js"></script>

特别注意,不需要创建一个文件夹socket.io,再在里面放入socket.io.js这个文件.

只要在根目录下在npm install socket.io,就可以了.上面两种写法都ok,但是不可以写 src="socket.io.js" 

 

2.创建一个连接:

var iosocket = io.connect();

 

3.连接事件:

iosocket.on('connect',function(e){...})

 

4.接收到数据事件:

iosocket.on('message',function(data){
   console.log(data) 
})

data就是接收到的数据

 

5.断开连接事件:

iosocket.on('disconnect', function(e){...});

 

6.向服务器端发送数据:

iosocket.send(data)

data就是要发送的数据

 

 

服务器端:

1.获取socket.io模块:

var socketio = require('socket.io')

 

2.创建一个服务端:

var server = http.createServer(function(req, res) {
  ...
}).listen(3000, function() {
  console.log('Listening at: http://localhost:3000');
});

 

3.创建服务器端对应的socket:

var io = socketio(server);

 

4.连接,收发数据:

io.on('connection',function(socket){
    socket.on('message',function(data){
        console.log('Message Received: ', data);
        socket.broadcast.emit('message', data);
    })
});

 

下面举个完整的实例,模拟两人聊天:

index.html:

<html>
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
  <script type="text/javascript" src="http://cdnimg.ocj.com.cn/common/js/jquery-1.10.2.min.js"></script>
  <script type="text/javascript" src="socket.io/socket.io.js"></script>
  <style>
    .bunny {
      color:#AF4442
    }
    .cat {
      color:#3170A9
    }
  </style>
  <script>
    $(function(){

      var name;

      $('#myName').keypress(function(event) {
        if(event.which == 13) {
          event.preventDefault();
          name = $(this).val();
          var myname = $('<p><span class="label label-default">'+name+'</span></p>');
          $(this).parent('.form-group').before(myname);
          $(this).parent('.form-group').remove();

        }
      });

      var iosocket = io.connect();

      iosocket.on('connect', function () {
        $('.container').prepend($('<div class="alert alert-success" role="alert">已连接</div>'));
      });

      iosocket.on('message', function(message) {
        var messages = message.split(';');
        $('#incomingChatMessages').append($('<li class='+messages[0]+'></li>').text(messages[0]+' say:'+messages[1]));
      });

      iosocket.on('disconnect', function() {
        $('.container').prepend($('<div class="alert alert-danger" role="alert">已断开</div>'));
      });

      $('#outgoingChatMessage').keypress(function(event) {
        if(event.which == 13) {
          event.preventDefault();
          iosocket.send(name+';'+$('#outgoingChatMessage').val());
          $('#incomingChatMessages').append($('<li class='+name+'></li>').text(name+' say:'+$('#outgoingChatMessage').val()));
          $('#outgoingChatMessage').val('');
        }
      });
    });
  </script>
</head>
<body>
<div class="container">

  Incoming Chat:&nbsp;<ul id="incomingChatMessages"></ul>
  <br />
  <div class="form-group">
    <label for="myName">name:</label>
    <input type="text" class="form-control" id="myName" placeholder="Enter Your Name">
  </div>
  <div class="form-group">
    <label for="outgoingChatMessage">enter:</label>
    <input type="text" class="form-control" id="outgoingChatMessage" placeholder="Enter info">
  </div>
</div>

</body>
</html>

分析:

1.创建一个name变量,用于保存用户输入的昵称.在这里都是虚假数据,所以只能输入cat,或者bunny(因为定义的样式是这两个类名),其中,cat发送的消息是蓝色的,bunny发送的消息是红色的.

2.先输入用户名,保存当前用户名(相当于聊天中的登录)

3.创建socket

4.连接成功的时候,显示提示"已连接"

5.接收数据成功的时候,把接收到的对方发送的消息插入到聊天对话中

6.按回车键发送消息,把自己发送的消息也插入到聊天对话中

7.连接断开的时候,显示提示"已断开"

 

app.js:

var fs = require('fs')
    , http = require('http')
    , socketio = require('socket.io');

var server = http.createServer(function(req, res) {
  res.writeHead(200, { 'Content-type': 'text/html'});
  res.end(fs.readFileSync(__dirname + '/index.html'));
}).listen(3000, function() {
  console.log('Listening at: http://localhost:3000');
});

var io = socketio(server);
io.on('connection',function(socket){
    socket.on('message',function(data){
        console.log('Message Received: ', data);
        socket.broadcast.emit('message', data);
    })
});

分析:

1.获取socket.io模块

2.创建服务器端,读取index.html内容.

3.创建socket.io的实例,传入server

4.监听connection事件,添加回调

5.监听message事件,添加回调,把接收到的信息再发出去

 

这个demo运行以后大概是这样的:

打开一个火狐,一个chrome:

分别输入用户名,cat和bunny:

HTML5-WebSocket技术学习(2)_第1张图片 

输入用户名后:

HTML5-WebSocket技术学习(2)_第2张图片

然后就猫猫和兔兔就可以开始聊天啦~~

HTML5-WebSocket技术学习(2)_第3张图片

 

 

今天就到这里,socket.io还有很多api,很多其他用法,以后会不断深入研究~~~

 

完整代码:https://github.com/OOP-Code-Bunny/html5/tree/master/nodeWebsocket

 

你可能感兴趣的:(websocket)

  • 14.tornado操作之应用Websocket协议实现聊天室功能 孤寒者 Tornado框架从入门到实战websockettornado聊天室功能实现python
    目录：每篇前言：1.什么是WebSocket（1）定义（2）优点（3）和HTTP对比（4）适用场景2.WebSocket关键方法3.本tornado项目中使用WebSocket（1）准备一个聊天室的页面：第一步：编写视图：第二步：编写接口：（app.py中加入以下接口！）第三步：编写前端页面：测试接口——响应OK！（2）使用WebSocket：（3）聊天室的聊天功能的最终实现：第一步：战前准备第二
  • webSocket双向通信 @泽栖 websocket网络协议网络
    webSocket基础使用webSocket小说明：作用浏览器与服务器全双工通信——浏览器和服务器只需要完成一次握手，两者之间就可以创建持久性的连接，并进行双向数据传输。WebSocket与HTTP最大的区别HTTP通信是单向的，基于请求响应模式WebSocket支持双向通信。实现长连接适用场景：消息通信，视频弹幕，实时信息，等双向通信的使用需求使用：引入maven依赖org.springfram
  • 智能云图库项目
    1、项目介绍平台基于SpringBoot+Redis+COS+AI绘图+RabbitMQ+WebSocket，支持图片上传、存储、协作编辑与智能分析。平台分为公共图库、私有图库和企业空间，支持多账号权限体系与实时协作。第一阶段，开发公共图库平台。实战SpringBoot图片素材网址的快速开发，重点学习文件存管业务的开发和优化技巧。第二阶段，对项目的C端功能进行扩展。用户可开通私有空间，并对空间图片
  • Python爬虫【三十五章】爬虫高阶：基于Docker集群的动态页面自动化采集系统实战 程序员_CLUB Python入门到进阶python爬虫docker
    目录一、技术演进与行业痛点二、核心技术栈深度解析2.1动态渲染三件套2.2Docker集群架构设计2.3自动化调度系统三、进阶实战案例3.1电商价格监控系统1.技术指标对比2.实现细节3.2新闻聚合平台1.WebSocket监控2.字体反爬破解四、性能优化与运维方案4.1资源消耗对比测试4.2集群运维体系五、总结与未来展望六、Python爬虫相关文章（推荐）一、技术演进与行业痛点在Web3.0时代
  • Python爬虫【三十四章】爬虫高阶：动态页面处理与Playwright增强控制深度解析 程序员_CLUB Python入门到进阶python爬虫开发语言
    目录一、技术演进背景与行业挑战二、核心技术栈深度解析2.1动态渲染双引擎架构2.2浏览器指纹伪装方案2.3BeautifulSoup集成实践三、进阶应用场景突破3.1电商价格监控系统3.1.1技术架构创新3.1.2实现效果3.2社交媒体舆情分析3.2.1无限滚动模拟3.2.2WebSocket监控3.2.3Canvas指纹防护四、性能优化与合规方案4.1资源消耗对比测试4.2反爬对抗升级方案五、总
  • Websocket使用简单示例 北海几经夏 前端websocket前端
    在前端开发中，WebSocket用于建立客户端与服务器的持久化双向通信连接，相比HTTP的单向请求响应模式，能更高效地实现实时数据交互（如聊天、实时通知、数据更新等场景）。基本步骤如下：1.建立WebSocket连接通过WebSocket构造函数创建连接，传入服务器WebSocket接口地址（协议为ws://或加密的wss://）：//连接服务器WebSocket端点constsocket=new
  • MCP架构对比演示文档 it_czz 架构
    MCP架构对比演示文档1.核心架构对比1.1本系统：自包含式MCP架构外部客户端SpringBoot应用容器应用层业务层MCP实现层数据处理层浏览器客户端第三方MCP客户端RESTAPI客户端网段计算引擎地理位置APIOpenAI集成内置MCP服务器内置MCP客户端IP网段服务SpringAI服务RESTAPI接口MCPWebSocket接口图1.1本系统自包含式MCP架构说明：这个架构图展示了我
  • Spring Gateway转发websocket原理 李昂的数字之旅 SpringBootgatewaywebsocketspring网关
    SpringCloudGateway简称SpringGateway，它可以转发请求到后端微服务。SpringGateway除了转发HTTP请求，也支持websocket请求。我们看下它是怎么实现的吧。配置支持websocket转发支持websocket转发，需要用到spring-cloud-starter-gateway，不要搞错成spring-cloud-starter-gateway-web。
  • Spring Cloud Gateway接入WebSocket：实现实时通信 三无少女指南 websocket网络协议网络
    在现代的微服务架构中，实时通信变得越来越重要。SpringCloudGateway作为SpringCloud生态中的API网关，提供了动态路由、监控、弹性、安全等功能。本文将介绍如何通过SpringCloudGateway接入WebSocket，实现服务之间的实时通信。为什么需要WebSocketWebSocket提供了全双工通信机制，允许服务器主动向客户端发送消息，这在需要实时数据推送的场景（如
  • 在 Spring Boot 中优化长轮询（Long Polling）连接频繁建立销毁问题 超级小忍 SpringBootspringboot后端java
    一、前言长轮询（LongPolling）是一种经典的HTTP轮询机制，它在不支持WebSocket或Server-SentEvents（SSE）的环境中，仍然是一种实现“伪实时”通信的有效方式。然而，长轮询的一个显著缺点是：每次请求都需要建立和销毁连接，频繁的HTTP请求会造成服务器资源的浪费。本文将结合SpringBoot，从异步处理、连接复用、客户端优化等角度出发，详细讲解如何优化长轮询机制，
  • Spring Boot 与 WebSocket：实时双向通信的实现！
    本文收录于《滚雪球学SpringBoot》，专门攻坚指数提升，2025年国内最系统+最强（更新中）。  本专栏致力打造最硬核SpringBoot从零基础到进阶系列学习内容，均为全网独家首发，打造精品专栏，专栏持续更新中…欢迎大家订阅持续学习。如果想快速定位学习，可以看这篇【SpringBoot教程导航帖】,你想学习的都被收集在内，快速投入学习！！两不误。演示环境说明：开发工具：IDEA2021.3
  • Golang Gorilla框架入门指南：从零开始构建Web应用
    GolangGorilla框架入门指南：从零开始构建Web应用关键词：Golang、Gorilla框架、Web开发、路由、中间件、RESTfulAPI、WebSocket摘要：本文将从零开始介绍如何使用Golang的Gorilla框架构建Web应用。我们将首先了解Gorilla框架的核心组件，然后通过实际案例演示如何构建一个完整的Web应用，包括路由设置、中间件使用、RESTfulAPI开发和We
  • Gorilla 在 Golang 中的实战应用：从入门到精通 Golang编程笔记 golang开发语言后端ai
    Gorilla在Golang中的实战应用：从入门到精通关键词：Gorilla,Golang,Web开发,路由,WebSocket,中间件,RESTfulAPI摘要：本文将深入探讨Gorilla工具包在GolangWeb开发中的实战应用。从基础概念到高级用法，我们将全面解析Gorilla的核心组件，包括mux路由、WebSocket、中间件等。通过详细的代码示例和实际项目案例，帮助开发者掌握Gori
  • Golang Gorilla 框架性能优化：10 个必知技巧
    GolangGorilla框架性能优化：10个必知技巧关键词：Gorilla框架、性能优化、Go语言、路由匹配、中间件、内存管理、并发处理、HTTP服务、Web开发、实战技巧摘要：Gorilla是Go语言生态中最受欢迎的Web开发框架之一，广泛用于构建高并发API和实时应用（如WebSocket聊天）。但随着业务规模扩大，如何让Gorilla应用保持“丝滑”性能？本文将从路由优化、内存管理、并发设
  • WebSocket：构建实时交互的 Web 应用 IsPrisoner websocket交互前端golang网络
    在现代Web开发中，实现实时交互功能是提升用户体验的重要一环。无论是实时聊天、在线游戏、实时协作编辑，还是实时数据监控等场景，都需要一种能够支持客户端与服务器之间双向通信的技术。而WebSocket正是这样一种强大的技术，它突破了传统HTTP协议单向通信的限制，为Web应用的实时交互提供了可能。在众多编程语言中，Go语言以其简洁高效、并发友好等特性，在构建高性能的WebSocket服务端方面具有独
  • 【QT进阶】Qt http编程之websocket的简单介绍 不吃~香菜 QT进阶qt开发语言websocket
    往期回顾【QT进阶】Qthttp编程之用户登录注册功能实现-CSDN博客【QT进阶】Qthttp编程之json解析的简单介绍-CSDN博客【QT进阶】Qthttp编程之nlohmannjson库使用的简单介绍-CSDN博客【QT进阶】Qthttp编程之websocket的简单介绍一、什么是websocket1、简介websocket是HTML5中新增的一个协议，这个协议的出现，让客户端和服务器之前
  • Qt 网络编程进阶：WebSocket 通信
    在现代应用开发中，WebSocket已成为实现实时通信的标准技术。Qt通过QWebSocket和QWebSocketServer类提供了对WebSocket协议的原生支持，使开发者能够轻松构建高性能、可靠的实时通信应用。本文将深入探讨Qt网络编程中WebSocket通信的进阶实现，包括高级客户端、服务器开发、安全配置、消息处理和性能优化等方面。一、WebSocket基础通信1.WebSocket客
  • Kotlin使用OKHttp以及Gson aabbcc又一年 websockethttpgson
    1：导入依赖包：implementation'com.squareup.okhttp3:okhttp:3.10.0'implementation'com.google.code.gson:gson:2.8.5'2：构建连接：这里使用Websocketfunconnect(){varechoWebSocketListener:EchoWebSocketListener1=EchoWebSocketL
  • Locust压测webscoket协议
    Locust是一款易于使用的分布式负载测试工具。即使一个Locust节点也可以在一个进程中支持数千个用户的并发，主要通过gevent(协程)的方式。Locust是完全基于Python，http请求完全是基于requests库。Locust支持http、https协议，还支持测试其他协议，websocket等，只要采用Python调用对应的库就可以了。http/https采用requests;web
  • LightRAG进阶：跨域知识库构建与Agent协同推理实战
    目录一、架构演进：从单域RAG到跨域智能体协同二、跨域知识库构建实战（四步落地）步骤1：异构数据联邦接入步骤2：增量更新热加载机制三、Agent协同推理引擎（工业级代码）核心Agent结构（TypeScript实现）流式响应处理（WebSocket实现）四、性能压测数据（百万级文档场景）五、生产级部署方案（安全合规）安全审计关键点K8s部署拓扑六、技术前瞻：通往自适应RAG框架附录：完整技术图谱如
  • webSocket 想养一只萨摩耶～ websocket网络协议网络
    1webSocket介绍WebSocket是一种在单个TCP连接上提供全双工通信的协议，允许在客户端和服务器之间进行实时数据传输。相比传统的HTTP协议，WebSocket更加轻量级且能够提供低延迟的实时通信。WebSocket建立在TCP协议之上，通过在HTTP握手阶段使用Upgrade头来升级连接。一旦连接建立，客户端和服务器之间就可以直接发送数据帧，而无需重新建立连接。这种全双工通信方式大大
  • React + ts 中应用 Web Work 中集成 WebSocket 半个烧饼不加肉 前端主流框架前端react.jswebsocket
    一、WebWork定义useEffect(()=>{letwebSocketIndex=-1constwebsocketWorker=newWorker(newURL('./websocketWorker.worker.ts?worker',import.meta.url),{type:'module'//必须声明模块类型});//初始化WEBSOCKET（多个服务器选择最快建立连接的一个）con
  • Django实时通信实战：WebSocket与ASGI全解析（上） 小王子1024 Django从入门到实战djangowebsocketpython
    文章目录一、实时通信的核心：WebSocket协议WebSocket介绍WebSocket的工作流程WebSocket的优势WebSocket的应用场景二、异步Web的标准：ASGI为什么需要ASGI？ASGI的核心特性三、ASGI服务器：UvicornUvicorn介绍安装uvicorn运行Django项目四、DjangoChannels：让Django支持WebSocketDjangoChan
  • 从零构建一个跨语言实时行情系统（一）：设计思路与架构剖析 架构 Dev.Y 跨语言实时行情系统c++pythondockerwebsocket
    从零构建一个跨语言实时行情系统（一）：设计思路与架构剖析本文是“从零构建一个跨语言实时行情系统”系列第一篇，带你快速了解系统架构、模块设计与运行机制。涵盖内容：C++行情模拟器+WebSocket推送实现Python接入FastAPI，统一控制层接口WebSocket毫秒级行情流+订阅机制Docker一键部署+快速运行所有代码已开源，建议收藏+关注专栏，不错过后续内容！在构建量化交易、金融终端或数
  • 【爬虫】05 - 爬虫攻防 是小崔啊 #爬虫学习爬虫
    爬虫05-爬虫攻防文章目录爬虫05-爬虫攻防一：随机User-Agent爬虫1：fake-useragent2：高级反反爬策略3：生产环境建议二：代理IP爬虫1：获取代理IP2：高阶攻防3：企业级的代理实战三：动态数据的抓取1：动态页面技术全景2：动态页面逆向工程2.1：XHR请求追踪与解析2.2：websocket实时数据捕获3：无头浏览器控制技术3.1：Playwright详解3.2：反反爬虫
  • WebSocket断链排查与重连实战：7种实时检测与自动恢复技巧 Clownseven websocket网络协议网络
    更多云服务器知识，尽在hsotol.com前一秒用户还在聊着天，后一秒界面突然“连接已断开，请重试”，你赶忙看日志，发现服务并没崩，CPU正常、内存平稳，也没报错。可用户就是断了，而且还不是一个两个。这种时候你才想起来：这货不是HTTP，是WebSocket。它不是请求-响应那种你来我往，它像一根细长的管子，连上之后就一直开着，谁主动断谁才结束。可问题是——它，突然就没了。WebSocket长连接
  • vue如何使用websocket
    //websocket连接letwebSocketPort=url+'/ws/socket'constdataList=ref([]);//用于展示从WebSocket获取的消息letws=null;//WebSocket实例letreconnectTimeout=null;//重连超时控制//建立WebSocket连接constconnectWebSocket=()=>{ws=newWebSoc
  • Vue3 + WebSocket 穆罕周 websocket网络协议网络
    Vue3与WebSocket结合能够很好地满足实时通讯的需求。通过合理设计和管理WebSocket连接的生命周期，以及实现必要的重连逻辑和心跳检测机制，可以构建出响应迅速且稳定的实时应用。WebSocketWebSocket允许服务端主动向客户端发送数据，无需客户端发起请求，从而实现了低延迟、高效率的数据交换。它通过HTTP升级协议握手来建立持久性的连接，并使用帧（frame）的形式传输数据。Vu
  • websocket和https的区别 一路向北he websockethttps网络协议
    1.WebSocket是双向通信特点：全双工（Full-Duplex）：客户端和服务器可以同时主动发送消息，无需等待请求-响应周期。长连接：建立连接后保持开放，适合实时交互（如聊天、游戏）。类比：类似电话通话，双方随时可以说话。2.HTTPS是“半双工”通信（基于请求-响应）特点：客户端发起请求，服务器返回响应：每次通信需要明确的请求触发（如浏览器加载网页）。短连接（默认）：HTTP/1.1后支持
  • FastAPI 基础
    FastAPI单元子单元文章目录FastAPI单元子单元一、FastAPI核心类功能概述常用功能块高阶使用功能块二、BackgroundTasks背景任务功能概述常用功能块高阶使用功能块三、UploadFile文件上传功能概述常用功能块高阶使用功能块四、HTTPException和WebSocketException异常处理功能概述常用功能块高阶使用功能块五、参数处理函数（Body、Cookie、
  • Java实现的简单双向Map，支持重复Value superlxw1234 java双向map
    关键字：Java双向Map、DualHashBidiMap     有个需求，需要根据即时修改Map结构中的Value值，比如，将Map中所有value=V1的记录改成value=V2，key保持不变。   数据量比较大，遍历Map性能太差，这就需要根据Value先找到Key，然后去修改。   即：既要根据Key找Value，又要根据Value
  • PL/SQL触发器基础及例子 百合不是茶 oracle数据库触发器PL/SQL编程
      触发器的简介; 触发器的定义就是说某个条件成立的时候，触发器里面所定义的语句就会被自动的执行。因此触发器不需要人为的去调用，也不能调用。触发器和过程函数类似 过程函数必须要调用,   一个表中最多只能有12个触发器类型的,触发器和过程函数相似 触发器不需要调用直接执行, 触发时间：指明触发器何时执行，该值可取： before：表示在数据库动作之前触发
  • [时空与探索]穿越时空的一些问题 comsci 问题
          我们还没有进行过任何数学形式上的证明,仅仅是一个猜想.....       这个猜想就是; 任何有质量的物体(哪怕只有一微克)都不可能穿越时空,该物体强行穿越时空的时候,物体的质量会与时空粒子产生反应,物体会变成暗物质,也就是说,任何物体穿越时空会变成暗物质..(暗物质就我的理
  • easy ui datagrid上移下移一行 商人shang js上移下移easyuidatagrid
    /** * 向上移动一行 * * @param dg * @param row */ function moveupRow(dg, row) { var datagrid = $(dg); var index = datagrid.datagrid("getRowIndex", row); if (isFirstRow(dg, row)) {
  • Java反射 oloz 反射
    本人菜鸟，今天恰好有时间，写写博客，总结复习一下java反射方面的知识，欢迎大家探讨交流学习指教 首先看看java中的Class package demo; public class ClassTest { /*先了解java中的Class*/ public static void main(String[] args) { //任何一个类都
  • springMVC 使用JSR-303 Validation验证 杨白白 springmvc
    JSR-303是一个数据验证的规范，但是spring并没有对其进行实现，Hibernate Validator是实现了这一规范的，通过此这个实现来讲SpringMVC对JSR-303的支持。 JSR-303的校验是基于注解的，首先要把这些注解标记在需要验证的实体类的属性上或是其对应的get方法上。 登录需要验证类 public class Login { @NotEmpty
  • log4j 香水浓 log4j
    log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, HTML, DATABASE #log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, ROLLINGFILE, HTML #console log4j.appender.STDOUT=org.apache.log4j.ConsoleAppender log4
  • 使用ajax和history.pushState无刷新改变页面URL agevs jquery框架Ajaxhtml5chrome
    表现 如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。 是什么有这么强大的功能呢？ HTML5里引用了新的API，history.pushState和history.replaceState，就是通过
  • centos中文乱码 AILIKES centosOSssh
    一、CentOS系统访问 g.cn ，发现中文乱码。 于是用以前的方式：yum -y install fonts-chinese CentOS系统安装后，还是不能显示中文字体。我使用 gedit 编辑源码，其中文注释也为乱码。       后来，终于找到以下方法可以解决，需要两个中文支持的包： fonts-chinese-3.02-12.
  • 触发器 baalwolf 触发器
    触发器(trigger)：监视某种情况，并触发某种操作。 触发器创建语法四要素：1.监视地点(table) 2.监视事件(insert/update/delete) 3.触发时间(after/before) 4.触发事件(insert/update/delete) 语法： create trigger triggerName after/before 
  • JS正则表达式的i m g bijian1013 JavaScript正则表达式
            g:表示全局（global)模式，即模式将被应用于所有字符串，而非在发现第一个匹配项时立即停止。         i:表示不区分大小写（case-insensitive）模式，即在确定匹配项时忽略模式与字符串的大小写。         m:表示
  • HTML5模式和Hashbang模式 bijian1013 JavaScriptAngularJSHashbang模式HTML5模式
            我们可以用$locationProvider来配置$location服务（可以采用注入的方式，就像AngularJS中其他所有东西一样）。这里provider的两个参数很有意思，介绍如下。 html5Mode         一个布尔值，标识$location服务是否运行在HTML5模式下。 ha
  • [Maven学习笔记六]Maven生命周期 bit1129 maven
    从mvn test的输出开始说起   当我们在user-core中执行mvn test时，执行的输出如下：   /software/devsoftware/jdk1.7.0_55/bin/java -Dmaven.home=/software/devsoftware/apache-maven-3.2.1 -Dclassworlds.conf=/software/devs
  • 【Hadoop七】基于Yarn的Hadoop Map Reduce容错 bit1129 hadoop
    运行于Yarn的Map Reduce作业，可能发生失败的点包括 Task Failure Application Master Failure Node Manager Failure Resource Manager Failure 1. Task Failure 任务执行过程中产生的异常和JVM的意外终止会汇报给Application Master。僵死的任务也会被A
  • 记一次数据推送的异常解决端口解决 ronin47 记一次数据推送的异常解决
    　　 需求：从db获取数据然后推送到B         程序开发完成，上jboss,刚开始报了很多错，逐一解决，可最后显示连接不到数据库。机房的同事说可以ping 通。 　　  自已画了个图，逐一排除，把linux 防火墙　和　setenforce　设置最低。 　　　service iptables stop
  • 巧用视错觉-UI更有趣 brotherlamp UIui视频ui教程ui自学ui资料
    我们每个人在生活中都曾感受过视错觉（optical illusion）的魅力。 视错觉现象是双眼跟我们开的一个玩笑，而我们往往还心甘情愿地接受我们看到的假象。其实不止如此，视觉错现象的背后还有一个重要的科学原理——格式塔原理。 格式塔原理解释了人们如何以视觉方式感觉物体，以及图像的结构，视角，大小等要素是如何影响我们的视觉的。 在下面这篇文章中，我们首先会简单介绍一下格式塔原理中的基本概念，
  • 线段树-poj1177-N个矩形求边长（离散化+扫描线） bylijinnan 数据结构算法线段树
    package com.ljn.base; import java.util.Arrays; import java.util.Comparator; import java.util.Set; import java.util.TreeSet; /** * POJ 1177 (线段树+离散化+扫描线)，题目链接为http://poj.org/problem?id=1177
  • HTTP协议详解 chicony http协议
    引言                                 
  • Scala设计模式 chenchao051 设计模式scala
    Scala设计模式                我的话： 在国外网站上看到一篇文章，里面详细描述了很多设计模式，并且用Java及Scala两种语言描述，清晰的让我们看到各种常规的设计模式，在Scala中是如何在语言特性层面直接支持的。基于文章很nice，我利用今天的空闲时间将其翻译，希望大家能一起学习，讨论。翻译
  • 安装mysql daizj mysql安装
    安装mysql   (1)删除linux上已经安装的mysql相关库信息。rpm  -e  xxxxxxx   --nodeps (强制删除)      执行命令rpm -qa |grep mysql 检查是否删除干净   (2)执行命令  rpm -i MySQL-server-5.5.31-2.el
  • HTTP状态码大全 dcj3sjt126com http状态码
    完整的 HTTP 1.1规范说明书来自于RFC 2616，你可以在http://www.talentdigger.cn/home/link.php?url=d3d3LnJmYy1lZGl0b3Iub3JnLw%3D%3D在线查阅。HTTP 1.1的状态码被标记为新特性，因为许多浏览器只支持 HTTP 1.0。你应只把状态码发送给支持 HTTP 1.1的客户端，支持协议版本可以通过调用request
  • asihttprequest上传图片 dcj3sjt126com ASIHTTPRequest
    NSURL *url =@"yourURL"; ASIFormDataRequest*currentRequest =[ASIFormDataRequest requestWithURL:url]; [currentRequest setPostFormat:ASIMultipartFormDataPostFormat];[currentRequest se
  • C语言中，关键字static的作用 e200702084 C++cC#
    在C语言中，关键字static有三个明显的作用： 1)在函数体，局部的static变量。生存期为程序的整个生命周期，（它存活多长时间）；作用域却在函数体内（它在什么地方能被访问（空间））。 一个被声明为静态的变量在这一函数被调用过程中维持其值不变。因为它分配在静态存储区，函数调用结束后并不释放单元，但是在其它的作用域的无法访问。当再次调用这个函数时，这个局部的静态变量还存活，而且用在它的访
  • win7/8使用curl geeksun win7
    1.  WIN7/8下要使用curl，需要下载curl-7.20.0-win64-ssl-sspi.zip和Win64OpenSSL_Light-1_0_2d.exe。 下载地址：  http://curl.haxx.se/download.html 请选择不带SSL的版本，否则还需要安装SSL的支持包   2.  可以给Windows增加c
  • Creating a Shared Repository; Users Sharing The Repository hongtoushizi git
    转载自：   http://www.gitguys.com/topics/creating-a-shared-repository-users-sharing-the-repository/ Commands discussed in this section: git init –bare git clone git remote git pull git p
  • Java实现字符串反转的8种或9种方法 Josh_Persistence 异或反转递归反转二分交换反转java字符串反转栈反转
    注：对于第7种使用异或的方式来实现字符串的反转，如果不太看得明白的，可以参照另一篇博客： http://josh-persistence.iteye.com/blog/2205768   /** * */ package com.wsheng.aggregator.algorithm.string; import java.util.Stack; /**
  • 代码实现任意容量倒水问题 home198979 PHP算法倒水
    形象化设计模式实战             HELLO!架构                     redis命令源码解析   倒水问题：有两个杯子，一个A升，一个B升，水有无限多，现要求利用这两杯子装C
  • Druid datasource zhb8015 druid
    推荐大家使用数据库连接池 DruidDataSource. http://code.alibabatech.com/wiki/display/Druid/DruidDataSource DruidDataSource经过阿里巴巴数百个应用一年多生产环境运行验证，稳定可靠。 它最重要的特点是：监控、扩展和性能。 下载和Maven配置看这里： http
  • 两种启动监听器ApplicationListener和ServletContextListener spjich javaspring框架
    引言:有时候需要在项目初始化的时候进行一系列工作，比如初始化一个线程池，初始化配置文件，初始化缓存等等，这时候就需要用到启动监听器，下面分别介绍一下两种常用的项目启动监听器   ServletContextListener  特点: 依赖于sevlet容器，需要配置web.xml 使用方法: public class StartListener implements
  • JavaScript Rounding Methods of the Math object 何不笑 JavaScriptMath
        The next group of methods has to do with rounding decimal values into integers. Three methods — Math.ceil(),  Math.floor(), and  Math.round() — handle rounding in differen
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他