qq_21761665
qq_21761665

socket.io 使用小记

koa2中增加websocket（使用socket.io）

能力有限不知道如何把socket加入koa2的路由，只好走socket.io的namespace，path默认为 wss://localhost/socket.io/（我用的是https所以协议是wss）

www文件内添加代码

/***
*WWW文件原内容
**/

// 把https封装成io对象，tagServerA 为原 koa http/https 服务，由服务对象不同会自己转为 ws/wss
const socketio = require('socket.io')(tagServerA);
const adminNamespace = socketio.of('/chatsocket');//设置namespace 管理websocket
adminNamespace.use((socket, next) => {
     
  next();
});
//链接计数器 因为用户数据不落地 所以用计数器做key
let connectionCount = 0;
adminNamespace.on('connection', function (socket) {
     
  // 给每个用户取名字
  connectionCount++
  socket.nickname = "";
  socket.index = connectionCount;
  
  // adminNamespace.emit代表在对应namespace下广播，socket.emit代表私发，连接归谁就发给谁；客户端添加了链接后发送setname事件设置昵称 所以要加一个接收事件
  socket.on('setname', function (str) {
     
    socket.nickname = str + "(" + socket.index + ")";
    adminNamespace.emit('enter', socket.nickname + '  进入房间');//设置好昵称后通知当前namespace里的用户有新人加入
  })

//发送消息广播 走message事件 socket.io是事件处理 只要名字约定好了 叫啥都行
  socket.on('message', function (str) {
     
    adminNamespace.emit('message', socket.nickname + ' 说: ' + str)
  })

  // 客户端断开，自带事件
  socket.on('disconnect', function () {
     
    adminNamespace.emit('leave', socket.nickname + ' 离开房间')
  })
})

html代码


<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>找不到来源的消息title>
  
  <script src="/res/lib/socket.io.js">script>
head>

<body>
  <h1>匿名消息h1>
  <div id="setnickdiv">
    <input id="nicktext" type="text" placeholder="设置昵称" />
    <button id="sendnick">保存button>
  div>
  <div id="senddiv" style="display:none;">
    <input id="sendTxt" type="text" />
    <button id="sendBtn">发送button>
  div>
  <div id="recv">div>
  <script type="text/javascript">
  //hostname后面为namespace 下面的链接 namespace为 chatsocket
    let wxurl = window.location.protocol + "//" + window.location.hostname + "/chatsocket";
    let sendBtn = document.getElementById("sendBtn");
    let sendText = document.getElementById("sendTxt");
    let nicktext = document.getElementById("nicktext");
    let sendnick = document.getElementById("sendnick");
    let socket = {
      };

//本地是否有昵称记录 有就直接初始化socket 
    if (window.localStorage.getItem("nickname")) {
      
      document.getElementById("setnickdiv").style = "display:none;";
      document.getElementById("senddiv").style = "display:block"
      nicktext.value = window.localStorage.getItem("nickname");
      socketInit();
    }

    //保存昵称
    sendnick.onclick = function () {
      
      if (nicktext.value) {
      
        window.localStorage.setItem("nickname", nicktext.value);
        document.getElementById("setnickdiv").style = "display:none;";
        document.getElementById("senddiv").style = "display:block"
        socketInit();
      } else {
      
        alert("昵称不能为空")
      }
    }

    //把接收的数据显示到界面
    function showMessage(str, type) {
      
      console.log(str, type);
      var div = document.createElement('div');
      div.innerHTML = str;
      if (type == "enter") {
      
        div.style.color = 'blue';
      } else if (type == "leave") {
      
        div.style.color = "red"
      }
      document.body.appendChild(div)
    }

    // 点击之后发送
    sendBtn.onclick = function () {
      
      var txt = sendText.value;
      if (txt) {
              // 消息不能为空
        socket.emit('message', txt);
        sendText.value = "";
      }
    }
