前端学习小结（一）—基础入门篇

知识浅薄，不喜勿喷。

对于一个想要专注做后台的姑娘，从一开始就不是很喜欢研究前端。近期由于工作需要，去学习了一下前端的知识。写下这样一篇小结。

1.前端入门-HTML

HTML5的新特性，要知道：输入类型input（url，email，number，range..），表单属性（autocomplete，novalidate）,表单元素（datalist，keygen，output）等的添加的新特性。不一一解释，（http://www.w3school.com.cn/html5/index.asp）详细见文档。

2.前端入门-CSS

CSS是层叠样式表。其定义了如何显示HTML元素，解决内容与表现分离的问题。存放CSS样式的为样式表，一般存放在CSS文件中。可以从外部引入样式表，或者直接在页面中内部样式表。

基础使用 ：selector{property : value}

有4种选择器：元素{}，#id{}，.class{}，[属性]{}

其样式：

background-color:

text-*:

font-*：

以及链接、列表、表格、轮廓，框模型（内边距，外边距等）等（http://www.w3school.com.cn/css/index.asp）详细见文档。

另外很重要的CSS的定位：

position：reactive/absolute（相对定位、绝对定位）

float:（浮动）

另外一些很重要选择器：父选择器、子代选择器、同胞选择器等。

3.前端入门-JavaScript

是网络的一种脚本语言。在我们验证表单、检验浏览器、创建cookie时发挥了很大的作用。此处不详细介绍，着重介绍JQuery。

4.前端入门-JQuery

是一个JavaScript库，简化了JavaScript编程，并实现更多更易学的功能。通过直接在script标签中引入，可以下载到本地的一个库中，或者从使用CDN库中JQuery.js文件。$表示JQuery对象。

例如：$(document).ready(function(){...})文档就绪时执行function中的内容。其选择器与CSS中一致，例如（$("p")、$(".class")、$("#id")、$(" [href=' '] ")）。事件：例如$("button").click(function(){...})，给button一个click事件。不一一列举：详细（http://www.w3school.com.cn/jquery/index.asp）见文档。

另外：JQuery的效果，诸如：滑动，淡入淡出，隐藏显示，动画等可细细研究。

JQuery的HTML方法，比如获取（text()，val()，html()，attr()...），添加，删除等方法。

另外JQuery的遍历（parent()，find()，sibling()...），父元素，子元素，同胞元素的方法。

（http://hemin.cn/jq/index.html）详细JQuery使用手册。

5.前端入门-Ajax

JSON：["data" : "data"]

以上。