很水）

Posted 2020-06-13

这章主要是将如何将jQuery应用到网站中，或者说其实就是一些前端知识，对于我这种后端程序来说其实还是蛮有用的。

关于网站结构

文件结构

前端文件分三个文件夹放

• images文件夹用来存放将要用到的图片
• styles文件夹用来存放css样式表
• scripts文件夹用来存放js脚本

网页结构

• 头部：网站的品牌log，登录信息
• 内容：放置网站的主体内容
• 尾部：放置网站的其它友情链接和版权信息之类的 

关于网站样式

1. 首先写一个样式表，来包含全局的样式。定义整个网站的reset.css样式表，编写一些全局的样式。这样就规范了整个网站的样式风格。
2. 然后一般头部和尾部的样式在很多页面都是一样的，所以可以在一些一个样式表，专门服务这两个点。
3. 然后就开始写样式了，此处略过了，哥真的不是来看CSS的啊作者。20多页的写样式步骤，我勒个去。留着我无聊的时候看吧。

关于网站脚本

• 一般来将，不论写什么代码都要有个规划，所以第一步先把一个页面要实现的功能用文字列表描述出来。
• 然后作者用它66666的手法写了一大段脚本，实现了各种各样的功能。然而我这里就不写了，毕竟我写这篇博客的目的只是为了去写jQuery基础，而不是教人如何去Copy。

好吧，这章你可以理解为作者将前面写的各种jQuery利用起来，去解决各种各样的问题。

我主要看了一下其中的代码，发现应用起来其实就是对前面章节的一个结合。

反而是以上那些很概括的东西还有点用处。文件结构和网页结构以前就了解，但是CSS这一块我其实都没怎么管过，如今我知道如何去搭这样一个简单的CSS架构了。

在看作者的CSS样式布局的时候，去网上也找了一下CSS架构的一些文章，发现了一篇，感兴趣的可以读一下：

http://www.zhangxinxu.com/wordpress/2010/07/%E6%88%91%E6%98%AF%E5%A6%82%E4%BD%95%E5%AF%B9%E7%BD%91%E7%AB%99css%E8%BF%9B%E8%A1%8C%E6%9E%B6%E6%9E%84%E7%9A%84/

好吧，写到最后，发现一句jQuery的知识都没写。所以我标题都说了这章很水了，不过你如果看了上面那个链接的文章，相信会有不少收获，毕竟人家是大神。