博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
发现一个有意思的bbs网站,发现一个Waves开源项目
阅读量:5811 次
发布时间:2019-06-18

本文共 1289 字,大约阅读时间需要 4 分钟。

本文的原文连接是: 未经博主允许不得转载。

博主地址是:

1,页面样式


和google风格的样式,并且在页面加载完成之后还会有顶部的颜色条变换,非常好看。

下拉菜单也很好看。
上面有过开关,能够把菜单固定住

2,查看了下css


从里面刨出来两个项目。

一个叫waves不知道和google的wave啥关系。
是个nodejs 写的项目,加星还挺高的。但是没有环境。也没试验下。

另外一个项目是各种特效:

项目的演示在:
各种特效都在里面,可以通过下拉框选择。
挺好玩大,还有按照x,y,z轴旋转的。

还有一个项目:

不知道是啥项目

之前发现的一个框架:

项目还有demo演示:
里面有好多有意思的项目呢
这个玩意居然会动呢。还挺漂亮的。

3,安装测试下


yum -y install gem npmgem install sassnpm install situs -gcd /datagit clone https://github.com/fians/Waves.gitnpm installnpm install -g grunt-cligrunt build
ERROR:  Could not find a valid gem 'sass' (>= 0), here is why:          Unable to download data from https://rubygems.org/ - Errno::ECONNRESET: Connection reset by peer - SSL_connect (https://rubygems.org/latest_specs.4.8.gz)

这个好奇怪啊,为啥子不能下载呢。明明网页可以访问呢。

原来被封了。好吧。

安装nodejs

上官网下载tar.gz 安装。
偷懒的办法了,直接使用fredora的原吧。

wget http://dl.fedoraproject.org/pub/epel/7/x86_64/e/epel-release-7-6.noarch.rpmrpm -ivh epel-release-7-6.noarch.rpm#同时还能安装sass,不用使用gem安装了,解决问题了。yum install -y rubygem-sass

然后是吓人的一大坨东西安装。堪比java的jar包了。

这里写图片描述
但是每一个文件都比较小。
再执行:

npm install situs -gcd Wavesnpm installnpm install -g grunt-cligrunt build

最后执行 situs server 启动服务器:端口 4000

收获:重要跑起来了,非常不错的效果:
还有漂亮的按钮:非常靓丽。
同时支持多种浏览器。
貌似和bootstarp类似的项目吧。

4,总结


技术的学习真的是永无止境啊。

遇到点啥东西都想研究下,好奇人家是怎么做的,看看能够学到点啥。
然后写写技术博客分享给大家。一起学习一起进步。

本文的原文连接是: 未经博主允许不得转载。

博主地址是:

你可能感兴趣的文章
解决nginx: [error] open() "/usr/local/nginx/logs/nginx.pid" failed错误
查看>>
DPDK 网卡绑定和解绑
查看>>
Oauth2
查看>>
PHP网站从Apache转移到Nginx后产生404错误的原因和解决办法
查看>>
P1508 Likecloud-吃、吃、吃
查看>>
keepalived+mysql backup服务器可ping通过vip但telnet vip+3306失败问题
查看>>
也谈免拆机破解中兴B860av1.1(解决不能安装软件/解决遥控)
查看>>
修改 Linux VM 中单个用户最大进程数的限制
查看>>
银行家算法
查看>>
react-native run-android error: unknown host service
查看>>
css3 box-shadow阴影(外阴影与外发光)讲解
查看>>
简易RPC框架-上下文
查看>>
26.使用IntelliJ IDEA开发Java Web项目时,修改了JSP后刷新浏览器无法及时显示修改后的页面...
查看>>
自定义ViewGroup
查看>>
微信朋友圈:应对春节千亿访问量背后的故事
查看>>
25.管道流
查看>>
2017-2018:时间戳
查看>>
rsync(六)命令中文手册
查看>>
北京教育软件创业公司招 .net工程师
查看>>
git基于历史commit创建分支
查看>>