BootStrap---day02、03微金所项目

BootStrap---day02、03微金所项目

前两天没有更新，主要是因为做项目做得没有心情来写博客了（真的很菜），今天的任务都做完了，就来写一写这几天使用BootStrap写项目的总结和心得。

一、实现功能

1、模态框

2、响应式导航栏

3、吸顶

4、轮播图

5、提示工具

6、网格系统

7、部分显示隐藏

8、tab切换

9、其他（基本是css样式和js事件的使用）

 

 

 

 

二、书写步骤

1、骨架

在搭建静态网页的时候，当时要遵循“先大后小，由外向内的顺序”，要先把页面的框架想好，用一些块元素先搭建好自己项目的骨架，要先有东西来支撑我们页面，这对我们接下来的页面渲染（添加各种样式文本等）有了一个很好的基础，之后只需要向搭建好的骨架中添加需要的文本和样式即可；

2、样式

当然写样式的时候，也要从大到小，从外向里来书写，尽量减少相同样式的书写（less有很大帮助）；当然BS提供了一些写好的样式，可以直接加入类名。

3、BootStrap的使用

bootstrap的使用就像我前几天在博客中写的一样，就是对BS(bootstrap)一些类的应用，如果对BS提供的各种类名能够熟练应用那这次的项目几乎是小菜一碟；但是本人几乎是第一次具体的使用BS来完成项目，对相关类名的使用并不熟练也不了解，这就导致了在这次的项目中总是会发生这个BS插件不知道怎么修改的问题出现。所以强烈建议在使用BS完成项目之前要仔细看看菜鸟教程或者bootstrap中文文档来大致认识一下各种类名包含的各种样式和功能（尤其是功能！！！）

4、耐心

因为我对html和css有一定的基础（依然很菜），所以做的时候可能会比刚刚接触的小伙伴快一点，但是我刚刚接触这些内容写项目的时候也是无从下手，不知道应该怎么办，但是随着书写页面的次数增加，大体的书写方式就会慢慢成型。在初次接触项目的时候，我建议不要急于去寻求帮助，可以自己去查查网上资料去学习一下，更加重要的是：前往不要急躁，要把握好自己的情绪，感觉情绪不好的时候就放一放，我这次在写项目的时候，每次写到晚上就会感觉现在写的这个功能好难写，往往会花很多时间去尝试着写一写，但结果就是，越写越乱。这个时候就会显现出休息一下的重要性。当我第二天打开电脑，编写功能的时候就会感觉，害，也不过如此。经过这次的项目经历，我认识到三点：要有耐心，不要急躁，适时放松。希望也同样使用其他一起学习的小伙伴。

5、换种方式

在完成微金所的项目之后，写了一个星*克一部分官网的页面（主要是为了练习响应式页面的书写，为之后移动端项目做练习），在初次接触该页面的时候会感觉好简单，就是一个响应式导航栏，一个轮播图，三张图片的布局，但是在真正写响应式布局时，对BS使用不熟练的弊端就显示出来了，一直不知道该怎样修改成我想要的效果。之后，我放弃了，既然我清楚，那我就换一种方法实现功能，用JQ两行代码搞定。当然，中途放弃的做法不提