【jQuery基础学习】09 jQuery与前端(这章很水)
这章主要是将如何将jQuery应用到网站中,或者说其实就是一些前端知识,对于我这种后端程序来说其实还是蛮有用的。
关于网站结构
文件结构
前端文件分三个文件夹放
- images文件夹用来存放将要用到的图片
- styles文件夹用来存放css样式表
- scripts文件夹用来存放js脚本
网页结构
- 头部:网站的品牌log,登录信息
- 内容:放置网站的主体内容
- 尾部:放置网站的其它友情链接和版权信息之类的
关于网站样式
- 首先写一个样式表,来包含全局的样式。定义整个网站的reset.css样式表,编写一些全局的样式。这样就规范了整个网站的样式风格。
- 然后一般头部和尾部的样式在很多页面都是一样的,所以可以在一些一个样式表,专门服务这两个点。
- 然后就开始写样式了,此处略过了,哥真的不是来看CSS的啊作者。20多页的写样式步骤,我勒个去。留着我无聊的时候看吧。
关于网站脚本
- 一般来将,不论写什么代码都要有个规划,所以第一步先把一个页面要实现的功能用文字列表描述出来。
- 然后作者用它66666的手法写了一大段脚本,实现了各种各样的功能。然而我这里就不写了,毕竟我写这篇博客的目的只是为了去写jQuery基础,而不是教人如何去Copy。
好吧,这章你可以理解为作者将前面写的各种jQuery利用起来,去解决各种各样的问题。
我主要看了一下其中的代码,发现应用起来其实就是对前面章节的一个结合。
反而是以上那些很概括的东西还有点用处。文件结构和网页结构以前就了解,但是CSS这一块我其实都没怎么管过,如今我知道如何去搭这样一个简单的CSS架构了。
在看作者的CSS样式布局的时候,去网上也找了一下CSS架构的一些文章,发现了一篇,感兴趣的可以读一下:
好吧,写到最后,发现一句jQuery的知识都没写。所以我标题都说了这章很水了,不过你如果看了上面那个链接的文章,相信会有不少收获,毕竟人家是大神。
【jQuery基础学习】09 jQuery与前端(这章很水)的更多相关文章
- jQuery基础学习3——jQuery库冲突
默认情况下,jQuery用$作为自身的快捷方式. jQuery库在其他库之后导入 在其他库和jQuery库都被加载完毕后,可以在任何时候调用jQuery.noConflict()函数来将变量$的控制权 ...
- jQuery基础学习(二)—jQuery选择器
一.jQuery基本选择器 1.CSS选择器 在学习jQuery选择器之前,先介绍一下之前学过的CSS选择器. 选择器 语法 描述 示例 标签选择器 E { ...
- jQuery基础学习(一)—jQuery初识
一.jQuery概述 1.jQuery的优点 jQuery是一个优秀的JavaScript库,极大地简化了遍历HTML文档.操作DOM.处理事件.执行动画和开发Ajax的操作.它有以下几点优 ...
- jQuery基础学习4——jQuery容错性
使用jQuery选择器不仅比使用传统的getElementById()和getElementsByTagName()函数简洁得多,而且还能避免某些错误. <script type="t ...
- jQuery基础学习(三)—jQuery中的DOM操作
一.查找节点 查找属性节点: 通过jQuery的选择器来完成. 操作属性节点: 调用jQuery对象的attr()来获取它的属性值. 操作文本节点: 通过text()方法 ...
- JQuery基础学习总结
JQuery基础学习总结 简单总结下JQuery: 一:事件 1.change事件 <!DOCTYPE html> <html lang="en"> < ...
- 【jQuery基础学习】00 序
作为一个从来没有认真学过jQuery的菜来讲,我所学的都是jQuery基础. 算是让自己从0开始系统学一遍吧.学习书籍为:<锋利的jQuery>. 虽然是个序,表示一下我是个菜,但还是来几 ...
- 【总结整理】JQuery基础学习---DOM篇
前言: 先介绍下需要用到的浏览器提供的一些原生的方法(这里不处理低版本的IE兼容问题) 创建流程比较简单,大体如下: 创建节点(常见的:元素.属性和文本) 添加节点的一些属性 加入到文档中 流程中涉及 ...
- 【总结整理】JQuery基础学习---动画
jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性.但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通过js控制元素的st ...
随机推荐
- lintcode: k Sum 解题报告
K SUM My Submissions http://www.lintcode.com/en/problem/k-sum/ 题目来自九章算法 13% Accepted Given n distinc ...
- HTML5图片旋转
HTML5图片旋转 首先我们使用Cococs2dx-Js-Lite版,来创建一个工程,我们所需要的开发环境如下: 1,webstrom 2,google chrome浏览器 3,cocos2dx-Js ...
- android-tools-adb
sudo apt-get install android-tools-adbsudo apt-get install android-tools-fastboot
- SSAS:概念梳理
Dimension Objects 原文 A simple Dimension object is composed of basic information, attributes, and hie ...
- Android开源代码分享
一.AppMsg实现自定义Toast. github下载地址 二.CircleImageView实现带边框圆形头像. github下载地址 ...
- Appium环境抢建
原文:Appium环境抢建(for web browser test)Android SDKAppium安装 nodejs安装 Appium配置手机下载&运行测试项目Appium是Androi ...
- python 字符串编码
通过字符串的decode和encode方法 1 encode([encoding,[errors]]) #其中encoding可以有多种值,比如gb2312 gbk gb18030 bz2 zlib ...
- JavaScript备忘录(2)——闭包
语句 JavaScript是解释型语言,解释器是按照顺序逐句执行的(除了进行一些少量预处理,如将函数声明提前). 顺序是由流程控制语句来控制的,常用的流程控制语句包括: 条件控制语句:if...els ...
- Android 2.1 和 Android 4.4 工程目录超详细对比及详解
在搭建Android开发环境及简单地建立一个HelloWorld项目后,本篇将通过HelloWorld项目来介绍Android项目的目录结构.本文的主要主题如下: 1.1.HelloWorld项目的目 ...
- IOS雕虫小技
1,你所不知道的Mac截图的强大 2,抓包工具WireShark开发必备,需要装X11插件 3,Mac远程控制Windows桌面-CoRD.或者TeamViewer 4,Mac下解压缩BetterZi ...