- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端数据可视化
Vue3 过10种组件通讯方式
多个元素的情况 但在 Vue3 中，组件已经没规定只能有一个根元素了。如果子组件是多个元素时，上面的例子就不生效了。 在 Vue3 中的玩法就更多(晕)了。 单值的情况 组件上的 v-model 使用 modelValue 作为 prop 和 update:modelValue 作为事件。 总线 bus 在 Vue2 有总线传值的方法，我们在 Vue3 中也可以自己模拟。 这个方式其实有点像 Vuex 或者 Pinia 那样，弄一个独立的工具出来专门控制数据。 在 Vue3 中，需要使用 Vuex v4.x 版本。 安装 用 npm 或者 Yarn 安装到项目中。 除此之外，Pinia 官网还说它适用于 Vue2 和 Vue3。但我没试过在 Vue2 中使用 我懒得试。 Pinia 简化了状态管理模块，只用这3个东西就能应对日常大多任务。
2.5K40编辑于 2022-04-17 - 来自专栏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 4网络聊天室运行情况
2.3K20编辑于 2023-08-24 - 来自专栏刘晓杰
android聊天室
"); JButton exitJButton = new JButton("退出聊天室"); // 中部布局 JPanel jPanel2 = new JPanel(); jTextArea); jPanel2.add(jPanel3, BorderLayout.EAST); jPanel3.setLayout(new GridLayout(10 , 1));// 10行1列 jPanel3.add(jLabel2); jPanel3.add(ipTextField); // 底部布局 void actionPerformed(ActionEvent e) { if (e.getSource() == loginJButton) { // 进入聊天室 } } } else if (e.getSource() == exitJButton) { // 退出聊天室
4.4K30发布于 2019-02-21 - 来自专栏开源部署
在线聊天室
doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>聊天室</title> <style> ; margin-top:10px; } #send_message{ height: 60px; 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来自专栏sktjjquery ajax聊天室
<!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/1999/xhtml"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> body{ margin:0; padding:0; font-size:12px; } #messagewindow { height: 250px; border: 1px solid; padding: 5px; overflow: auto; } #wrapper { margin: auto; width: 438px; } </style> <script src="../scripts/jquery.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[
2K00发布于 2019-10-10来自专栏字根中文校对软件java 语音聊天室
javaSound的开源实现：http://www.tritonus.org/ 最近准备做个语音聊天室，困难很多。以后会在这里不断加入相关资源和开发进展。 总体思路如下： 1、每隔1秒，把捕捉到的音频流发送到server 2、然后server把流发给聊天室的多个用户，自己除外。 3、applet接收到后，播放这个流。 20040707 tcf 争取类似下面这个：sample 文字聊天室已经做好了，用的不关闭的socket连接。 id=10 http://www.tritonus.org/plugins.html http://cdisolutions.com/chatdemo/ http://www.codeproject.com 这个课程从上午 10 点开始， 下午 6 点结束，中间包括休息和午餐时间。
10.6K71发布于 2019-02-14来自专栏lgp20151222聊天室发送中文
写出来发现一个问题就是那个 我发中文乱码！！！！ 是人都知道是utf-8的问题啦 但是，怎么搞？ 我搞不出来 直接问人 原来要用一个过滤器 把发的信息过滤下来转成utf-8再发下去 public class Encoding implements Filter{ private String encoding = "utf-8"; @Override public void destroy() { } @Override public void doFil
1.4K10发布于 2018-09-10来自专栏JAVA学习历程golang实现聊天室
package main import ( "fmt" "io" "net" "runtime" "sync" ) //创建读写锁，在高并发时保护公共区的数据，不会出现数据混乱 var rwMutex sync.RWMutex //创建全局的Client结构体 type Client struct { name string //初始name与addr一样 addr string C chan string } //创建全局在线用户列表 var onlineMap = m
1.7K20编辑于 2022-08-29来自专栏yuyy.info技术专栏Java开发聊天室
https://github.com/EchoGroot/training_2.git
2K10编辑于 2022-06-2810分钟搞定Vue3项目
无论你是刚入门的小白，还是想快速上手 Vue3 的开发者，这篇文章都能让你在 10分钟内 跑起来一个完整的前端项目。 想先体验一下 Vue3？ 我建议新手按照下图的选择来，这样会自动帮你装上 Vue Router（页面跳转用的）和 Pinia（数据管理用的）等实用工具： 第四步：启动你的第一个 Vue3 项目 用 WebStorm（或者你喜欢的代码编辑器 Vue3 的项目就这样轻松搞定了！ 如果这篇文章帮到了你，不妨点个分享给同样需要的朋友吧！ 你的每一次支持，都是我持续创作的动力！
46110编辑于 2026-04-29来自专栏前端框架源码剖析Vue3源码10: 名动江湖的diff算法
Vue3源码01 : 代码管理策略-monorepo Vue3源码02: 项目构建流程和源码调试方法 Vue3源码03: Vue3响应式核心原理 Vue3源码04: Vue3响应式系统源码实现1 /2 Vue3源码05 : Vue3响应式系统源码实现（2/2） Vue3源码06: reactive、ref相关api源码实现 Vue3源码07: 故事要从createApp讲起 Vue3源码 而实际上响应式系统仅仅是Vue3中一个比较重要的子系统罢了，而diff算法只不过是Vue3这个庞大系统的一个很小的部分，甚至可以说没有diff算法，用粗暴的方式仅用几行代码即可替代diff算法，还能让Vue3 5.3 对已经更新过的旧节点进行排序并挂载新节点 // 代码片段10 // 5.3 move and mount // generate longest stable subsequence only nextChild, container, anchor, MoveType.REORDER) } else { j-- } } } } 代码片段10
1.1K30编辑于 2022-09-27来自专栏gojam技术备忘录Socket在线聊天室
因为刚好课上学socket，写一个聊天室吧。socket.io封装的很好，不用自己写，有空可以自己用socket api试试。
3.1K21发布于 2019-09-29来自专栏一朵灼灼华的博客flask websocket聊天室
介绍 简单的基于websocket和flask的聊天室，源码见GIT链接，记得点个Star，使用flask及flask-sockets开发的聊天室，支持群聊及私聊，群聊只有一个聊天室，支持用户上下线提醒 截图 公共聊天室 新消息提醒 私聊 其他 更多功能开发： 登录验证（使用SSO） 文件传输 发送表情/图片 好友功能 And so on
1.1K10编辑于 2022-08-05来自专栏积累沉淀多人聊天室
最近学完网络线程协议 ，因此写了一个用java编写的聊天室 话不多说 效果如图 首先 创建服务器端 package com.yc.server; import java.io.IOException 52, 32, 476, 105); Label label_3 = new Label(group_2, SWT.NONE); label_3.setBounds(10
3.9K80发布于 2018-01-11来自专栏web推送技术Websocket直播间聊天室教程 - GoEasy快速实现聊天室
经常有朋友问起，我想实现一个直播间聊天或者我想开发一个聊天室, 要如何开始呢？ [直播间/聊天室] 今天小编就手把手的教你用GoEasy做一个聊天室，当然也可以用于直播间内的互动。 我们这次要实现的聊天室，有两个界面，分别是： 登录界面 聊天室界面 登录 [登录界面] 对于登录界面，我们期望： 用户可以输入自己的昵称 用户可以选择自己喜欢的头像 用户可以选择进入不同的聊天室（直播间 聊天室（直播间） [image] 当我们进入一个聊天室后，我们期望： 用户能看到当前有多少用户在线，这个数字能够实时的更新 用户能看到当前在线用户们的头像，而且能够实时的更新 如果有用户进入或离开聊天室 页面展示： 完成初始化之后，就跳转到直播间界面，在页面上显示以下数据： 当前聊天室的名称 聊天记录，并且显示聊天室界面 展示聊天室界面 参考代码：controller.js //页面切换到聊天室界面 function 接下来，我们一起来看看如何让这个聊天室能够动起来。 第二步：聊天室互动 1.
3.6K50发布于 2020-05-18来自专栏python3Python Web聊天室--首页
今天来完成我们聊天室的首页 首先创建app manage.py startapp chat 2.编辑视图文件(chat/views.py) # chat/views.py # 需要导入的包,有些包目前还没有用到 ChatPool # Register your models here. admin.site.register(ChatRoom) 启动应用,然后访问http://IP/admin 在admin中添加两个聊天室
// 这个user就是我们前面在views里传到后台的字典,这里就可以调用了{{ user }},欢迎来到聊天室 然后我们登录,用户密码就是之前在syncdb时,系统提示我们创建的用户 登陆成功后就会跳转到首页,聊天室的名字是之前在admin中创建的 ? 到这里我们的首页就搞定了,聊天室的页面我们下次再更新 源码地址: https://github.com/cheney93/ChatRoom
2.1K10发布于 2020-01-07来自专栏前端达人花 10 分钟快速了解下 Vue3 的新写法
最近，因为项目需要，不得不学习一下 vue3。于是花了 4 个小时，把 Vue3 过了一遍。现在我来带你快速了解 Vue3 的写法。 本文的目的，是为了让已经有 Vue2 开发经验的 人 ，快速掌握 Vue3 的写法。 因此， 本篇假定你已经掌握 Vue 的核心内容 ，只为你介绍编写 Vue3 代码，需要了解的内容。 一、Vue3 里 script 的三种写法 首先，Vue3 新增了一个叫做组合式 api 的东西，英文名叫 Composition API。 二、如何使用 script setup编写组件 学习 Vue3 并不代表你需要新学习一个技术，Vue3 的底层开发思想，跟 Vue2 是没有差别的。 这篇文章本身不能做到帮你理解所有 Vue3 的内容，但是能帮你快速掌握 Vue3 的写法。 如果想做到对 Vue3 的整个内容心里有数，还需要你自己多看看 Vue3 的官方文档。
93820编辑于 2023-08-31来自专栏掘金安东尼10 个超强 Vue3 实战指南，由此突破新特性！
qklhk-chocolate 贡献主题：https://github.com/xitu/juejin-markdown-themes theme: juejin highlight: ---- 本篇介绍 10 如果你要从 ref 获取原始值，则需要取 “value” 属性，比如 —— resources.value 看以下示例： var a = 7; var b = a; b = 10; // a = 7 / / b = 10 var a = ref(7); var b = a; b.value = 100; // a = 100 // b = 100 我们将返回的 resoure 数组设置为 ref。 Data 选项 在 Vue2 中，data选项不是对象就函数，但是在 Vue3 中将只能是函数。这将被统一成标准。 Vue3 的新特性。
1.6K30编辑于 2022-09-22来自专栏Youngxj简单几步打造聊天室
小杰教你几步就可以轻松打造一个多人在线聊天室。聊天内容时时更新！
1.8K30发布于 2018-07-17来自专栏我的知识小屋【iVX 初级工程师培训教程 10篇文拿证】09 聊天室制作
目录 【iVX 初级工程师培训教程 10篇文拿证】01 了解 iVX 完成新年贺卡 【iVX 初级工程师培训教程 10篇文拿证】02 数值绑定及自适应网站制作 【iVX 初级工程师培训教程 10篇文拿证 】03 事件及猜数字小游戏 【iVX 初级工程师培训教程 10篇文拿证】04 画布及我和 iVX 合照 【iVX 初级工程师培训教程 10篇文拿证】05 画布及飞机大战游戏制作 【iVX 初级工程师培训教程 10篇文拿证】06 数据库及服务 【iVX 初级工程师培训教程 10篇文拿证】07 08 新闻页制作 【iVX 初级工程师培训教程 10篇文拿证】09 聊天室制作 高分提升请查看专栏： iVX入门到精通 大话 IVX 实战到精通 一、链接 在 iVX 中制作一个 多人/单人 即时通讯很简单，接下来以一个多人聊天室为例，介绍聊天室的做法。 iVX 之中制作多人聊天室需要一个链接组件： 通过该组件可完成聊天室制作。
66030编辑于 2022-04-13腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059
粤公网安备44030502008569号腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号