前端知识复习二(js)

  1. JS的作用

    1. 页面特效
    2. 移动端
    3. 异步交互(AJAX)
    4. 服务器端开发(node.js)
  2. 由ECMAScript和dom(操作网页上的api)、bom组成(操作浏览器的部分api)
  3. 输出到页面内容
    1. console.log(“输出到控制台”);
    2. document.write(“输出到页面”);
    3. prompt(“输入内容”);
    4. confirm(“弹出带有是否选择按钮的窗口”);
    5. alert();
  4. 变量最长255个字符
  5. 数据类型
    1. 简单类型

      1. number、string、boolean、undefined
    2. 复杂类型
      1. array、object、date、regexp、function、error
    3. typeof():测试简单数据类型
    4. infinity:无穷大
    5. js小数容易出现小数精度丢失
    6. NaN(not a number):不和任何数相等(number类型)
      1. isNaN():判断是不是一个数
      2. undefined和任何数计算都是nan
      3. 任何只和null计算都可以看作0来运算(null是object类型)
    7. 字符串一旦创建就不可修改
    8. !!变量:可以转换为boolean类型
  6. 循环结构  
    1. break:结束循环
    2. continue:结束本次循环
  7. 函数的实参数量大于形参,多去的会舍弃
    1.   形参大于实参,没实参的形参是undefined
  8. 冒泡排序极限后会出现问题

    //冒泡排序
    function sortBubble(array){
          for (var i = 0; i < array.length-1; i++) {
          var bool = true;
            for (var j = 0;j <array.length-1; j++) {
                   if (array[j] > array[j+1]){
                       var temp = array[j];
                        array[j] = array[j+1];
                        array[j+1] = temp;
                        bool = false;
                        }
                    }if (bool){
                      break;//这样才可以
                    }
              }
                return array; //这样才可以返回正确值
         }
    }                     
  9. 匿名函数
    1. (function(){函数体})();括号直接调用
  10. 递归和回调 函数

    1.   递归就是自己调用自己
  11. 构造函数:new关键字后面调用函数,我们称之为构造函数。首字母大写,构造函数不需要写函数名可 用this代替
    1. var stu = new Student("张三");
      function Student(name){
          this.name = name;
          this.sayHi = function(){
              console.log  (this.name+ "说,大家好!");
          }
      }    属性绑定的方法  对象名.属性  = 属性值;    对象名[变量名] = 对象值;
  12. 大括号包含的叫对象,中括号包含的叫数组
  13. JSON : javascript Object Notation  对象字面量(一个大括号)的一种表现形式
  14. var json{
        "name":"Tom",
        "sex":"man",
    }
    1. JSON的值可以是

      1. 数字(整型或者浮点型)
      2. 字符串(双引号中)
      3. 逻辑值(true或false)
      4. 数组(中括号中)
      5. 对象(大括号中)
    2. 遍历json用for...in
    3. for(var key, in json){
          console.log(key);//打印键名
          console.log(json[key]); //打印值
      }
  15. 简单类型传值,复杂类型传址
    1.   简单数据类型保存在栈中,复杂数据类型保存在堆中

      1.      函数传简单数据类型是值
    2. 复杂数据类型,函数传递的是地制值(哈希值)
  16. 内置对象:Date、Array、Math、Regexp(正则表达式)、Error、String、Number
    1. 主要学习内置对象的api(应用程序借口)

      1. 调用者
      2. 参数
      3. 功能
      4. 返回值
  17. 栈操作:先进后出
    1.   arr.push():最后插入,返回数组长度
    2. arr.pop():删除最后一项,返回被删除的项
  18. 队列操作:先进先出
    1.   arr.unshift();最前面插入,返回长度
    2.   arr.shift();删除第一项,返回被删除的项
时间: 2024-10-03 11:04:42

前端知识复习二(js)的相关文章

前端知识学习二 :CSS高级

一:选择器的分组 通过对多个元素进行分组,使这些在同一个组中的元素都满足相同的属性,方法而不需要进行多次定义. 但这个的不足就是只能定义共有的属性,不能定义单个的属性,但这个单个的不同属性是可以通过在优先级比较高的层级里定义,就可以定义不同的属性,也可以进行覆盖操作. 这是一个cssd的组选择器. 二:继承和组选择器 一般来说我们在父元素中定义了属性后,可以在子元素中就不再定义该属性,而是自动的继承父元素的属性,但因为有的浏览器有可能不支持这种继承.在这种情况下,我们就可以通过使用组选择器的方式

