JavaScript那些事

重点内容:
1.数据类型
2.函数

  • 定义函数

JavaScript那些事

  • 变量的作用域
    由于我们所有的全局变量会绑定到我们的window上,如果不同的js文件,使用了相同的全局变量则会冲突————解决方法:把自己的代码全部放入自己定义的唯一空间名字中,降低全局命名冲突的问题
    JavaScript那些事

  • 方法

3.内部对象

  • Date
  • JSON
  • Ajax(放在后面学)

4.面向对象编程
JS的面向对象对比Java有区别:
类:模板 原型对象
对象:具体的实例

5.操作BOM对象(!)
重要对象:window(代表浏览器窗口)
JavaScript那些事

location(代表当前页面的URL信息)
JavaScript那些事

document(代表当前的页面,HTML DOM文档树)
JavaScript那些事
JavaScript那些事

6.操作DOM对象(!!)
浏览器网页就是一个DOM树形结构

  • 更新:更新Dom节点
    JavaScript那些事

  • 遍历Dom节点:得到Dom节点
    JavaScript那些事

  • 删除:删除一个Dom节点 (步骤:先获取父节点,再通过父节点删除自己)
    JavaScript那些事

  • 添加:添加一个Dom节点
    JavaScript那些事
    JavaScript那些事

要操作一个Dom节点,就必须要先获得这个Dom节点

7.操作表单(验证)!
在验证时可以采用md5加密的方法
JavaScript那些事

8.jQuery
jQuery库,里面存在大量的JavaScript函数
公式!:’$(选择器).事件(事件函数体) ’

小技巧:
1.如何巩固JS(看jQuery源码,看游戏源码)
2.巩固HTML、CSS(扒网站,全down下来,然后对应修改看效果)

拓展:Layer 弹窗组件 Element-ui 网站快速形成工具(清爽干净)