啊立的部分前端内容的学习记录(7.20-7.25)
因为学习和项目需要,趁这个机会把JavaScript、json、ajax和jquery都做了一些初步的学习,至少了解了语法和一些功能写法,个人觉得js学起来与java有一点点像。记录下来一些用法,下次要用到才方便看。下面有些图片是来自 www.how2j.cn
一、 JavaScript的学习(解释型语言)
- 1、基本的一些信息(script 一般放在head标签内)
如图,我记录在一个js文件中
- 数字对象
- 字符串对象
- 数组对象
---- 其实还有Math和日期对象,但是没怎么看,就不做记录了。
- 2、BOM(浏览器对象模型)
包括Window(窗口)、 Navigator(浏览器)、Screen(客户端屏幕)、History(访问历史)、Location(浏览器地址)
(1)弹出框
(2)计时器
二、DOM(文档对象模型)
把html中的各种数据当作对象去操作(转换成节点)
- DOM获取节点
- DOM部分属性操作
DOM里面还有一些关于节点的操作,比如关系、创建等等,以后有用到再继续记录。
三、JSON(js对象表示法)
JSON是一种存储数据的方式
-
格式:
{"name": "ali", "age": 23}
双引号
类似于键值对形式 -
访问属性: .
-
JSON数组:
- JSON与String的转换
四、Ajax(异步JS和XML)
- 对原生ajax只做了一点了解,为了让jquery的$ajax做准备
Ajax请求响应步骤
- 小例子:通过ajax无刷新验证账户操作
五、JQuery(JS框架,是对js的一种封装)
-
1、使用:导入
jquery.min.js
-
2、文档加载
$(function(){ });
-
3、根据id获取元素 和 常见方法
-
4、JQuery的选择器和筛选器
-
5、JQuery中Ajax