//回车发消息
    sendText.addEventListener("keyup", function (event) {
      
      if (event.keyCode == 13) {
      
        sendBtn.click()
      }
    })

    function socketInit() {
      
      socket = io(wxurl, {
       transports: ['websocket'] });
//发送昵称
      socket.emit('setname', nicktext.value);
      // 服务端每链接一个websocket 就会触发一次enter enter消息用于显示进入人员
      socket.on('enter', function (data) {
      
        showMessage(data, 'enter')
      })

      socket.on('message', function (data) {
      
        showMessage(data, 'message')
      })

      socket.on('leave', function (data) {
      
        showMessage(data, 'leave')
      })
    }




  script>
body>

html>

你可能感兴趣的:(技术累积,js,node.js,websocket)

  • 基于Linux平台的多实例RTSP|RTMP直播播放器深度解析与技术实现 音视频牛哥 RTSP播放器RTMP播放器大牛直播SDK音视频实时音视频视频编解码linuxrtsp播放器linuxrtmp播放器linux国产rtmp播放器linux国产rtsp播放器
    一、引言在Linux平台上实现一个高性能、高并发的多实例播放器，是许多流媒体应用的核心需求。本文将结合大牛直播SDK的Linux平台RTSP/RTMP播放器功能，深入解析其实现原理、关键技术点以及优化策略。通过对代码的详细分析和实际应用的结合，帮助开发者更好地理解和应用该技术。二、项目概述本文基于以下代码实现了一个多实例播放器：multi_player_demo.cpp：主程序，负责初始化SDK、
  • iOS平台RTSP|RTMP直播播放器技术接入说明 音视频牛哥 RTSP播放器RTMP播放器大牛直播SDKobjective-ciOSrtsp播放器iOSrtmp播放器iOSrtspplayeriOSrtmpplayeriOS播放器大牛直播SDK
    技术背景大牛直播SDK自2015年发布RTSP、RTMP直播播放模块，迭代从未停止，SmartPlayer功能强大、性能强劲、高稳定、超低延迟、超低资源占用。无需赘述，全自研内核，行业内一致认可的跨平台RTSP、RTMP直播播放器。本文以iOS平台为例，介绍下如何集成RTSP、RTMP播放模块。技术对接系统要求SDK支持iOS9.0及以上版本；支持的CPU架构：arm64（真机调试）。准备工作相关
  • uniapp开发APP，主动连接mqtt，订阅消息 路痴先森 uni-app
    一、安装依赖通过查阅资料，了解到现在mqtt.js库的最新版本已经是5，但是目前应该[email protected]版本最为稳定，我项目开发中使用的也是[email protected]版本[email protected]参考插件：MQTT使用-模板项目-DCloud插件市场参考文档：GitHub-mqttjs/MQTT.js:TheMQTTclientforNode.jsandthebrowser二、封装一个工具
  • vuecli项目实战--管理系统 团团kobebryant 项目前端框架javajavascript前端vue.js
    一、项目搭建HBuider直接：新建--项目--填项目名称、选地址、下拉选vue项目（2.6.10）项目结构这个样子：二、前端配置1.路由配置（地址）在src文件夹下创建router文件夹在router文件夹下面创建js文件index.js---配置组件的地址还有导航守卫、路由嵌套也配在这里1.组件路由2.组件路由嵌套3.路由导航记得跟vue对象关联还有导出路由嗷importVuefrom'vue
  • uni.request 发起网络请求3种回调结果调用 治金的blog 前端uni-app
    第一种标题：{{item.title}}内容：{{item.body}}import{ref}from'vue';letarrs=ref([]);//uni.request请求的三种方式functionrequest(){uni.request({url:"https://jsonplaceholder.typicode.com/posts",success:res=>{console.log(r
  • js的垃圾回收机制 www.www JavaScript相关javascript前端开发语言
    js中的垃圾回收机制JavaScript作为一种高级语言，开发者不需要手动管理内存的分配和释放。垃圾回收机制是JavaScript引擎中的一部分，负责自动回收那些不再被使用的内存，确保内存资源得到有效利用，避免内存泄漏。垃圾回收机制主要有两种算法：引用计数和标记清除引用计数基本原理：每个对象都有一个引用计数器，当有一个引用指向该对象时，计数器+1，当一个引用不再指向该对象时，计数器-1。如果某个对
  • 若依前后端分离集成CAS详细教程 Roc-xb 单点登录前后端分离CAS
    目录一、后端配置1、添加cas依赖2、修改配置文件3、修改LoginUser.java4、修改Constants.java5、添加CasProperties.java6、添加CasUserDetailsService.java7、添加CasAuthenticationSuccessHandler.java8、修改SecurityConfig9、启动后端二、前端配置1、修改settings.js2、
  • 基于Transformer的YOLOv8检测头架构改进：提升目标检测精度的全新突破（YOLOv8） 步入烟尘 transformerYOLO目标检测
    本专栏专为AI视觉领域的爱好者和从业者打造。涵盖分类、检测、分割、追踪等多项技术，带你从入门到精通！后续更有实战项目，助你轻松应对面试挑战！立即订阅，开启你的YOLOv8之旅！专栏订阅地址：https://blog.csdn.net/mrdeam/category_12804295.html文章目录基于Transformer的YOLOv8检测头架构改进：提升目标检测精度的全新突破什么是DAtten
  • python爬虫Selenium库详细教程_python爬虫之selenium库的使用详解 嘻嘻哈哈学编程 程序员python爬虫selenium
    网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化学习资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！2.2访问页面2.3查找元素2.3.1单个元素下面
  • 前后端分离跨域问题解决方案 慕容屠苏 大前端爬坑之路前后端分离跨域问题解决方案
    前后端分离跨域问题解决方案现在的web开发中经常会用到前后分离技术，前后端分解技术，都会涉及到跨域问题。解决跨域问题的方法：第一种解决方案jsonp(不推荐使用)这种方案其实我是不赞同的，第一，在编码上jsonp会单独因为回调的关系，在传入传出还有定义回调函数上都会有编码的”不整洁”.简单阐述jsonp能够跨域是因为javascript的script标签，通过服务器返回script标签的code，
  • Vue.js 从新手到专家：第七章 高级渲染、动态组件和插件合成 caifox菜狐狸 Vue.js从新手到专家前端javascript开发语言vue.jsecmascript前端框架vite
    欢迎来到《Vue.js从新手到专家》的第七章！在这一章中，我们将深入探讨Vue.js的高级渲染技术、动态组件的使用以及如何通过插件扩展应用程序的功能。这些技能将帮助你构建更加灵活和可维护的应用程序。通过学习本章内容，你将掌握以下技能：理解Render函数和JSX的基本概念及其应用场景。学习函数式组件的定义及其实现方式。掌握如何为函数式组件定义Props和Emits。学习如何使用Vue插件全局地添加
  • vue根据vue-admin-template封装导出excel数据文件组件 Nikki_u vue.js前端javascript
    （1）由于Export2Excel不仅依赖js-xlsx还依赖file-saver和script-loader。先需要安装如下命令npminstallxlsxfile-saver-Snpminstallscript-loader-S-D（2）导出表格地址https://github.com/PanJiaChen/vue-element-admin/blob/master/src/vendor/Ex
  • 深入浅出：基于SpringBoot和JWT的后端鉴权系统设计与实现 Vcats springboot后端java
    文章目录什么是鉴权系统定义与作用主要组成部分工作原理常用技术和框架基于SpringBoot+JWT的鉴权系统设计与实现指南前言技术对比令牌技术JWT令牌实现全流程1.**依赖引入**2.**JWT工具类**3.**JWT拦截器（Interceptor）**4.**拦截器注册**5.**登录接口**什么是鉴权系统后端开发鉴权系统是一种用于验证和授权用户访问后端资源的系统，在保障系统安全和资源合理访问
  • CSS flex布局 列表单个元素点击 本行下插入详情独占一行 Cxiaomu CSS3UI设计css前端
    技术栈：Vue2+javaScript简介在实际开发过程中有遇到一个场景：一个list，每行个数固定，点击单个元素后，在当前行与下一行之间插入一行元素详情，便于更直观的查看到对应的数据详情。这种情形，在移动端比较常见，比如用户列表，点击单个列表展示详情，可以考虑flex布局+positionrelative定位。实现思路对于需求重点和实现拆解列表元素：for遍历每行固定（3）个元素：flex布局、
  • 同城拼车打车约车系统:Java源码全开源构建与优化 狂团商城小师妹 博纳miui52086微信小程序小程序微信公众平台
    同城拼车系统是一个复杂且功能全面的软件系统，它巧妙地运用互联网技术，将具有相同出行需求的乘客与车主进行精准匹配，旨在实现资源的最大化共享、显著降低出行成本、有效缓解交通拥堵问题，并大幅提升出行效率。Java，作为一种功能强大、应用广泛的编程语言，凭借其出色的跨平台性、丰富的API库以及强大的性能，成为开发此类系统的理想选择。一、Java源码构建系统架构MVC架构：同城拼车系统采用MVC（Model
  • 活动报名系统源码:JAVA同城服务系统活动报名同城圈子商家商城城市代理躲猫猫 狂团商城小师妹 博纳miui52086java人工智能大数据微信公众平台微信小程序
    JAVA同城服务系统：打造多元化社交与娱乐新体验在数字化时代，同城服务系统已成为连接城市生活的重要桥梁。我们精心打造的JAVA同城服务系统，不仅融合了活动报名、同城圈子、商家商城、城市代理等多重功能，还特别加入了创新的“躲猫猫”游戏模块，旨在为用户提供一个集社交、娱乐、消费于一体的综合性平台。以下是对该系统功能的详细介绍及技术栈分析。功能介绍活动报名用户可以通过系统轻松浏览并参与同城各类精彩活动，
  • 使用vue3框架vue-next-admin导出表格excel（带图片） 乐多_L vue.js前端javascript
    想要使用vue3导出表格内容并且图片显示在表格中（如图）：步骤如下：下载安装插件：安装命令：npminstalljs-table2excel引入插件：importtable2excelfrom'js-table2excel'使用插件直接上代码：onBatchExport方法中数据的key值要与data中保持一致，否则数据无法获取到，打印出的结果就回为undefined。我写了两种导出：一种是全部导
  • axios 是小傲雨呀^_^ axiosjavascript前端
    1.简介：Axios是一个基于Promise的现代化HTTP客户端库，广泛用于浏览器和Node.js环境中发送HTTP请求。它的设计目标是简化前后端数据交互，提供更高效、更易用的API。2.Axios的核心作用发送HTTP请求支持所有常见请求方法（GET、POST、PUT、DELETE等），并自动处理请求参数和响应数据。拦截请求和响应可以在请求发送前或响应返回后添加统一的处理逻辑（例如添加认证To
  • AJAX使用和固定格式 乐多_L ajax前端javascript
    ajax的全称AsynchronousJavaScriptandXML(异步JavaScript和XML)。ajax是一种创建交互式网页应用的网页开发技术。其中最核心的依赖是浏览器提供的XMLHttpRequest对象，是这个对象使得浏览器可以发出HTTP请求与接收HTTP响应。实现了在页面不刷新的情况下和服务器进行交互。方法描述newXMLHttpRequest()生成一个XMLHttpRequ
  • uniapp 右侧刷新图标 和 返回顶部图标的实现 治金的blog uni-app前端
    {{item.content}}----{{item.author}}图标-->import{ref}from'vue';//触底加载更多，下拉刷新API(下拉刷新需要在pages.json里面开启这项功能)import{onReachBottom,onPullDownRefresh}from"@dcloudio/uni-app"constpets=ref([]);//触底加载更多，实现连接，使用
  • 国内那么多的低代码平台，究竟哪家比较强？ 有颜有货 低代码平台低代码低代码低代码平台
    国内低代码平台哪家强？本人摸索低代码5年多，体验过几十家低代码平台，下面通过2张功能对比图，3K字内容详细告诉你：国内低代码到底哪家强。如果你觉得我的分析对你有一定帮助，还请点赞收藏支持一下，争取能让更多人看到并帮助需要的人。话不多说，先上图。国内主流低代码产品功能对比。（图二在回答末尾）一、织信Informat（企业级低代码平台）功能清单驱动方式：模型驱动字段支持：35种字段，同时支持通过js脚
  • 手机对小孩的影响及应对措施探究 China_Mr_Huang 智能手机
    在信息技术日新月异的当下，手机早已超脱了单纯通讯工具的范畴，深度融入现代生活的每一处细节，成为人们日常生活中不可或缺的存在。对于正处于身心快速发展关键阶段的小孩而言，手机犹如一把双刃剑，一方面为他们打开了知识的宝库，提供了便捷获取信息、拓展视野的渠道，另一方面，也在不知不觉中埋下了诸多潜在风险的隐患。因此，深入且全面地剖析手机对小孩成长所产生的影响，并探寻切实可行、行之有效的应对举措，无疑具有极其
  • 探索A10技术的应用与未来发展潜力 智能计算研究中心 其他
    内容概要A10技术是一项正在逐步成熟并对多个行业产生深远影响的前沿技术。其发展历程可以追溯到早期的研发阶段，至今已经经过了多次技术迭代与升级。以下是对A10技术核心应用和优势的概述，通过这些内容可以帮助读者更好地理解其用途：应用领域具体应用主要优势信息技术数据处理与分析提高数据处理效率制造业自动化与智能生产降低生产成本医疗行业远程监控与智能诊断提升医疗服务质量交通运输智能交通系统优化交通流量环保领
  • PWM的概念 飒然 电赛历程
    PWM技术的基本原理就是通过调整一个周期固定的方波的占空比，来调节输出的平均电压、电流或功率等被控量。脉冲宽度调制（PWM）是一种对模拟信号电平进行数字编码的方法。通过高分辨率计数器的使用，方波的占空比被调制用来对一个具体模拟信号的电平进行编码。PWM信号仍然是数字的，因为在给定的任何时刻，满幅值的直流供电要么完全有(ON)，要么完全无(OFF)。电压或电流源是以一种通(ON)或断(OFF)的重复
  • python 自动化数据提取之正则表达式_python 正则提取(2) m0_60607245 程序员python学习面试
    一、Python所有方向的学习路线Python所有方向的技术点做的整理，形成各个领域的知识点汇总，它的用处就在于，你可以按照下面的知识点去找对应的学习资源，保证自己学得较为全面。二、Python必备开发工具工具都帮大家整理好了，安装就可直接上手！三、最新Python学习笔记当我学到一定基础，有自己的理解能力的时候，会去阅读一些前辈整理的书籍或者手写的笔记资料，这些笔记详细记载了他们对一些技术点的理
  • 如何解决分布式应用数量庞大而导致数据库连接数满的问题？ 纵然间 数据库
    修改数据库服务器的配置文件或参数来增加最大连接数限制。例如，在MySQL中，可以通过修改my.cnf（Linux）或my.ini（Windows）文件中的max_connections参数来增加最大连接数。具体的操作方法可以参考数据库服务器的官方文档或相关技术支持。检查应用程序代码，确保在使用完数据库连接后及时释放连接资源，避免长时间占用连接而导致连接数不足。可以使用连接池技术来管理数据库连接，提
  • DeepSeek爆火背后：AI如何助力GIS发展 GIS前端嘉欣 前端GISwebgis
    2025年的春节，一款名为DeepSeek的AI工具以“推理能力超群”“性价比碾压巨头”的标签火遍全网：日活用户突破3000万，微信搜索接入其长思考模式，三大电信运营商全面部署其开源框架。这场由低成本+高性能+开源驱动的技术革命，不仅让AI开发门槛大幅降低，更预示着一个全新的产业趋势——AI与GIS的深度融合，正在重塑城市、环境和商业的底层逻辑。012025年，AI+GIS深度融合的四大趋势1.城
  • ADC（模数转换器）与DAC（数模转换器）详解：从基础到应用示例 楼台的春风 嵌入式开发STM32嵌入式c语言mcu自动驾驶嵌入式硬件stm32物联网
    ADC（模数转换器）与DAC（数模转换器）详解：从基础到应用示例目录ADC（模数转换器）与DAC（数模转换器）详解：从基础到应用示例引言一、ADC（模数转换器）1.ADC的基本概念2.ADC的工作原理3.ADC的主要类型4.ADC的技术指标5.ADC的应用场景6.ADC在嵌入式系统中的使用案例二、DAC（数模转换器）1.DAC的基本概念2.DAC的工作原理3.DAC的主要类型4.DAC的技术指标5
  • spring boot基于知识图谱的阿克苏市旅游管理系统python-计算机毕业设计 QQ1963288475 springboot知识图谱旅游pythonvue.jsdjangoflask
    目录功能和技术介绍具体实现截图开发核心技术：开发环境开发步骤编译运行核心代码部分展示系统设计详细视频演示可行性论证软件测试源码获取功能和技术介绍该系统基于浏览器的方式进行访问，采用springboot集成快速开发框架，前端使用vue方式，基于es5的语法，开发工具IntelliJIDEAx64，因为该开发工具，内嵌了Tomcat服务运行机制，可不用单独下载Tomcatserver服务器。由于考虑到
  • 腾讯云放大招：3 行代码让 DeepSeek “入住” 微信小程序 BuluAI 腾讯云微信小程序云计算
    小程序开发的革命性突破近日，技术圈迎来一则重磅消息——腾讯云推出全新功能，仅需3行代码，就能让DeepSeek大模型“入住”微信小程序，这无疑为开发者们带来了一场革命性的变革。在过去，将大模型能力集成到微信小程序中，过程复杂繁琐，代码量庞大，高门槛让众多开发者望而却步。但如今，腾讯云的这一创新举措，直接将难题“秒解”。开发者们只需轻松敲下3行代码，即可实现DeepSeek大模型在微信小程序中的接入
  • Java实现的基于模板的网页结构化信息精准抽取组件：HtmlExtractor yangshangchuan 信息抽取HtmlExtractor精准抽取信息采集
    HtmlExtractor是一个Java实现的基于模板的网页结构化信息精准抽取组件，本身并不包含爬虫功能，但可被爬虫或其他程序调用以便更精准地对网页结构化信息进行抽取。   HtmlExtractor是为大规模分布式环境设计的，采用主从架构，主节点负责维护抽取规则，从节点向主节点请求抽取规则，当抽取规则发生变化，主节点主动通知从节点，从而能实现抽取规则变化之后的实时动态生效。 如
  • java编程思想 -- 多态 百合不是茶 java多态详解
    一: 向上转型和向下转型 面向对象中的转型只会发生在有继承关系的子类和父类中（接口的实现也包括在这里）。父类：人    子类：男人向上转型： Person p = new Man() ; //向上转型不需要强制类型转化向下转型： Man man =
  • [自动数据处理]稳扎稳打,逐步形成自有ADP系统体系 comsci dp
          对于国内的IT行业来讲,虽然我们已经有了"两弹一星",在局部领域形成了自己独有的技术特征,并初步摆脱了国外的控制...但是前面的路还很长....       首先是我们的自动数据处理系统还无法处理很多高级工程...中等规模的拓扑分析系统也没有完成,更加复杂的
  • storm 自定义 日志文件 商人shang stormclusterlogback
    Storm中的日志级级别默认为INFO，并且，日志文件是根据worker号来进行区分的，这样，同一个log文件中的信息不一定是一个业务的，这样就会有以下两个需求出现： 1. 想要进行一些调试信息的输出 2. 调试信息或者业务日志信息想要输出到一些固定的文件中   不要怕，不要烦恼，其实Storm已经提供了这样的支持，可以通过自定义logback 下的 cluster.xml 来输
  • Extjs3 SpringMVC使用 @RequestBody 标签问题记录 21jhf
    springMVC使用 @RequestBody(required = false) UserVO userInfo 传递json对象数据，往往会出现http 415，400,500等错误，总结一下需要使用ajax提交json数据才行，ajax提交使用proxy，参数为jsonData，不能为params；另外，需要设置Content-type属性为json，代码如下： （由于使用了父类aaa
  • 一些排错方法 文强chu 方法
    1、java.lang.IllegalStateException: Class invariant violation at org.apache.log4j.LogManager.getLoggerRepository(LogManager.java:199)at org.apache.log4j.LogManager.getLogger(LogManager.java:228) at o
  • Swing中文件恢复我觉得很难 小桔子 swing
           我那个草了！老大怎么回事，怎么做项目评估的？只会说相信你可以做的，试一下，有的是时间！        用java开发一个图文处理工具，类似word，任意位置插入、拖动、删除图片以及文本等。文本框、流程图等，数据保存数据库，其余可保存pdf格式。ok,姐姐千辛万苦，
  • php 文件操作 aichenglong PHP读取文件写入文件
    1 写入文件 @$fp=fopen("$DOCUMENT_ROOT/order.txt", "ab"); if(!$fp){ echo "open file error" ; exit; } $outputstring="date:"." \t tire:".$tire."
  • MySQL的btree索引和hash索引的区别 AILIKES 数据结构mysql算法
    Hash 索引结构的特殊性，其 检索效率非常高，索引的检索可以一次定位，不像B-Tree 索引需要从根节点到枝节点，最后才能访问到页节点这样多次的IO访问，所以 Hash 索引的查询效率要远高于 B-Tree 索引。     可能很多人又有疑问了，既然 Hash 索引的效率要比 B-Tree 高很多，为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢
  • JAVA的抽象--- 接口 --实现 百合不是茶
    抽象 接口 实现接口   //抽象 类 ,方法   //定义一个公共抽象的类 ,并在类中定义一个抽象的方法体 抽象的定义使用abstract   abstract class A 定义一个抽象类 例如： //定义一个基类 public abstract class A{     //抽象类不能用来实例化，只能用来继承 //
  • JS变量作用域实例 bijian1013 作用域
    <script> var scope='hello'; function a(){ console.log(scope); //undefined var scope='world'; console.log(scope); //world console.log(b);
  • TDD实践（二） bijian1013 javaTDD
    实践题目：分解质因数 Step1： 单元测试： package com.bijian.study.factor.test; import java.util.Arrays; import junit.framework.Assert; import org.junit.Before; import org.junit.Test; import com.bijian.
  • [MongoDB学习笔记一]MongoDB主从复制 bit1129 mongodb
    MongoDB称为分布式数据库，主要原因是1.基于副本集的数据备份， 2.基于切片的数据扩容。副本集解决数据的读写性能问题，切片解决了MongoDB的数据扩容问题。   事实上，MongoDB提供了主从复制和副本复制两种备份方式，在MongoDB的主从复制和副本复制集群环境中，只有一台作为主服务器，另外一台或者多台服务器作为从服务器。 本文介绍MongoDB的主从复制模式，需要指明
  • 【HBase五】Java API操作HBase bit1129 hbase
    import java.io.IOException; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.hbase.HBaseConfiguration; import org.apache.hadoop.hbase.HColumnDescriptor; import org.apache.ha
  • python调用zabbix api接口实时展示数据 ronin47
    zabbix api接口来进行展示。经过思考之后，计划获取如下内容：     1、  获得认证密钥     2、  获取zabbix所有的主机组     3、  获取单个组下的所有主机     4、  获取某个主机下的所有监控项  
  • jsp取得绝对路径 byalias 绝对路径
    在JavaWeb开发中，常使用绝对路径的方式来引入JavaScript和CSS文件，这样可以避免因为目录变动导致引入文件找不到的情况，常用的做法如下： 一、使用${pageContext.request.contextPath} 　　代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名，这样不管如何部署，所用路径都是正确的。
  • Java定时任务调度：用ExecutorService取代Timer bylijinnan java
    《Java并发编程实战》一书提到的用ExecutorService取代Java Timer有几个理由，我认为其中最重要的理由是： 如果TimerTask抛出未检查的异常，Timer将会产生无法预料的行为。Timer线程并不捕获异常，所以 TimerTask抛出的未检查的异常会终止timer线程。这种情况下，Timer也不会再重新恢复线程的执行了;它错误的认为整个Timer都被取消了。此时，已经被
  • SQL 优化原则 chicony sql
    一、问题的提出 　在应用系统开发初期，由于开发数据库数据比较少，对于查询SQL语句，复杂视图的的编写等体会不出SQL语句各种写法的性能优劣，但是如果将应用系统提交实际应用后，随着数据库中数据的增加，系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据，劣质SQL语句和优质SQL语句之间的速度差别可以达到上百倍，可见对于一个系统
  • java 线程弹球小游戏 CrazyMizzz java游戏
    最近java学到线程，于是做了一个线程弹球的小游戏，不过还没完善 这里是提纲 1.线程弹球游戏实现 1.实现界面需要使用哪些API类 JFrame JPanel JButton FlowLayout Graphics2D Thread Color ActionListener ActionEvent MouseListener Mouse
  • hadoop jps出现process information unavailable提示解决办法 daizj hadoopjps
    hadoop jps出现process information unavailable提示解决办法   jps时出现如下信息： 3019 -- process information unavailable3053 -- process information unavailable2985 -- process information unavailable2917 --
  • PHP图片水印缩放类实现 dcj3sjt126com PHP
    <?php class Image{ private $path; function __construct($path='./'){ $this->path=rtrim($path,'/').'/'; } //水印函数，参数：背景图，水印图，位置，前缀,TMD透明度 public function water($b,$l,$pos
  • IOS控件学习：UILabel常用属性与用法 dcj3sjt126com iosUILabel
    参考网站： http://shijue.me/show_text/521c396a8ddf876566000007 http://www.tuicool.com/articles/zquENb http://blog.csdn.net/a451493485/article/details/9454695 http://wiki.eoe.cn/page/iOS_pptl_artile_281
  • 完全手动建立maven骨架 eksliang javaeclipseWeb
    建一个 JAVA 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=App [-Dversion=0.0.1-SNAPSHOT] [-Dpackaging=jar] 建一个 web 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=web-a
  • 配置清单 gengzg 配置
    1、修改grub启动的内核版本 vi /boot/grub/grub.conf 将default 0改为1 拷贝mt7601Usta.ko到/lib文件夹 拷贝RT2870STA.dat到 /etc/Wireless/RT2870STA/文件夹 拷贝wifiscan到bin文件夹，chmod 775 /bin/wifiscan 拷贝wifiget.sh到bin文件夹，chm
  • Windows端口被占用处理方法 huqiji windows
    以下文章主要以80端口号为例，如果想知道其他的端口号也可以使用该方法..........................1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等.        这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&
  • 开源ckplayer 网页播放器， 跨平台(html5, mobile)，flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ！ 天梯梦 mobile
    CKplayer，其全称为超酷flv播放器，它是一款用于网页上播放视频的软件，支持的格式有：http协议上的flv,f4v,mp4格式，同时支持rtmp视频流格 式播放，此播放器的特点在于用户可以自己定义播放器的风格，诸如播放/暂停按钮，静音按钮，全屏按钮都是以外部图片接口形式调用，用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了，
  • 简单工厂设计模式 hm4123660 java工厂设计模式简单工厂模式
           简单工厂模式（Simple Factory Pattern）属于类的创新型模式，又叫静态工厂方法模式。是通过专门定义一个类来负责创建其他类的实例，被创建的实例通常都具有共同的父类。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单实用的模式，可以理解为是不同工厂模式的一个特殊实现。
  • maven笔记 zhb8015 maven
    跳过测试阶段： mvn package -DskipTests 临时性跳过测试代码的编译： mvn package -Dmaven.test.skip=true   maven.test.skip同时控制maven-compiler-plugin和maven-surefire-plugin两个插件的行为，即跳过编译，又跳过测试。   指定测试类 mvn test
  • 非mapreduce生成Hfile，然后导入hbase当中 Stark_Summer maphbasereduceHfilepath实例
    最近一个群友的boss让研究hbase，让hbase的入库速度达到5w+/s，这可愁死了，4台个人电脑组成的集群，多线程入库调了好久，速度也才1w左右，都没有达到理想的那种速度，然后就想到了这种方式，但是网上多是用mapreduce来实现入库，而现在的需求是实时入库，不生成文件了，所以就只能自己用代码实现了，但是网上查了很多资料都没有查到，最后在一个网友的指引下，看了源码，最后找到了生成Hfile
  • jsp web tomcat 编码问题 王新春 tomcatjsppageEncode
    今天配置jsp项目在tomcat上，windows上正常，而linux上显示乱码，最后定位原因为tomcat 的server.xml 文件的配置，添加 URIEncoding 属性： <Connector port="8080" protocol="HTTP/1.1" connectionTi
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他