纯CSS实现的大型下拉菜单

纯CSS实现的大型下拉菜单

2018年04月30日作者:月光光标签:HTML5  CSS3 

这是一款纯CSS实现的大型下拉菜单。该大型菜单使用HTML和纯CSS代码制作,没有任何js代码,不依赖任意第三方插件。适合用于栏目分类较多的大型网站使用。阅读全文

基于SVG路径运动的js内容切换插件path-slider

基于SVG路径运动的js内容切换插件path-slider

2018年04月22日作者:佚名标签:JavaScript  HTML5 

path-slider.js是一款基于SVG路径运动的js内容切换轮播插件。该js轮播插件可以根据指定的SVG路径,分布排列多个DOM元素,然后使这些DOM元素在SVG路径上执行轮播动画。阅读全文

HTML5轻松实现全屏视频背景

HTML5轻松实现全屏视频背景

2018年04月17日作者:月光光标签:HTML5  网页播放器 

想在你的网页首页中全屏播放一段视频吗?而这段视频是作为网页的背景,不影响网页内容的正常浏览。那么我告诉你有一款Javascript库正合你意,它就是Bideo.js。阅读全文

HTML5 Web播放器-Video.js

HTML5 Web播放器-Video.js

2018年04月09日作者:月光光标签:JavaScript  HTML5  网页播放器 

Video.js是一款优秀的HTML5 Web视频播放器。它同时支持 HTM5 和 Flash 视频,支持在桌面和移动设备上的视频播放,截至目前,大概有40W的站点在使用Video.js作为web播放器。阅读全文

CSS3实现的线条波浪动画效果

CSS3实现的线条波浪动画效果

2018年04月07日作者:月光光标签:CSS3 

这是一款使用CSS3 animation动画和png图片制作的css3线条波浪动画效果。该特效中,使用了3张波浪线条的png图片,以及少量的CSS代码,制作出逼真的线条波浪动画效果。阅读全文

Hammer.js实现多点触控的javascript库

Hammer.js实现多点触控的javascript库

2018年03月30日作者:月光光标签:JavaScript  HTML5  移动端 

Hammer.js是一个开源的能实现多点触控的javascript库,可以识别触摸,鼠标点击和手势滑动操作,它不依赖任何第三方库,并且非常小巧灵活。阅读全文

使用HTML5的WebSocket实现服务端和客户端数据通信

使用HTML5的WebSocket实现服务端和客户端数据通信

2018年03月24日作者:月光光标签:JavaScript  HTML5  Node.js 

WebSocket协议是基于TCP的一种新的网络协议。WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术。依靠这种技术可以实现客户端和服务器端的长连接,双向实时通信。阅读全文

移动端web开发实践踩坑记

移动端web开发实践踩坑记

2018年03月12日作者:Junga标签:HTML5  移动端 

最近在一个移动端的 Web 项目中踩了不少坑,移动端web开发真的坑不少,感觉有必要把它们记录下来,分享给正在钻研移动端Web开发的同学们。阅读全文

Tippy.js鼠标悬停提示工具

Tippy.js鼠标悬停提示工具

2018年03月07日作者:月光光标签:JavaScript  CSS3 

Tippy.js是一款轻量的tooltip插件,使用简单,扩展性好。该tooltip插件功能强大,提供多种动画效果和主题效果,并允许用户自定义tooltip主题和使用html代码作为tooltip的模板。阅读全文

极致Web性能:SPA性能指南

极致Web性能:SPA性能指南

2018年02月24日作者:Jogis标签:JavaScript  HTML5  WEB 

前端框架时代,为开发体验、效率与页面性能带来,非常大的革命。大家纷纷拿起一系列打包工具(webpack/parcel etc.),配合一系列加载器快速搭建起一个 SPA 页面。阅读全文