<div class="divide"></div> <div class="user-right"> 2020-01-06 11:12:40 wang</div> <div class="chat-right"> <span>wsw今天天气不错呦，一起去海边走走怎么样？？</span> <div
原创
2021-08-10 11:55:27
791阅读
点赞
<!DOCTYPE html><html><head> <meta charset=utf-8 /> <title>css聊天框</title> <style> * { margin: 0; padding: 0; ...
原创
2022-07-06 16:34:36
1224阅读
前言最近刚好在做这方面的功能，就网上看了下，发现很多种写法，但是有些写的很乱， 我也看的很麻烦，干脆就自己写一个简单的静态版本放在这， 以后需要用到的时候可以直接拿着改改就能用。 后面我还会继续更新有交互逻辑的模拟聊天室， 包括pc端的聊天室也会写，这里就先从移动端的微信聊天窗口开始。pc版本的也有了我也写了个pc版本的聊天功能模板，包含websocket功能，需要的点击下面跳转或者直接去我主页查
转载
2024-08-29 13:29:23
303阅读
一.浮动
float ：
浮动的盒子不占原来的位置，其下方的盒子会上移
父盒子会发生塌陷现象。同一级盒子right浮动，同级左边的盒子需要左浮动，right浮动的盒子才能上来
由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。
二.定位
relative : 设置相对定位的盒子，相对自己原来的位置移动，
转载
2024-04-20 20:55:04
63阅读
Web 开发工程师在开发页面样式的时候需要花费大量的时间开发，其中最头疼的还是浏览器的兼容性问题，最省事的是使用 CSS 框架，幸运的是一些大神编写了一套精美的 CSS 框架并开源出来，那么有哪些不错的 CSS 框架呢？ 我收集了一些资料和数据来和大家讨论，下面我就说说 Github 上 star 最多的 10 大 CSS框架。BootstrapGithub star 数量 140K。GitHub
转载
2023-08-16 16:39:57
106阅读
基于vue2.0+vue-cli+vuex+vue-router+webpack+es6+wcPop等技术开发
原创
2022-06-29 22:20:41
667阅读
推荐一款基于Vue的前端IM聊天组件 基于 VUE 2.0 的 IM 聊天组件 特性拥有丰富的自定义功能，任意搭配出不同风格的聊天界面可以单独使用内部组件，比如编辑框/按钮/popover 等不依赖任何第三方组件库可任意扩展的聊天消息类型 安装npm install lemon-imui -S 界面： 使用import LemonIMU
转载
2024-05-06 21:03:55
1341阅读
什么是CSS-in-JS？顾名思义，CSS-in-JS就是可以使用JS来编写CSS样式，那么为什么要用JS来编写CSS呢？我写CSS写的好好的，干嘛非给自己找不自在呢？相信以前大家都听说过这么一个词：关注点分离，就算没听过这个词那么你肯定至少也听说过这么一句话：要把HTML、CSS和JS分开编写，不要写在一起形成耦合，不要写行内样式和行内脚本等，比如像这样?CSS-in-JS但是React的出现打
转载
2024-05-22 15:45:26
45阅读
描述前后端分离，前端使用Vue，后端使用SpringBoot，适合作为前后端联调的新手项目。个人代码地址：https://github.com/coder-zrl/vueblog/收获与不足收获学习到了简单的vue知识了解到了前后端分离最后合并的过程增加了自身的编程能力使用idea进行vue开发了解到了数据库自动生成代码的步骤知道了对实体类进行序列化的操作不足没有做身份验证，即没整合shior框架
转载
2024-07-16 18:46:14
78阅读
1. 目前比较成熟的实现聊天的技术很多，不过都是封装的web socket。在实际的项目中有这个需求，就查找了相应的文章，发现关于Vue实现聊天的完整叙述的文章少之又少。故写此文章，望帮助到正在探寻的小伙伴，欢迎留言讨论。（PS:包括客户端、服务器端、Vue-socket.io 使用的注意事项、请求跨域问题、400状态码问题的解决等，相信读完会有所收获。）2. 先说说Web Socket：Web
FreeIM 使用 websocket 协议实现简易、高性能（单机支持5万+连接）、集群即时通讯组件，支持点对点通讯、群聊通讯、上线下线事件消息等众多实用性功能。使用场景：好友聊天、群聊天、直播间、实时评论区、游戏。FreeIM 解耦了通讯与业务模块，让项目架构变得更加简单易维护。解决了业务与通讯的职责冲突，简化了架构，降低了维护成本。经历 1年半的生产环境，整
因为css3尚未形成标准，所以现行的浏览器对于css3支持不太一致，某些特性需要加上浏览器前缀 css属性的浏览器前缀
前缀渲染引擎使用该引擎的浏览器-khtml-KHTMLKonqueror-ms-TridentInternet Explorer-moz-Mozillafirefox-o-*Prestoopera opera mobile-webkit-WebKitsafar
转载
2023-10-19 16:30:23
181阅读
VUE中CSS样式穿透1. 问题由来在做两款H5的APP项目，前期采用微信官方推荐的weui组件库。后来因呈现的效果不理想，组件不丰富，最终项目完成后全部升级采用了有赞开发的vant组件库。同时将webpack顺利从3升级到4（项目结构 webpack+vue+vuex+vue-router+vant+less）。相信好多做TOB的开发朋友都会选择顺手组件库。组件库内置了很多样式，方便了我们开发者
转载
2024-04-28 10:38:40
70阅读
文章目录 声网简介语音视频通话API互动直播API实时消息API实时录制API实时码流加速API水晶球Agora Analytics 质量监控平台基于声网实现视频通话注册配置实现音视频通话基本逻辑创建对象加入频道创建轨道订阅轨道基于以上步骤封装组件导入注册使用项目页面注意事项GitHub链接 声网简介语音视频通话API通过调用API，应用可实现1对1、多对多实时语音、视频通话功能互动直播API通过
转载
2024-02-28 16:54:29
570阅读
一、配置全局css// main.js文件下
// 配置全局css样式
import '@/assets/css/global.css'
requrie('@/assets/css/global.css');直接导入css文件就可以在全局中应用二、配置全局JS// 1. assets文件夹下新建一个js文件夹
// 2. 在js文件夹中建一个settings.js文件
'''settings.
转载
2023-06-09 08:48:43
76阅读
1、position:absolute： 定位的时候不同手机的浏览器版本不一样，存在兼容性问题，所以要修改为fixed,然后使用left: calc(50% - 1rem )进行定位；
2、event.touches[0].pageY：移动端事件touchstart,touchmove,touchend,在vue中的手指滑动的对象是要传入$event才可以使用event.touches[0].pa
转载
2024-06-11 14:36:11
100阅读
最近有报一个全栈课程，里面内容比较新颖，其中对scss样式管理的理念让我十分喜欢，各种操作让项目更加具有条理性。1.@mixin 在一个可以全局适用的scss文件中，姑且叫global.scss，写入：@mixin center(){
display:flex;
justify-content:center;
align-items:center;
} 用css的眼光看，这是一个弹
转载
2024-04-18 22:22:42
86阅读
项目地址：github.com/CCZX/wechat目前项目一直在更新中。欢迎大家留下宝贵的意见。
一、具备的功能
好友之间聊天，支持问题、图片、表情、音视频通话以及白板（适用WebRTC实现）。
对好友支持备注、分组功能，分组可以添加、修改、删除。
好友之间的消息支持已读状态提醒，可以即时的知道对方是否已读消息。
在线好友统计，在每个分组中可以查看当前在线好友的数量，并对在线
转载
2021-07-13 15:04:36
1129阅读
# 使用 Python 和 Vue 实现聊天室的步骤详解
创建一个简单的聊天室应用是学习 Python 和 Vue.js 的一个不错的项目。本文将逐步指导你如何实现这个目标。
## 整体流程
在开始之前，了解整个项目的流程是非常重要的。以下是实现这个聊天室的基本步骤：
| 步骤 | 描述 |
| ----- | ----------------
最终效果如下： github地址：https://github.com/xdxTao/xdxImB站视频地址：https://www.bilibili.com/video/BV1WU4y147we如果对你有帮助，点个start，谢谢。 可以关注我的微信公众号，一个有趣的程序员。微信搜索：小道仙97 一、WebSocket概述一般我们前后端交互都是使用http，http是前端发起一个请求，后端回复。
