啊立的部分前端内容的学习记录(7.20-7.25)

因为学习和项目需要,趁这个机会把JavaScript、json、ajax和jquery都做了一些初步的学习,至少了解了语法和一些功能写法,个人觉得js学起来与java有一点点像。记录下来一些用法,下次要用到才方便看。下面有些图片是来自 www.how2j.cn

一、 JavaScript的学习(解释型语言)

  • 1、基本的一些信息(script 一般放在head标签内)

如图,我记录在一个js文件中

啊立的部分前端内容的学习记录(7.20-7.25)

  • 数字对象
    啊立的部分前端内容的学习记录(7.20-7.25)
  • 字符串对象
    啊立的部分前端内容的学习记录(7.20-7.25)
  • 数组对象
    啊立的部分前端内容的学习记录(7.20-7.25)
---- 其实还有Math和日期对象,但是没怎么看,就不做记录了。
  • 2、BOM(浏览器对象模型)

包括Window(窗口)、 Navigator(浏览器)、Screen(客户端屏幕)、History(访问历史)、Location(浏览器地址)

(1)弹出框

啊立的部分前端内容的学习记录(7.20-7.25)

(2)计时器

啊立的部分前端内容的学习记录(7.20-7.25)

二、DOM(文档对象模型)

把html中的各种数据当作对象去操作(转换成节点)

  • DOM获取节点
    啊立的部分前端内容的学习记录(7.20-7.25)
  • DOM部分属性操作
    啊立的部分前端内容的学习记录(7.20-7.25)
    啊立的部分前端内容的学习记录(7.20-7.25)
    DOM里面还有一些关于节点的操作,比如关系、创建等等,以后有用到再继续记录。

三、JSON(js对象表示法)

JSON是一种存储数据的方式

  • 格式: {"name": "ali", "age": 23} 双引号
    类似于键值对形式

  • 访问属性:  .

  • JSON数组:

                           啊立的部分前端内容的学习记录(7.20-7.25)

  • JSON与String的转换
    啊立的部分前端内容的学习记录(7.20-7.25)

四、Ajax(异步JS和XML)

  • 对原生ajax只做了一点了解,为了让jquery的$ajax做准备

Ajax请求响应步骤

啊立的部分前端内容的学习记录(7.20-7.25)

  • 小例子:通过ajax无刷新验证账户操作
    啊立的部分前端内容的学习记录(7.20-7.25)

五、JQuery(JS框架,是对js的一种封装)

  • 1、使用:导入 jquery.min.js

  • 2、文档加载
      $(function(){ });

  • 3、根据id获取元素 和 常见方法
    啊立的部分前端内容的学习记录(7.20-7.25)
    啊立的部分前端内容的学习记录(7.20-7.25)

  • 4、JQuery的选择器和筛选器

                 how2j中的选择器和筛选器教程

  • 5、JQuery中Ajax
    啊立的部分前端内容的学习记录(7.20-7.25)

       以上就是最近对前端一些内容的学习,不是很深,做一些了解,读别人源码和自己做搭建后台与前端联调时保证自己能看懂,也方便调整和提意见。经过这几天的学习,也大概知道了js、ajax(这个了解比较少,接下来要多找点文章看)、JSON和JQuery的一些用法和方法属性,对读别人项目和自己看前端有一定帮助吧,接下来还有很多事情,要继续成长啊!加油