聊天气泡
css

用css实现聊天气泡效果

1023 0

在开发网站客服聊天通讯功能,需要优化一下界面,查阅资料发现了一个不错的效果,稍微改造了一下可以正常使用了。...

javascript

【您有新消息】——实现标签页闪烁效果,非当前页面提示【您有新消息】功能

1645 0

在做websocket的时候有新消息推送需要一个闪烁功能,于是找到了下面这个原生写法,感觉可以用,先抄下来再封装一下。在非当前页面的时候提示“您有新消息”功能的js://    窗体失焦的时候,标题就会闪。 //    这里有一个小的知识点,就是浏览器窗体获得焦点和失去焦点,Chrome和FireFox浏览器是wind...

wss,nginx wss,workerman
nginx

nginx配置wss协议,宝塔下添加wss转发

6531 0

在写的即时通讯需要wss协议访问时无法连接上需要修改nginx的配置。首先注意事项:1.开放外网访问端口,如7123,这步骤也跳过(在服务器防火墙开放和服务器运营商那边也要开放)2.配置ssl证书(这里跳过)重点配置开始:修改项目的xxx.conf,添加如下内容: #配置websocket 协议wss     location ...

php

截取第一个字用php生成一个头像

1073 0

在做即时通讯的时候访客临时访问给一个头像比较合适,找了一下发现用首个字符直接生成的类也不错,和用第三方外链的话还是有不同的,第三方虽然图片比较多,但是会有超时问题,所以用首字母生成方式本地搞,代码如下:<?php namespace IanZhi\Avatar; /**  * 根据用户名生成头像  */ class FirstWordAv...

workerman
php

用workerman做一个简单的即时通讯功能①

1467 0

最近有个想法 ,打算在后台加一个即时聊天的功能,在选择用swoole和workerman的时候考虑了一下,发现还是workerman比较好,这个纯粹用php开发的用起来还是比较舒服,想要修改源码底层也相对容易,不像swoole一样需要C的编程能力。其实更大的原因是因为workerman可以直接引入安装、启动服务即可,而swoole还需要安装swoole插件到php环境,相对来说workerman操...

html2canvas
javascript

用html2canvas快速生成海报分享图片,画布和图片互转,要看到最后啊,优化的在后面!!!

2469 0

上次分享的通过php方式生成的海报图片总有写字是模糊的,多次调试没有解决问题,后来干脆想办法在前端页面直接搞,请教了前端的大佬后分享了一个很不错的js脚本,可以快速实现html转换成canvas画布,然后自行通过其他逻辑下载截图即可。效果图:html2canvas.js引入到项目进行操作即可,可以对指定的元素进行“截图”模式。案例代码(自己非专业前端,不喜勿喷,基于weui排版写的页面):<...

dos,cmd,bat命令,phpstorm
windows

用dos命令写一个脚本,清理phpstorm的试用状态,重复试用

2514 0

phpstorm是php开发永远滴神,购买可是很花钱的,所以需要pj或者试用,当前试用更加安全点啦。每次试用结束都要自己手动删除系统里面的某些目录和注册表比较麻烦,今天写一个小脚本,自用重置试用功能。@echo off ::created at 20210713 ::author blog.alipay168.cn ::清理phpstorm试用状态,可以重复...

linux

shell的case逻辑简单使用

794 0

case指令在linux里面也是经常使用的,比如判断用户输入的是否为自己的预期设置,比如Y/N操作,一个简单的例子:#!/bin/bash read -n1 -p "是否需要继续进行下一步操作[Y/N]?" confirm echo -e "\n" case $confirm ...