前端知识复习一(css)

1.清楚浮动 父盒子高度为0,子盒子全部定位.浮动.子盒子不会撑开父盒子,下面的盒子会顶上来 清楚方法: clear:both: overflow:hidden: 加空标签 单/双 //双标签 .clearfix:berore , .clearfix:after { content:"."; didsplay:table; } .fixclear:after{ clear:both; } .fixclear{ *zoom:1; } //单标签 .fixclear:after{ cont

前端知识总结--2 js部分

1. JavaScript的『预解释』与『变量提升』 先看以下代码输出啥? var a= 1; function f() { console.log(a); var a = 2; } f(); 首先答案是:undefined: JavaScript在浏览器中运行的过程分为两个阶段预解释阶段.执行阶段: 读取var a后,在当前作用域中查找是否有相同声明,如果没有就在当前作用域集合中创建一个名为a的变量,否则忽略此声明继续进行解析: 接下来,V8引擎会处理a = 2的赋值操作,首先会询问当前作用域

JS前端知识模块大全

公司前端:小胖提供,表示感谢 1. 基础 HTML, CSS, JS 文档 W3CSCHOOL: http://www.w3schools.com/ MDN: https://developer.mozilla.org/zh-CN/ w3school:http://www.w3school.com.cn/ 个人更倾向于使用MDN. w3cschool貌似被墙 Html中学习语义化, 正确的结构, meta标签等. 了解各种属性用途. 例如data-*(html5新增数据属性), aria-*(帮

Web前端三大框架_angular.js 6.0(二)

Web前端三大框架_angular.js 6.0(一)点击阅读angular第一天昵称,领取全套angular视频教程一.Angular 6.0 1.1样式html中引入样式:内嵌式,外链式,行内式. ng6中组件引入样式的方式也有三种: 外链式 ng6中,已经将css预编译语言配置出来了,因此我们可以直接使用他们 在组件注解类中,通过styleUrls引入样式文件,是一个数组,可以引入多个文件 如果引入的是.css文件,就是css语法 如果引入的是.less文件,就是less语法 如果引入的是

一探前端开发中的JS调试技巧

前言:调试技巧,在任何一项技术研发中都可谓是必不可少的技能.掌握各种调试技巧,必定能在工作中起到事半功倍的效果.譬如,快速定位问题.降低故障概率.帮助分析逻辑错误等等.而在互联网前端开发越来越重要的今天,如何在前端开发中降低开发成本,提升工作效率,掌握前端开发调试技巧尤为重要. 本文将一一讲解各种前端JS调试技巧,也许你已经熟练掌握,那让我们一起来温习,也许有你没见过的方法,不妨一起来学习,也许你尚不知如何调试,赶紧趁此机会填补空白. 骨灰级调试大师Alert 那还是互联网刚刚起步的时代,网页前

移动前端知识的一些总结

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>meta基础知识 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 ?html 代码<meta name="viewport" content="w

前端知识体系2

Raw Blame History 1226 lines (983 sloc) 67.4 KB QQ联盟群交流(492107297)群规 GITHUB在线地址 http://t.cn/RL2NtqX 看云在线地址 http://t.cn/RUdaGHn 这是我们联盟群的组织结构,加入等级参考JS高级前端开发群加群说明. 这本来是我QQ群内部的一份公共约定的日常交流规则,后来得到大伙的一致认可,并用实际行动来捍卫它,使我倍受感动. 后来想:传播使爱更有力量,阅读使内心更为坚强,沉淀使生活更为醇香,

前端开发中的JS调试技巧

前言:调试技巧,在任何一项技术研发中都可谓是必不可少的技能.掌握各种调试技巧,必定能在工作中起到事半功倍的效果.譬如,快速定位问题.降低故障概率.帮助分析逻辑错误等等.而在互联网前端开发越来越重要的今天,如何在前端开发中降低开发成本,提升工作效率,掌握前端开发调试技巧尤为重要. 本文将一一讲解各种前端JS调试技巧,也许你已经熟练掌握,那让我们一起来温习,也许有你没见过的方法,不妨一起来学习,也许你尚不知如何调试,赶紧趁此机会填补空白. 骨灰级调试大师Alert 那还是互联网刚刚起步的时代,网页前