workerman做的在线聊天的小玩意儿

学习了workerman的初步知识,自己在上一次的聊天小页面的基础之上重新做了一个聊天窗口。界面如下,先做个说明,左侧是自己的聊天列表,有群聊和对别人的私聊窗口,右侧是所有的在线成员,点击右侧成员则生成一个私聊窗口,关闭左侧细聊窗口之后默认出现的是群聊窗口,当自己受到新消息并且窗口未激活状态下,左侧会出现红色提醒标记。下面是html的实现代码,借用了layui的布局css。感谢!算了完整代码不列出

- 阅读全文 -

workerman 聊天初探

学习使用websocket链接 进行网页的实时聊天首先需要下载一个 workerman 点这里就是先使用前段画一个聊天窗口,然后进行聊天的模拟如图css代码.layui-box{width:500px; height:400px; position:absolute; left:50%; margin-left:-251px; top:50%;&n

- 阅读全文 -

隐藏表格中的各列

尤其是在后台管理的情况中,往往一个列表要显示的列会很多。鉴于浏览器的大小限制,和每个用户的关注点不同需要根据个人喜好来显示表格中的指定的列。于是写下下面的代码。table.html表格代码,里面是一个很宽很宽的表格。和一个按钮,这个按钮就是用来标记表格第一行的 “表头”。勾选表头所在列则该列show,反选表头则该列hide。道理就是这么个道理。下面是代码<!DOCTYPE html

- 阅读全文 -

微信小程序实现多图上传并且可以修改

微信上传多图并且异步upload到服务器。网上搜到的一个只有上传功能,没有修改上传的功能。如果上传错了就没办法了。为了解决这个上传的问题,编写了下面这个代码,微信最多上传9张图片。上传之后图片上面有一个删除按钮,点击删除即可删除当前的图片然后重新再上传。这段代码有一个不完美的地方就是每次上传的图片都在最后面,不能调整顺序。js里面存一个 pics的数组变量 这个数组最大长度是9 用来存储上传的图片

- 阅读全文 -

HTML+JS实现左边选择到右边

  工作中遇到一个需求,产品报告里面包含一些原材料的报告,因此在添加产品报告的时候要选择一些原材料报告进来,这样就有了一个多选选择进来,如果把所有的原材料列出来是不合理的实现 像下图这样,原料名称是多选 而且备选有很多。网上找了一个多选左边选择到右边然后确定就可以的。感觉代码比较多,个人代码洁癖所以就自己用js+html写了一个。底部有打包链接地址在此记录 样式如图然后是代码:select.htm

- 阅读全文 -