你的位置:首页 > Java教程

[Java教程]【jQuery基础学习】09 jQuery与前端(这章很水)


这章主要是将如何将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的知识都没写。所以我标题都说了这章很水了,不过你如果看了上面那个链接的文章,相信会有不少收获,毕竟人家是大神。