zoukankan      html  css  js  c++  java
  • 【JS】JS知识小结

    JS学习了一段时间,来说一说这段时间的收获

    JS基础

    1,js是一门什么样的语言及特点?
    js是一种基于对象和事件驱动的并具有相对安全性的客户端脚本语言.也是一种广泛用于web客户端开发的脚本语言,常用来给html网页添加动态功能,如响应用户的各种操作.主要的目的是为了解决服务器端语言遗留的速度问题,为客户提供更流畅的浏览效果
    2,js的数据类型?
    基本数据类型:String,boolean,Number,undefined,null
    引用数据类型:Object,Array,Date,RegExp,Function
    3,定位
     ->position属性
      static(默认)
      relative
      fixed(脱离文档流)
      absolute(脱离文档流)
     ->与top,left,bottom,right连用
      top:元素顶端与距离"浏览器"上边缘的距离
      left:元素顶端与距离"浏览器"左边缘的距离
      bottom:元素顶端与距离"浏览器"下边缘的距离
      right:元素顶端与距离"浏览器"右边缘的距离
    4,运算符:

    	->数学运算符:+,-,*,/
    	->逻辑运算符:>,<,>=,<=,==,!=
    				&&,||
    				===和!==   完全等于
    	->与对象相关:new   delete   instanceof
    
    DOM

    这部分内容,在XML这篇博客中详细写过,在这里就不做赘述了.附一下链接:【XML】快速了解XML

    BOM

    BOM(Browser Object Model)即浏览器对象模型.
    1,window对象
     ->confirm方法
      bool confirm(“提示字符串”);
     ->window.location属性
      window.location.href=“url”;
      window.location.reload();
     ->screen对象
      获得屏幕分辨率:width与height
     ->history对象
      back方法与forward方法
      go(-1)与go(1)
     ->剪贴板(clipboardData对象)
      在javascript要求是不允许访问本地资源的;
      设值:clipboardData.setData(“text”,value);
      取值:clipboardData.getData(“text”);
      clipboardData.clearData(“text”);
    2,计时器
     ->开启计时器
      number window.setInterval(callback,millisecond);
      每隔指定毫秒后调用一次回调函数,返回一个ID
     ->关闭计时器
      window.clearInterval(intervalId);
    3,延时器
     ->等待指定时间再来执行代码,语法与计时器类似,但是只执行一次
     ->开启
      number window.setTimeout(callback,millisecond);
      等待指定时间调用回调函数,注意只执行一次,返回的是延时器id
     ->关闭
      clearTimeout(timeoutId);
    4,变量声明:
     在js中只有函数可以限定作用域的范围
     变量的作用范围除了在指定函数内以外
     在变量作用域中,内部代码可以访问外部的变量
     重复声明变量相当于复制操作
    5,js中变量的访问规则:
     首先在当前作用域链中找是否存在这个变量,如果存在直接使用这个变量
     如果不存在,向上一级别作用域链中寻找该变量,找到使用
     如果没有,再向上一级,至0链还没有,则报异常

    小小感悟

    没有接触的时候,觉得JS很难,后来踏踏实实的去看视频,去敲代码,实现小demo之后,发现原来也不是太难理解.很多时候,都是自己把自己给吓住了.
    在学习的过程中,发现自己不会的东西越来越多,想要学的东西也是越来越多.
    仰望星空,也要脚踏实地.要学的东西还有很多,慢慢加油吧~

  • 相关阅读:
    自己实现 一个 Vue框架,包含了Vue的核心原理
    Vue-Cli 3.0 中配置高德地图的两种方式
    element-ui table 点击某行高亮(修改背景色)
    input type="file"获取文件名方法
    使用 http-proxy-middleware 做转发, post 请求转发失败
    core-js@2 core-js@3报错问题
    VUE判断当前设备是PC还是移动端
    Vue函数式组件 简单实现
    清明节哀悼日网页变黑白色的CSS代码
    Vue实现递归menu
  • 原文地址:https://www.cnblogs.com/zll-0405/p/12534151.html
Copyright © 2011-2022 走看看