首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏h5

    h5群聊天室|h5仿微信聊天室|h5直播聊天

    今年的FIFA世界杯甚是精彩,最近兴致高涨就利用HTML5开发了一个手机端仿微信界面聊天室,该h5聊天室采用750px全新伸缩flex布局,以及使用rem响应式配合fontsize.js,页面弹窗则是使用自己开发的

    6.8K40发布于 2018-07-05
  • 来自专栏学习/读书笔记

    《Flutter》-- 5.Flutter页面布局

    参阅书籍: 《Flutter跨平台开发入门与实践》-- 向治洪(著) 5. Flutter页面布局 5.1 盒约束模型 盒约束是指组件可以按照指定限制条件来决定如何布局自身位置。 maxHeight: 100 ), child: Container( width: 80, height: 5, height: 100, child: Container( width: 80, height: 5, 2)mainAxisSize:表示主轴应该占用多大空间; 3)crossAxisAlignment:表示子组件在交叉轴的对齐方式; 4)textDirection:表示子组件在主轴方向上的布局顺序; 5) alignment的对其方向; 3)fit:用于决定non-positioned子组件如何去适应层叠布局的大小; 4)overflow:当子组件超出Stack组件的范围时,决定如何显示超出的子组件; 5)

    1.8K20编辑于 2022-04-07
  • 来自专栏踏浪的文章

    Flutter lesson 5: Flutter组件之基础组件(一)

    不同于前端的是,Flutter中添加边距需要使用到EdgeInsets对象。 CSS3中不仅支持关键词还支持`Matrix`矩阵,而Flutter中一般就使用`Matrix4`。 ! 更多的属性以及关于矩阵的介绍可以查看[https://juejin.im/post/5be2fd9e6fb9a04a0e2cace0](https://juejin.im/post/5be2fd9e6fb9a04a0e2cace0 而且,如果你一使用这个属性,那么就会出来一个Flutter的图标。 获取更多关于Flutter的知识点,点击踏浪博客查看。

    2.6K30发布于 2019-07-31
  • 来自专栏program

    Flutter技术与实战(5)

    * 总体来说,热重载的流程可以分为扫描工程改动、增量编译、推送更新、代码合并、Widget 重建 5 个步骤。 1、工程改动。 5、Widget 重建。在确认 Dart VM 资源加载成功后,Flutter 会将其 UI 线程重置,通知 Flutter Framework 重建 Widget。 通过一个 ListView 中计算 MD5 的例子,来演示 Performance 的具体分析过程。 考虑到在 build 函数中进行渲染信息的组装是一个常见的操作,为了演示这个知识点,我们故意放大了计算 MD5 的耗时,循环迭代计算了 1 万次。 String data) { //MD5固定算法 var content = new Utf8Encoder().convert(data); var digest = md5.

    18.2K30编辑于 2022-06-29
  • 来自专栏前端说吧

    HTML5 - websocket的应用 之 简易聊天室

    再给A回消息的原理同上三步骤 其中原始HTTP协议和H5新增Websocket协议不同的地方在于: “服务器发送消息给B”这里。 在H5新增的Websocket协议中,实现服务器和客户端全双工的通信方式,两台机器之间只要握手成功(建立连接)后,就可以互相主动给对方发送消息。 就像我们现实中两个人聊天一样了。谁有话谁开口。 “聊天室”具体实现步骤: 初步应用代码见上篇《 HTML5 - 开发一个自己的websocket服务器》,主要记录了websocket怎么启动一个本地服务并应用的。 要实现聊天室,得需要以下三个主要功能: 1、 新人进入聊天室,服务器广播发送给大家“xx进入聊天室” 2、某人离开聊天室,服务器广播发送给大家“xx离开聊天室” 3、某人发送消息到聊天室,服务器广播发送给大家 源码如下地址: 聊天室源码  聊天室效果如下: 三个标签页 - 模拟三个人进入了聊天室 聊天内容截图: 以上,来自腾讯课堂课程学习笔记。

    5.6K21发布于 2019-06-13
  • 来自专栏技术人生

    flutter组件5【上滑加载】

    一、解释 flutter并没有提供上滑加载的组件,我们需要像安卓一样 进行滚动监听,然后处理footer,header,list数组等变量来实现 二、 ScrollController 上滑加载用到的

    1.5K20发布于 2020-11-13
  • 来自专栏开源技术小栈

    高性能 Workerman+HTML5 小蝌蚪实时聊天室

    概述 小蝌蚪聊天室是一款基于 PHP(Workerman 框架)+ HTML5 技术的即时交互聊天室应用。 它使用 Workerman 作为应用服务器,前端通过 HTML5 + WebSocket 实现。 游戏玩法简单:用户点击屏幕,小蝌蚪自由游动,其他玩家能实时看到周围玩家的游动状态,并支持即时聊天。 该项目前端采用 HTML5 开发,后端基于 PHP 的 Workerman 框架,支持多进程,并使用 WebSocket 协议实现 PHP 实时推送技术,支持即时互动和聊天。 使用示例 启动后,通过浏览器进入聊天室,用户点击屏幕控制小蝌蚪游动,其他玩家实时可见并可聊天。开发者可扩展功能,如添加更多互动元素。网页未提供详细代码示例,但整体交互简单直观。 说明 该聊天室交互基础,仅含游动和聊天,适合开发者扩展成更丰富的游戏。 原型源自 rumpetroll.com,原 Ruby 后端改为 PHP,全由 Workerman 支持。

    31410编辑于 2026-07-01
  • 来自专栏易帜的Android 学习之旅

    5.Flutter学习之GridView组件

    学习自: Dart Flutter教程_Dart Flutter入门实战视频教程-2019年新出. GridView网格布局方法参数介绍。

    72910编辑于 2022-02-09
  • 来自专栏前端大合集

    Flutter 系列 如何在Flutter中嵌入H5页面

    2. flutter Webview 插件 flutter_webview 是 Flutter 中的插件,用于在应用中显示网页内容。 使用展示 3.1 安装插件 打开项目下的pubspec.yaml 文件, 在dependencies 下写入以下内容 dependencies: flutter: sdk: flutter cupertino_icons: ^1.0.8 webview_flutter: ^4.10.0 3.2 代码编写 3.2.1 定义变量 定义变量,用于接收 class _MyHomePageState prevent 阻止导航继续进行 navigate 放行 5, 完整代码 import 'package:flutter/material.dart'; import 'package:webview_flutter /webview_flutter.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget

    3.8K10编辑于 2024-11-07
  • 来自专栏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.3K20编辑于 2023-08-24
  • 来自专栏Android知识点总结

    Flutter第5天--布局实例+操作交互

    0), ); } ---- 1.出题:(来玩掘金吧~) 这是网页掘金的主页栏,是我喜欢的风格,现在flutter上走一波 ? (27114): onPanDownOffset(205.5, 384.5) I/flutter (27114): onTapUpOffset(205.5, 384.5) I/flutter (27114 , 384.8) I/flutter ( 4994): onVerticalDragUpdate---Offset(182.5, 390.2) I/flutter ( 4994): onVerticalDragUpdate ---Offset(181.8, 402.2) I/flutter ( 4994): onVerticalDragUpdate---Offset(180.8, 420.5) I/flutter ( 4994 3.而flutter布局是对象,你可以用变量来记录它,随用随取。 4.Flutter的flex布局让布局的适应性变得很强,虽然Android的约束布局也可以,但略显繁杂 好了,今天就到这里

    2.5K30发布于 2018-12-27
  • 来自专栏万物皆可Serverless

    Flutter与原生H5混合开发

    我们知道Flutter可以跟原生Android或iOS混合开发,那Flutter能不能与原生H5混合开发呢? 答案是:Yes! window.innerWidth, window.innerHeight); document.body.appendChild(renderer.domElement); OK,背景有了,现在把Flutter Flutter跟原生H5少了点交互,下面我们来处理下Dart与JS互调 [b44a0256bf9249ddb79c0924a816587e~tplv-k3u1fbpfcp-zoom-1.image] -1.image] [d333f4dff1344d6a8ffa192f7b5988cc~tplv-k3u1fbpfcp-zoom-1.image] 我们甚至可以把h5中的组件嵌入到Flutter中,无限套娃 -1.image] *PS:细节的东西我不再多讲,感兴趣的同学,可以自己去看下官方js库的文档( https://pub.flutter-io.cn/packages/js)* Dart原生H5开发

    4.2K00发布于 2021-02-21
  • 来自专栏程序员修炼之路

    5个Android Flutter相关面试题

    面试题目1:Flutter是如何与原生Android、iOS进行通信的? 在Flutter侧,你通过相同通道名称与该通道通信,调用原生方法或接收原生事件。 面试题目2:StatelessWidget和StatefulWidget在Flutter中有什么区别? Flutter特定设置:指定使用的Flutter SDK的版本。 资源文件:声明项目中使用的静态资源文件,如图片和字体。 其他设置:添加作者信息、许可证等其他元数据。 面试题目4:Flutter是如何实现原生性能和体验的? 面试题目5:Navigator在Flutter中是什么?Routes在Flutter中是什么?

    1.9K10编辑于 2024-11-18
  • 来自专栏刘晓杰

    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.5K30发布于 2019-02-21
  • 来自专栏字根中文校对软件

    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
  • 来自专栏sktj

    jquery ajax聊天室

    :0; padding:0; font-size:12px; } #messagewindow { height: 250px; border: 1px solid; padding: 5px

    2K00发布于 2019-10-10
  • 来自专栏开源部署

    在线聊天室

    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.7K20编辑于 2022-09-14
  • 来自专栏Flutter入门到实战

    Flutter进阶篇(5)-- 使用Flutter创建插件详解并发布到Pub库

    系列博文链接 ↓: 工具安装: Flutter从配置安装到填坑指南详解 Flutter基础篇: Flutter基础篇(1)-- 跨平台开发框架和工具集锦 Flutter基础篇(2)-- 老司机用一篇博客带你快速熟悉 Dart语法 Flutter基础篇(3)-- Flutter基础全面详解 Flutter基础篇(4)-- Flutter填坑全面总结 Flutter基础篇(5)-- Flutter代码模板,解放双手,提高开发效率必备 Flutter基础篇(6)-- 水平和垂直布局详解 Flutter基础篇(7)-- Flutter更新错误全面解决方案(图文+视频讲解) Flutter进阶篇: Flutter进阶篇(1)-- 手把手带你快速上手调试 Flutter项目 Flutter进阶篇(2)-- Flutter路由详解 Flutter进阶篇(3)-- Flutter 的手势(GestureDetector)分析详解 Flutter进阶篇(4)- - Flutter的Future异步详解 Flutter进阶篇(5)-- 使用Flutter创建插件详解并发布到Pub库 Dart语法系列博文链接 ↓: Flutter基础篇(2)-- 老司机用一篇博客带你快速熟悉

    3.4K30发布于 2019-03-06
  • 来自专栏积累沉淀

    多人聊天室

    最近学完网络线程协议 ,因此写了一个用java编写的聊天室 话不多说 效果如图 首先 创建服务器端 package com.yc.server; import java.io.IOException

    4K80发布于 2018-01-11
  • 来自专栏lgp20151222

    聊天室发送中文

    写出来发现一个问题就是那个 我发中文乱码!!!! 是人都知道是utf-8的问题啦 但是,怎么搞? 我搞不出来 直接问人 原来要用一个过滤器 把发的信息过滤下来转成utf-8再发下去 public class Encoding implements Filter{ private String encoding = "utf-8"; @Override public void destroy() { } @Override public void doFil

    1.5K10发布于 2018-09-10
领券