• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

<js>入门(1)

互联网 diligentman 2周前 (11-19) 5次浏览

前端三大核心技能

HTML/CSS/JAVASCRIPT

JAVASCRIPT(JS)

  • 发展历史

1995 网景 LiveScript->JavaScript
1996 微软 JScript
Ecma
TC39 ECMA-262
1997 ES1
ES5(ECMAScript5)->2015年6 ES6(ES2015)->….

  • 客户端JS的组成部分
    ES(核心语言) 变量、数据类型、函数、对象、数组,语句…
    DOM 文档对象模型
    BOM 浏览器对象模型
  • JS作用
    浏览器JS做网页特效
    手机APP
    游戏
    服务器端(node)

JS是一门脚本语言(潜在其他语言中执行) 解释型语言

基本语法

    • JS代码的位置
    • 行内式

      <div onclick="alert('hello js');">我是一个div</div>

      了解即可,局限大,一般不采用

    • 内嵌式

      <script>
       alert('hello world');
      </script>
    • 外链式

      <script src="./my.js"></script> 

      项目中大量使用

    • 注释

      <!-- html注释 -->
      js注释  单行注释 // .....
         多行注释 /*   */
    • 语句

      以分号作为结束标记,区分大小写
      输出语句
      alert('内容')  弹出窗口
      document.write() 把内容输出到页面中 支持标签
      console.log() 在控制台输出内容
      
    • 变量

      1 含义 在程序运行期间 其值可以发生改变的量 本质上一个容器
      2 定义 var 变量名; 
       或一次定义多个变量  
         var a = 1, b, c = 3;
      3 赋值 var 变量名; 变量名 = 值;
        var 变量名 = 值;
      4 变量名的命名规范
      
        * 字母、数字、_、$组成   
        * 不能以数字开头 
        * 区分大小写 a A  
        * 不能是关键字和保留字
           if/else/for...
       * 名字有语义 
       * 推荐小驼峰命名 如 studentName 多个单词组成,第二个单词首字母大写
        *大驼峰-多个单词组成,每个单词首字母都大写 如MaxLength,一般用于类名的设置
        *帕斯卡命名法-所有字母都小写,单词之间用_连接 如max_length
      
    • 数据类型

                  基本数据类型(原始数据类型) 
                  number 数值 string 字符串 boolean 布尔类型 null 空 undefined 未定义
          
                  对象数据类型(引用数据类型) 数组 函数  日期 数学 ...
      
                 number数值类型 
                 0.1+0.2 === 0.3     
                 string字符串
                 "abc"d""   
                 n 换行  ' "  t \
                 null 空 undefined 
                 null表示没有对象 该处不应该有值   
                 undefined 表示缺少值,此处应该有值,但没有定义
           
      
        <script>
         //基本数据类型(原始数据类型) 
         //对象数据类型(引用数据类型)数组 函数  日期 数学
         //number数值 string 字符串,单双引号引起 boolean 布尔类型 null 空 undefined 未定义类型
         var x = 10;
         var y = 1.2;
         console.log(typeof y);//number
         var str = "hello";
         var str2 = "桃之夭夭,灼灼其华";//string
         var bool = true;
         console.log(typeof bool);
         var a = null;
         var b;
         console.log(typeof b);
         console.log(0xf);
         console.log(2.3e5);
         console.log(0.1 + 0.2 === 0.3);//错误 小数的精度丢失问题,超过范围
         console.log(1.9e405);//1.79e307最大
         console.log(typeof Infinity);//number
         console.log(NaN);//number,不是数字的数字,但无法表示出来
         console.log(NaN === NaN);//false,本身就不是一个数,算不来也不对
         console.log(NaN + 1);//NaN
         var m = 12;
         console.log(12 === NaN);//false
         console.log(isNaN(m));//is  是否 true
         console.log(isFinite(1.9e552));//是否在范围内
      
         </script>

    程序员灯塔
    转载请注明原文链接:https://www.wangt.cc/2020/11/js%e5%85%a5%e9%97%a8%ef%bc%881%ef%bc%89/
    喜欢 (0)