【jQuery基础学习】09 jQuery与前端(这章很水)
2016-02-04 00:34
706 查看
这章主要是将如何将jQuery应用到网站中,或者说其实就是一些前端知识,对于我这种后端程序来说其实还是蛮有用的。
[b]关于网站结构[/b]
文件结构
前端文件分三个文件夹放
images文件夹用来存放将要用到的图片
styles文件夹用来存放css样式表
scripts文件夹用来存放js脚本
网页结构
头部:网站的品牌log,登录信息
内容:放置网站的主体内容
尾部:放置网站的其它友情链接和版权信息之类的
[b]关于网站样式[/b]
首先写一个样式表,来包含全局的样式。定义整个网站的reset.css样式表,编写一些全局的样式。这样就规范了整个网站的样式风格。
然后一般头部和尾部的样式在很多页面都是一样的,所以可以在一些一个样式表,专门服务这两个点。
然后就开始写样式了,此处略过了,哥真的不是来看CSS的啊作者。20多页的写样式步骤,我勒个去。留着我无聊的时候看吧。
[b]关于网站脚本[/b]
一般来将,不论写什么代码都要有个规划,所以第一步先把一个页面要实现的功能用文字列表描述出来。
然后作者用它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的知识都没写。所以我标题都说了这章很水了,不过你如果看了上面那个链接的文章,相信会有不少收获,毕竟人家是大神。
[b]关于网站结构[/b]
文件结构
前端文件分三个文件夹放
images文件夹用来存放将要用到的图片
styles文件夹用来存放css样式表
scripts文件夹用来存放js脚本
网页结构
头部:网站的品牌log,登录信息
内容:放置网站的主体内容
尾部:放置网站的其它友情链接和版权信息之类的
[b]关于网站样式[/b]
首先写一个样式表,来包含全局的样式。定义整个网站的reset.css样式表,编写一些全局的样式。这样就规范了整个网站的样式风格。
然后一般头部和尾部的样式在很多页面都是一样的,所以可以在一些一个样式表,专门服务这两个点。
然后就开始写样式了,此处略过了,哥真的不是来看CSS的啊作者。20多页的写样式步骤,我勒个去。留着我无聊的时候看吧。
[b]关于网站脚本[/b]
一般来将,不论写什么代码都要有个规划,所以第一步先把一个页面要实现的功能用文字列表描述出来。
然后作者用它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的知识都没写。所以我标题都说了这章很水了,不过你如果看了上面那个链接的文章,相信会有不少收获,毕竟人家是大神。
相关文章推荐
- jQuery 中的 DOM 操作
- JQuery实现品牌展示
- jquery操作select元素和option的实例代码
- form表单的提交相关的jquery
- jQuery.fn.extend() jQuery.extend()
- Ajax的实现和jQuery下的Ajax
- jQuery - 编写jQuery插件的基本形式(下)
- jQuery插件地址汇总
- JQuery Autocomplete实战
- jquery 处理返回数据 html json xml
- input
- jQuery 操作列表批量删除数据
- jquery实现替代iframe的功能
- jQuery原理系列-Dom Ready
- jQuery操作checkbox详解
- jQuery原理系列-工具函数
- jQuery.ajax()的相关参数及使用
- jquery的插件spinner的一些使用细节
- jquery form表单提交成功,回调方法
- 锋利的JQuery —— JQuery性能优化