4 IT 哈

尚未进行身份认证

暂无相关简介

等级
TA的排名 1w+

小程序中加入表情组件

原生的textarea已经把选择表情的按钮丢弃了,所以自己就模拟了一个表情选择器下面是效果展示实现原理准备工作表情可以在qq表情地带中查看 通过escape()和unescape()两个函数来对表情进行解析和重构 escape("????") // %uD83D%uDE04unescape("%uD83D%uDE04") // ???? 这里返回的表情...

2020-02-17 18:39:06

微信小程序实现仿微信聊天界面(各种细节处理)

话不多说,美图镇楼:下面先来看看效果为实现这样的效果,首先要解决两个问题:1.点击输入框弹出软键盘后,将已有的少许聊天内容弹出,导致看不到的问题;2.键盘弹出或收起时,聊天消息没有自动滚到最底部。首先解决第二个问题,自动滚动到最底部,这很简单,这里提供三种方法(推荐第三种):1.计算每条消息的最大高度,设置scroll-top=(单条msg最大高度 * msg条数)px。2....

2020-02-16 23:28:12

pomelo【1】起步、概述

1、起步1.1、欢迎使用pomelopomelo是一个游戏服务器框架,与以往单进程的游戏框架不同, 它是高性能、高可伸缩、分布式多进程的游戏服务器框架。pomelo包含:框架、库、工具、客户端库、demo。pomelo优势架构的可伸缩性好 易用 框架的松耦合和可扩展性好 完整的demo和文档pomelo的定位pomelo是一个轻量级的服务器框架,它最适合的应用...

2020-02-16 20:53:18

JS正则表达式语法大全(非常详细)

前面几节讲解了如何在JavaScript中使用正则表达式,以及如何执行匹配,本节就来讲一下正则表达式的具体语法。正则表达式是一种通用的工具,在JavaScript、PHP、Java、Python、C++等几乎所有的编程语言中都能使用;但是,不同编程语言对正则表达式语法的支持不尽相同,有的编程语言支持所有的语法,有的仅支持一个子集。本节讲到的正则表达式语法适用于 JavaScript。正...

2020-02-16 19:06:23

利用 javascript 实现富文本编辑器

近期项目中需要开发一个兼容PC和移动端的富文本编辑器,其中包含了一些特殊的定制功能。考察了下现有的js富文本编辑器,桌面端的很多,移动端的几乎没有。桌面端以UEditor为代表。但是我们并不打算考虑兼容性,所以没有必要采用UEditor这么重的插件。为此决定自研一个富文本编辑器。本文,主要介绍如何实现富文本编辑器,和解决一些不同浏览器和设备之间的bug。准备阶段在现代浏览器中已经为我们准备...

2020-02-15 21:50:26

Js光标对象selection的使用

document.selection : IEwindow.getSelection() :Chrome、Safari、FireFoxselection代表了当前激活选中区,即高亮文本块,和/或文档中用户可执行某些操作的其它元素。对象的典型用途是作为用户的输入,以便识别正在对文档的哪一部分正在处理,或者作为某一操作的结果输出给用户。**** 用户和脚本都可以创建选中区 ****...

2020-02-15 19:20:00

JavaScript/jQuery WebIM 及时聊天通信工具 本地客户端

WebIM本地客户端,可以发送表情、调整字体、字体大小、字体颜色、加粗、下划线、斜体等;还支持收缩split条,详情等;上UI界面,界面还不够专业,需要美工支持,下一期在做优化!收缩详情chat.html 代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><htm...

2020-02-13 19:13:38

仿微信 即时聊天工具 - SignalR (一)

话不多说,先上图背景:微信聊天,经常会遇见视频发不了,嗯,还有聊天不方便的问题,于是我就自己买了服务器,部署了一套可以直接在微信打开的网页进行聊天,这样只需要发送个url给朋友,就能聊天了!由于自己无聊弄着玩的,代码比较粗糙,各位多指正!1、首先安装SignalR,这步我就不做过多说明了安装好以后在根目录新建一个Hubs文件夹,做用户的注...

2020-02-13 14:20:00

Node.js Streams: Everything you need to know

Node.js Streams: Everything you need to knowby Samer BunaUpdate:This article is now part of my book “Node.js Beyond The Basics”.Read the updated version of this content and more about Node...

2020-01-31 13:39:38

http断点续传原理:http头 Range、Content-Range

所谓断点续传,也就是要从文件已经下载的地方开始继续下载。在以前版本的 HTTP 协议是不支持断点的,HTTP/1.1 开始就支持了。一般断点下载时才用到 Range 和 Content-Range 实体头。Range用于请求头中,指定第一个字节的位置和最后一个字节的位置,一般格式:Range:(unit=first byte pos)-[last byte pos]Con...

