- 综合排序
- 最热优先
- 最新优先
- 来自专栏h5
h5群聊天室|h5仿微信聊天室|h5直播聊天
今年的FIFA世界杯甚是精彩，最近兴致高涨就利用HTML5开发了一个手机端仿微信界面聊天室，该h5聊天室采用750px全新伸缩flex布局，以及使用rem响应式配合fontsize.js，页面弹窗则是使用自己开发的
6.8K40发布于 2018-07-05 - 来自专栏前端开发
uni-app 与 Vue H5 项目通讯
比如：APIcloud、uni-app等等的框架。 详细属性查看：uni-app里的web-view 通讯方法 引入SDK 嵌入的h5项目或者页面不是uni-app项目搭建的话，需要在 index.html 页面或者是当前的HTML页面引入uni-app .js"></script> Tips 这些 JS 文件是在 web-view 加载的那个 HTML 文件中引用的，而不是 uni-app 项目中的文件。 ，跳转页面的方式与uni-app一致，在h5页面写入方法就好。 是uni-app生成的h5资源的话 使用 uni.webView.navigateTo //其中的webView指的是你嵌入的h5的跳转想要跳转回应用 踩坑 uni.showToast 会清掉 loading
2.3K30发布于 2021-04-22 - 来自专栏前端说吧
HTML5 - websocket的应用 之 简易聊天室
再给A回消息的原理同上三步骤 其中原始HTTP协议和H5新增Websocket协议不同的地方在于： “服务器发送消息给B”这里。 在H5新增的Websocket协议中，实现服务器和客户端全双工的通信方式，两台机器之间只要握手成功（建立连接）后，就可以互相主动给对方发送消息。 就像我们现实中两个人聊天一样了。谁有话谁开口。 “聊天室”具体实现步骤： 初步应用代码见上篇《 HTML5 - 开发一个自己的websocket服务器》，主要记录了websocket怎么启动一个本地服务并应用的。 要实现聊天室，得需要以下三个主要功能： 1、 新人进入聊天室，服务器广播发送给大家“xx进入聊天室” 2、某人离开聊天室，服务器广播发送给大家“xx离开聊天室” 3、某人发送消息到聊天室，服务器广播发送给大家 源码如下地址： 聊天室源码 聊天室效果如下： 三个标签页 - 模拟三个人进入了聊天室 聊天内容截图： 以上，来自腾讯课堂课程学习笔记。
5.5K21发布于 2019-06-13 - 来自专栏前端开发
uni-app 与 Vue H5 项目通讯
比如：APIcloud、uni-app等等的框架。 详细属性查看：uni-app里的web-view 通讯方法 引入SDK 嵌入的h5项目或者页面不是uni-app项目搭建的话，需要在 index.html 页面或者是当前的HTML页面引入uni-app .js"></script> Tips 这些 JS 文件是在 web-view 加载的那个 HTML 文件中引用的，而不是 uni-app 项目中的文件。 ，跳转页面的方式与uni-app一致，在h5页面写入方法就好。 是uni-app生成的h5资源的话 使用 uni.webView.navigateTo //其中的webView指的是你嵌入的h5的跳转想要跳转回应用 踩坑 uni.showToast 会清掉 loading
3K20发布于 2020-10-26 - 来自专栏dmhsq_csdn_blog
uni-app开发H5使用vue-router
uni-app没有vue-router如果要使用vue-router可以使用 uni-simple-router uni-simple-router文档地址 https://hhyang.cn/ 安装 在uni-app项目根目录 执行 npm install uni-simple-router 进入根目录可以通过右键项目文件夹 在这里输入 cmd即可快速打开cmd 执行 npm install pages/index/index.vue' const router = new createRouter({ platform: process.env.VUE_APP_PLATFORM, h5: $mount() 如果你只是写H5端 不考虑适配小程序可以这样写 import Vue from 'vue' import App from '. RouterMount(app, router, "#app"); //#endif //#ifndef H5 app.
1.6K20发布于 2021-10-25 - 来自专栏开源技术小栈
高性能 Workerman+HTML5 小蝌蚪实时聊天室
概述 小蝌蚪聊天室是一款基于 PHP（Workerman 框架）+ HTML5 技术的即时交互聊天室应用。 它使用 Workerman 作为应用服务器，前端通过 HTML5 + WebSocket 实现。 游戏玩法简单：用户点击屏幕，小蝌蚪自由游动，其他玩家能实时看到周围玩家的游动状态，并支持即时聊天。 该项目前端采用 HTML5 开发，后端基于 PHP 的 Workerman 框架，支持多进程，并使用 WebSocket 协议实现 PHP 实时推送技术，支持即时互动和聊天。 使用示例 启动后，通过浏览器进入聊天室，用户点击屏幕控制小蝌蚪游动，其他玩家实时可见并可聊天。开发者可扩展功能，如添加更多互动元素。网页未提供详细代码示例，但整体交互简单直观。 说明 该聊天室交互基础，仅含游动和聊天，适合开发者扩展成更丰富的游戏。 原型源自 rumpetroll.com，原 Ruby 后端改为 PHP，全由 Workerman 支持。
22310编辑于 2026-07-01 - 来自专栏我是做APP开发的
H5开发移动端APP基于uni-app
之前写过基于mui，h5 plus的APP开发 https://www.jianshu.com/p/8e7e8312f93d，这次在写个兄弟篇 uni-app开发APP。 1、为什么选择uni-app 基于mui，h5plus这一套技术操作随着后续的开发及项目跟进感觉越发力不从心。 熟悉了利用hx h5+的开发转uniapp基本不用再考虑开发工具了，相同血脉几乎相同的套路，曾经的h5+也可以直接混入使用当然仅限APP端。 uniapp 官方主推，据说性能提高优化了很多。 关于h5+： uni-app App 端内置 HTML5+ 引擎，让 js 可以直接调用丰富的原生能力。 不需要 plus ready ，可以直接使用。 8、相关参考链接 uni-app新老编译模式差异说明 https://ask.dcloud.net.cn/article/35843 uni-app自定义组件模式开发注意事项https://ask.dcloud.net.cn
2.9K20发布于 2020-04-08 - 来自专栏朱永胜的私房菜
uni-app（优医咨询）项目实战 - 第5天
left: 20px; width: 20px; height: 2px; border-radius: 2px; background-color: #2cb5a5 width: 140rpx; height: 56rpx; line-height: 56rpx; font-size: 24rpx; color: #2cb5a5 important; border: 2rpx solid #2cb5a5 ! feed-relation { line-height: 1; margin: 24rpx 0 20rpx; font-size: 24rpx; color: #2cb5a5 .consult-type { width: 100%; margin-bottom: 30rpx; overflow: hidden; border: 1rpx solid #e5e5e5
91510编辑于 2024-04-25 - 来自专栏陶然同学博客
uni-app（优医咨询）项目实战 - 第5天
left: 20px; width: 20px; height: 2px; border-radius: 2px; background-color: #2cb5a5 width: 140rpx; height: 56rpx; line-height: 56rpx; font-size: 24rpx; color: #2cb5a5 important; border: 2rpx solid #2cb5a5 ! feed-relation { line-height: 1; margin: 24rpx 0 20rpx; font-size: 24rpx; color: #2cb5a5 .consult-type { width: 100%; margin-bottom: 30rpx; overflow: hidden; border: 1rpx solid #e5e5e5
46000编辑于 2024-05-27 - 来自专栏Corley的开发笔记
uni-app入门教程（5）接口的基本使用
uni.setStorage(OBJECT) 2.uni.setStorageSync(KEY,DATA) 3.uni.getStorage(OBJECT) 4.uni.getStorageSync(KEY) 5. uni.removeStorage(OBJECT) 6.uni.removeStorageSync(KEY) 总结 前言 本文主要介绍uni-app提供的一些基础接口，包括：网络请求接口，用于通过指定的请求方法 5.uni.removeStorage(OBJECT) 从本地缓存中异步移除指定 key。 总结 uni-app提供的的js接口包括标准ECMAScript的js API 和 uni 扩展 API 两部分，每个接口都能实现特定的功能，可以根据具体需要选择使用，来进一步加快开发效率。
3.7K30发布于 2020-12-25 - 来自专栏韦弦的偶尔分享
WKWebView 加载 Uni-App 导出的本地 H5
Uni-App 打包发布的H5包直接放到APP中加载可以用于提升加载速度，一般有两种方式： 直接把包放到 iOS 项目中加载 (多用于开发阶段测试) 从后台服务器预下载到文件沙盒内加载 (可以减少APP 包大小，同时也能实现热更新功能) 加载步骤 一、创建一个uni-app项目，并打包成H5 在官方工具HBuilder中创建一个测试项目 创建uni-app 修改 manifest.json 文件中的 h5配置的运行的基础路径为：./ 修改配置 发行为H5 H5发行 二、iOS项目内直接加载包内 Uni-App 将整个Uni-App 包以引用（蓝色文件夹）的方式加入项目 引入Uni-App 加载 uni-app - (void)viewDidLoad { [super viewDidLoad NSString *pathString = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html" inDirectory:@"h5"
1.7K30编辑于 2022-09-21 - 来自专栏毛毛v5
uni-app h5 吸底部，滚动固定底部css
需要用到h5得position新属性 sticky。主要是uni-app,其中变量--window-bottom是uniapp得预定义变量。目的是底部空出tabbar的高度。 bottom: calc( var(--window-bottom) + 3px); left: 0; z-index: 1030; margin-bottom: 6; } h5代码
5.6K10发布于 2020-03-20 - 来自专栏锤子代码
uni-app开发H5禁止页面下拉查看域名
使用uni-app开发H5的时候会遇到一种情况，比如某个页面不想用户下拉看到域名。但系统里面其余页面还需要使用下拉刷新功能。 这时就需要单独为特定页面进行配置。 这里只给出单个页面的代码，仅针对微信公众号的H5。 { // 其它代码... }, methods: { // 其它代码... } } // 重点是下面这段: // #ifdef H5
87510编辑于 2024-10-30 - 来自专栏Unity3d程序开发
网络聊天室
1网络聊天室项目描述 1.1功能描述 MyQQv1采用C/S模式，构建网络聊天室，具体实现功能： A.能显示在线用户列表 B.能在聊天室里进行群聊天 C.能指定用户进行私聊 D.某用户下线，其他用户能接到提示 1.2所需技术 MFC，Socket套接字，TCP/IP协议，动态数组，CString字符串拼接与拆分 2网络聊天室运行流程图 2.1服务器运行流程图 2.2客户端运行流程图 3网络聊天室详细 3.1 ************************** 函数名称：MsgExplain 函数功能：对消息的拆解，消息传来的格式是 k&1&用户名&说的话&私密的人 传入参数：char sMsgDeal[5] 4网络聊天室运行情况
2.2K20编辑于 2023-08-24 - 来自专栏刘晓杰
android聊天室
= new JPanel(); JLabel jLabel1 = new JLabel("用户名："); JTextField nameField = new JTextField(5) ; JButton loginJButton = new JButton("进入聊天室"); JButton exitJButton = new JButton("退出聊天室"); new JPanel(); JLabel jLabel2 = new JLabel("服务器地址："); JTextField ipTextField = new JTextField(5) void actionPerformed(ActionEvent e) { if (e.getSource() == loginJButton) { // 进入聊天室 } } } else if (e.getSource() == exitJButton) { // 退出聊天室
4.4K30发布于 2019-02-21 - 来自专栏call_me_R
uni-app开发微信小程序和h5应用
所以我们选择了uni-app开发。 选择uni-app => 填写项目的名称 => 选择项目的存放位置 => 选择uni-app项目模版 => 点击创建 开启h5和微信小程序 开启h5： 开启微信小程序： 示例：是Mac配置 配置微信开发者工具路径 尺寸单位 uni-app支持的通用css单位包括 px、rpx。 -- #ifdef H5 --> <text>h5 content</text> <! h5： 可参考官网发布为H5 最后在项目中生成dist文件。
1.8K20编辑于 2022-03-10 - 来自专栏前端开发随笔
uni-app引入sortable列表拖拽，兼容App和H5
sortable文档 项目结构 sortable下载到本地 renderjs只支持H5和App-vue，不支持小程序和App-nvue开发 <template> <view class flex; align-items: center; justify-content: center; border-radius: 15rpx; background: #f5f5f5 ; margin: 5rpx; } } </style>
3.2K40编辑于 2022-09-16 - 来自专栏sktj
jquery ajax聊天室
:0; padding:0; font-size:12px; } #messagewindow { height: 250px; border: 1px solid; padding: 5px
2K00发布于 2019-10-10 - 来自专栏字根中文校对软件
java 语音聊天室
javaSound的开源实现：http://www.tritonus.org/ 最近准备做个语音聊天室，困难很多。以后会在这里不断加入相关资源和开发进展。 总体思路如下： 1、每隔1秒，把捕捉到的音频流发送到server 2、然后server把流发给聊天室的多个用户，自己除外。 3、applet接收到后，播放这个流。 20040707 tcf 争取类似下面这个：sample 文字聊天室已经做好了，用的不关闭的socket连接。 v=glance&s=books 来源：http://gceclub.sun.com.cn/staticcontent/html/2004-05-08/gdc2004.html [编辑 - 5/11
10.6K71发布于 2019-02-14 - 来自专栏开源部署
在线聊天室
doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>聊天室</title> <style> 2.1.4/jquery.min.js"></script> </head> <body>
Lucky在线聊天室 hljs-comment"># 向已在线用户发送消息 u.write_message(u"[%s]-[%s]-进入聊天室 hljs-keyword">in self.users: u.write_message(u"[%s]-[%s]-离开聊天室
3.6K20编辑于 2022-09-14
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号