-
Swoole与WebSocket如何即时通讯,实现弹幕效果?
12-27 772浏览 0评论实现弹幕其实就和通讯,群聊类似,将消息推送给所有的客户端,不过前端的展示所有不同。本地环境后端 PHP 7.2.6、Swoole 4.3.1。前端 HTML5 WebSocket、Canvas。效果如图终端效果批量版:手动版:下面我们来看看代码是如何实现的。后端处理文件:server.php<?php class Server { &n
-
播放m3u8|mp4
web前端 06-03 2966浏览 0评论播放m3u8,mp4代码demo<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title&g
-
点击搜索框获取焦点 placeholder消失-开始
web前端 08-17 2843浏览 0评论/* 点击搜索框获取焦点 placeholder消失-开始 */ /* WebKit browsers */ input:focus::-webkit-input-placeholder { color: transparent; /* transparent是全透明黑色(black)的速记法,即
-
jquery实现点击图片灯箱效果,图片放大
web前端 03-15 3630浏览 4评论代码: <img onclick="imgDisplay(this)" height="100" width="120" src="{$v.img_url}"> <script> //图片灯箱 function imgDisplay(obj) { var src = $(obj).attr("src")
-
Vue 前端md5加密
web前端 01-02 5627浏览 0评论用户注册时将加密后的密码发送给后端存储 当登陆的时候,再将加密后的密码和数据库中加密的密码相匹配。 npm: https://www.npmjs.com/package/crypto-browserify 此加密无须解密。 安装:npm install crypto --save 在需要用到的文件中通过 import 引入
-
让点击按钮实现波纹点击特效
web前端 11-14 4153浏览 0评论这个波纹点击按钮特效主要视为了提升用户体验度,只需要使用CSS就可以做到。主要借助::after伪类及CSS3中的transform和transition属性。 HTML页面: //模拟两个点击按钮 <div class="container text-center"> <button class="btn btn-defau
-
table表格实现手机端左右拖动不自适应
web前端 10-19 4067浏览 0评论新建一个类style.css .table-responsive { min-height: .01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-