技术资料查询
一起进步

Javascript/jQuery

Centos7升级node

shanhubei阅读(318)赞(0)

1.yum安装node。 yum install -y nodejs 2.安装玩之后,默认版本v6.14(不支持需要的es2017) node -v 3.升级node,下载 n管理包 npm install -g n 4.执行n 命令升级到...

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

shanhubei阅读(343)赞(0)

演示: http://demo.shanhubei.com/demo/waveAnimation/ 这是一款使用CSS3 animation动画和png图片制作的css3线条波浪动画效果。该特效中,使用了3张波浪线条的png图片,以及少量的...

HTML5轻松实现全屏视频背景

shanhubei阅读(393)赞(0)

效果: http://demo.shanhubei.com/demo/path-slider/ 想在你的网页首页中全屏播放一段视频吗?而这段视频是作为网页的背景,不影响网页内容的正常浏览。那么我告诉你有一款Javascript库正合你意,它...

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

shanhubei阅读(357)赞(0)

效果: http://demo.shanhubei.com/demo/path-slider/ path-slider.js是一款基于SVG路径运动的js内容切换轮播插件。该js轮播插件可以根据指定的SVG路径,分布排列多个DOM元素,然后...

弹出式全屏导航菜单

shanhubei阅读(294)赞(0)

效果效果展示 我们需要在一个有限尺寸的页面上展示多个导航菜单,可以使用下拉菜单、弹出式菜单等等。今天我要给大家演示的是可以使用CSS动画和jQuery来实现的弹出式全屏导航菜单效果。 HTML 在HTML结构中,我们需要一个触发菜单的按钮,...

全屏滚动插件fullPage.js

shanhubei阅读(362)赞(0)

效果 效果 本文介绍使用fullPage.js插件可轻易创建全屏滚动网站。很多网站只有一个首页,它是由多个可以滚动的全屏内容组成,使用鼠标滚动或方向键可控制滚屏,支持CSS3动画和手机触屏,效果非常高大上。 使用方法 包含文件 <li...

HTML5点播m3u8(hls)格式视频

shanhubei阅读(336)赞(0)

效果案例显示 这两年来我们发现越来越多的视频应用使用了m3u8格式的视频,因为可以兼容PC、移动端。相比mp4等视频源,m3u8可以减轻服务器压力(按需加载)。HLS是由苹果公司率先提出的一种协议标准,可用于直播。 m3u8是一种基于HLS...

带模糊效果的隐藏滑动侧边栏插件-Pushbar.js

shanhubei阅读(326)赞(0)

Pushbar.js是一个小巧的Javascript插件,它可以用于在Web应用程序中创建滑动侧边栏效果,还提供模糊效果,就像开关抽屉的效果。你可以完全定制效果,它不依赖任何第三方库,你可以使用它作为侧栏菜单或者操作选项滑出效果。 如何使用...

Javascript数组的一些骚操作

shanhubei阅读(320)赞(0)

如何操作数组在编程语言和脚本语言中是最基础的技能,Javascript也提供了内置的的数组操作函数和方法,今天我们主要介绍前端开发中经常遇到的操作数组的常规方法以及ES6操作数组的神奇方法。 1.数组去重 1)常规方法去重 数组去重就是去掉...