入门(1)

前端三大核心技能

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

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

    • 内嵌式

    • 外链式

       

      项目中大量使用

    • 注释

      
      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 表示缺少值,此处应该有值,但没有定义
           
      
        

    你可能感兴趣的