2020-01-31 13:34:19

基于socketio实现webrtc视频通话的流程

说明1:对于socket.emit,我们要清楚,是给谁发送的,是调用这个方法的对象本身。比如在客户端,这个socket对象应该是服务器,所以socket.emit,代表给服务器发送消息。比如在服务器,这个socket对象应该是跟服务器连接的某个客户端socket对象,代表给这个客户端发动消息。说明2:nodejs中的callback代表异步回调,就是走完callback(data)这...

2020-01-31 13:30:30

Node.js发送视频流

Node.js中的流Node.js的流(Stream) API 非常强大,它是处理流数据的抽象接口。流可以看成是一种数据的集合,但它并不是一下子全部读到内存里面,而是一块一块地去产生、消耗,这种方式最显而易见的好处是可以方便地处理大文件。数据流可以是可读流、可写流,实际上Node.js中的流分为4种类型 : Readable、Writable、Duplex、Transform。Readabl...

2020-01-31 13:28:14

node 实现视频播放后端,前端使用video标签,视频文件视频mp4

var fs = require("fs"), http = require("http"), url = require("url"), path = require("path");http.createServer(function (req, res) { if (req.url != "/v") { res.writeHead(200, { "C...

2020-01-31 13:15:07

module.exports、exports和export、export default的区别,import和require的区别

在vue及其他模块化开发中,经常会用到这些输出和引用的语句,那么,怎么在合适的时候用合适的语句呢,怎么区分它们呢?一、理论区别首先,module.exports和exports是属于 CommonJS 模块规范,export和export default是属于ES6语法。require属于 CommonJS 模块规范,import属于ES6语法。一般情况:module.exports和...

2020-01-31 13:11:10

nodejs实现大文件(在线视频)的读取

nodejs进行视频读取时不能像读取图片之类的一次性读取,而是必须读取一部分返回一部分,这样客户端的播放才会边缓冲边播放,而不必等待全部缓冲完再播放。老规矩,直接贴代码讲解:? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 ...

2020-01-31 13:07:12

nodejs中流(stream)的理解

nodejs的fs模块并没有提供一个copy的方法,但我们可以很容易的实现一个,比如:var source = fs.readFileSync('/path/to/source', {encoding: 'utf8'});fs.writeFileSync('/path/to/dest', source);这种方式是把文件内容全部读入内存,然后再写入文件,对于小型的文本文件,这没有多大...

2020-01-31 13:00:24

canvas图形编辑器

原文地址:canvas图形编辑器使用canvas进行开发项目,我们离不开各种线段,曲线,图形,但每次都必须用代码一步一步去实现,显得非常麻烦。有没有一种类似于PS,CAD之类的可视化工具,绘制出基本的图形,然后输出代码。之后我们就可以在这个生成的图形场景的基础上去实现功能,那将是多么的美妙的事啊。话不多说,我们来实现一个图形编辑器吧????。主要实现如下的功能:直线(实线、虚线) 贝塞尔曲线...

2020-01-31 00:06:23

关于socket.io的使用

原文地址:关于socket.io的使用这段时间学习了socket.io,用它写了小项目,在此总结下它的基本使用方式和一些要点。socket.io是基于Node.js和WebSocket协议的实时通信开源框架,它包括客户端的JavaScript和服务器端的Node.js。服务端这里后端使用的框架是koa2,socket.io将自身绑定到koa的进程中去,其中最重要的事件就是connect...

2020-01-31 00:02:15

聊天室入门实战(node,socket.io实现)--第一章(实现登录群聊功能)

项目已经部署,请访问 : "chat.mycollagelife.com"这几天花时间写了一个聊天室的demo,实现了登录,用户名检测,群聊,单聊,图片发送等功能,这个系列博客会分为几章讲解,由浅入深,逐步优化,章节间关联性较大,建议从第一章开始阅读。由于水平有限,有说的不对的地方还请各位大佬们留言指正。有不清楚的地方也可以留言提问。该博客说的非常基础,请耐心看完下面我贴几张完成后的项目图...

2020-01-30 23:58:11

简单的nodejs+socket.io给指定的人发送消息

最近学习了一下socket.io,不太会用,所以做了一个小demo理一下思路。主要目的是实现向某个指定的用户发送消息,也就是服务端单独推送信息给某个人。具体的思路就是每个在线的用户都对应一个socket对象,可以通过socket.id获取其唯一的id。通过该对象(toSocket)与链接到这个对象的客户端进行单独通信。socket.io服务端代码var app = require('ht...

2020-01-30 23:47:12

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。