开发者社区> 游客f7t4z66dgaxhy> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

JavaScript概览

简介: JavaScript概览
+关注继续查看

JavaScript

ECMAScript规范

  • 原生JS开发需要遵循的规范
    • ES3
    • ES4(内部,未正式发布)
    • ES5(全浏览器支持)
    • ES6(常用,当前主流版本:Webpack打包成为ES5)
    • ES7
    • ES8
    • ES9(草案阶段)

TypeScript微软的标准

JavaScript框架

  • JQuery:其实是一种库
    • 简化了DOM操作
    • 缺点:DOM操作太频繁,影响前端性能
    • 在前端眼里,使用它仅仅是为了兼容IE6、7、8
  • Angular:Google收购的前端框架,将后台的MVC模式搬到了前端并且加入了模块化开发的理念
    • 与微软合作,采用TypeScript语法开发,对后台程序员友好对前端程序员不太友好
  • React:FaceBook出品,高性能的JS框架,提出了新概念虚拟DOM用于减少真实的DOM操作
    • 缺点:使用复杂,需要额外的学习JSX语言
  • Vue:渐进式(逐步实现新特性)的JavaScript框架,如实现模块化开发、路由、状态管理等新特性。
    • 综合了Angular和React的优点
  • Axios:前端通信框架,因为Vue的边界很明确,就是为了处理DOM,所以并不具备通信能力,此时就需要额外使用一个通信框架与服务器交互。也可以直接使用Jquery提供的AJAX通信功能

UI框架

  • Ant-Design:阿里出品,基于React的UI框架
  • Element UI、iview、ice:饿了么出品,基于VUE的UI框架(前后端分离)
  • BootStrap:Twitter推出的一个用于前端开发的开源工具包
  • AmazeUI:HTML5跨屏前端框架

JavaScript 构建工具

  • Babel:JS编译工具,主要用于浏览器不支持的ES新特性,比如用于编译TypeScript
  • web Pack:模块打包器,主要是打包、压缩、合并及按序加载

三端统一

1.jpg

一、什么是JavaScript

  • 弱类型脚本语言
  • 不需要经过编译
  • 世界上最流行的脚本语言
    一个合格的后端人员,必须要精通JavaScript

二、快速入门

引入JavaScript

内部引入

  • script标签内,写JavaScript代码

<script>

     alert("helloworld");

</script>

  • 一般放在html文件的head或body内

外部引入

<script src = "XXXX.js" type = "text/javascript"></script>

  • 注意:script必须成对出现
  • type = "text/javascript"不用显示定义,默认就是JavaScript

注意事项

  • js中每行语句可以不加分号浏览器会自动帮你在每一行末尾添加分号
  • 但是最好要加上

基本语法入门

定义变量

  • 一切变量类型都是var

var num = 1;

变量类型 变量名 变量值

 

“helloworld”  也是一个正确的语句

 

// 条件控制

if (){

 

}else if(){

 

}else{

 

}

  • 基本语法和Java基本一样
  • console.log() 在浏览器控制台打印变量 相当于printf

数据类型

数值,文本,图形,音频,视频....

  • number
    js不区分小数和整数 Number

123

123.1

1.123

-99

NaN   not a number

Infinity  表示无限大

  • 字符串 'abc' "abc"
  • 布尔值
  • 逻辑运算

&&

||

!

  • 比较运算符

=

==  等于(类型不一样,值一样,也会判断为True)

=== 绝对等于(必须要类型一样值一样)

  • 这是一个JS缺陷,坚持不要使用 == 比较
  • 注意:
    • NaN === NaN NaN与所有数值都不相等包括自己
    • 只能通过isNaN判断这个数是否是NaN
  • 浮点数问题

console.log(1/3) === (1-2/3)

  • 尽量避免使用浮点数运算,会存在精度丢失的问题

Math.abs(1/3-(1-2/3)) < 0.00000001

null 和 undefined

  • null 空
  • undefined 未定义

数组

  • Js中的数组可以是不同类型数据的组合

var arr = [1,2,3,'hello',null,true];

  • 如果越界,会报undefined

对象

  • 用大括号表示,数组是中括号
  • 每个属性之间使用逗号隔开,最后不需要加分号

var person = {

     name: "qinjiang",

     age: 3,

     tags: ['js','java','web','...']

}

  • 取对象的值

person.name

> "qinjiang"

person.age

> 3

局部变量(常量)

es6中用let定义

严格检查模式Strict

  • 在程序前加入'use strict';
  • 预防JavaScript的随意性导致产生的一些问题

三、浏览器控制台

2.jpg3.jpg4.jpg5.jpg

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Javascript 函数
Javascript 函数
24 0
JavaScript 专题之函数柯里化
JavaScript 专题系列第十三篇,讲解函数柯里化以及如何实现一个 curry 函数
22 0
JavaScript函数(三)
JavaScript函数(三)
27 0
JavaScript 函数
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 # JavaScript 函数语法 函数就是包裹在花括号中的代码块,前面使用了关键词 function:function functionname() { 执行代码 } 当调用该函数时,会执行函数内的代码。
1325 0
10
文章
149
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载