准备

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

宁皓网在 github 上有一个 ninghao-web 仓库 .. 它里面为学习 css,javascript 提供了一个基本的结构 .. 我们可以先把它把它克隆到本地 .. 重命名为 mixitup-demo ..

进入到这个目录的下面 .. 执行一下 npm install . 去安装一下项目需要的东西 ..

然后创建一个 bower.json 文件 .. bower init .. 回答一些问题 ..

下面我们可以使用 bower 去安装 mixitup 需要的东西 .. bower install .. 先安装一下 mixitup ..

另外我还想使用一下 semantic ui 提供的一些样式 .. 所以可以再去安装一下它 .. bower instll semantic-ui ..

完成以后,执行一下 npm run watch .. 这样会给我们创建一个服务器,然后监视一些资源的变化,自动刷新页面 .. 这就是 ninghao-web 提供的一个小功能 ..

再用编辑器打开这个项目,也就是桌面上的这个 mixitup-demo .. 然后打开它的 index.html .. 先设置一下页面的标题 .. MixItUp ..

再把 semantic ui 的样式表链接过来 .. 位置是 bower_components/semantic-ui/dist/semantic.min.css

在页脚这里先嵌入 jquery .. 它是 mixitup 依赖的东西 .. 位置是 bower_components/jquery/dist/jquery.min.js

然后是 mixitup .. 它在 bower_components/mixitup/build/jquery.mixitup.min.js ..

我们可以再嵌入一个自定义的脚本文件 .. 可以把它放在 scripts 目录下面 .. 名字可以是 script.js .. ,在 scripts 目录的下面,新建一个文件 .. 名字是 script.js ..

现在我们就准备好了 mixitup 需要的一些资源 ..

https://github.com/ninghao/ninghao-web

0:00
2:20
2:22

准备《 MixItUp:动画过滤与排序 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点