前端web开发
前端web开发相关技术,如js、jQuery、css、html等
爱喝咖啡的程序猿
爱喝咖啡的程序猿,入坑好多年,目前主要做java后端开发,一直努力学习,目前掌握技术
SpringCloud,SpringBoot/MVC,MyBatis,Oauth2,Shiro,ELK,Mysql,MSSql,Redis,Mongodb,RabbitMQ,Linux,Shell,Docker,Maven,Git,Sql/Jvm调优,html,js,css,ajax等
展开
-
分享win10常用图标ico_png_html素材
最近搞前端web开发,需要展示常用相关文件的图标以及点击下载,自己扣了一些win10常用图标,分享一下... 下载地址https://download.csdn.net/download/tianbbs2008/23060035原创 2021-09-15 18:03:53 · 2477 阅读 · 0 评论 -
功能强大漂亮的js图片相册,js点击小图显示大图
原生js点击图片触发弹窗 页面显示模糊的小图片(small_X.jpg),点击全屏显示高清大图片(large_X.jpg) 可实现放大、缩小、拖拽、旋转、上一张、下一张 以下为demo相关页面展示: 1.加载模糊的小图 2.点击显示高清大图 3.放大或缩小图片(鼠标滚轮操作) 4.点击旋转按钮旋转图片(每次正向90度旋转) 5.点击查看上一张 6.点击图片拖动可以移动图片位置 ...原创 2021-09-18 15:52:30 · 1618 阅读 · 0 评论 -
关于HTML5中Video全屏监听,退出全屏事件方法(亲测有效)
最近做视频播放,要求点击图片全屏播放视频,视频退出全屏显示图片,所以需要对退出全屏事件进行处理,以下js方法亲测有效,测试浏览器(fireFox,GoogleChrome,MS.Edge,搜狗等) <script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script> <script> //jQuery监听事件(窗口状态改变) $(window).resize(functio原创 2021-09-18 12:01:26 · 7898 阅读 · 6 评论 -
jQuery权限树插件,基于Bootstrap风格
页面展示效果: demo下载原创 2021-09-17 14:25:31 · 261 阅读 · 0 评论 -
js模仿微信语音播放的动画效果
设计思路: 播放时使用js的setInterval来替换png达到动画效果 准备素材: css代码: .btnPlayAmr{ width:108px; height:28px; background-size:28px; font-size: 14px; line-height: 25px; border-radius:20px; cursor:pointer; } .pngOnRight{ text-align:right; background-color: #64d74原创 2021-09-17 12:01:02 · 1184 阅读 · 0 评论 -
js播放Amr音频_Mp3转Amr
AMR 播放器,录音机,转换器 纯前端解码、播放、录音、编码 AMR 音频,无须服务器支持, 基于BenzAMRRecorder.js 说明: demo.html -- 原文demo demo-en.html -- 原文demo英文版 test_playUrl.html -- 测试播放Url 注: 以上html不能在资源管理器右键浏览器打开测试 需要在idea里面打开谷歌浏览器调试,或放入tomcat容器运行调试 因为js代码里的url转换数据用到XMLHttpRequest .原创 2021-09-16 16:12:42 · 1376 阅读 · 1 评论