JavaScript

一、基础

运行在客户端的脚本语言

脚本语言：不需要编译，运行过程中由 js解释器（js引擎）逐行来解释执行

也可以基于 Node.js 技术进行服务器端编程

1. 作用

  • 表单动态验证
  • 网页特效
  • 服务端开发 Node.js
  • 桌面程序 Electron
  • App
  • 物联网
  • 游戏开发

2. 浏览器执行JS

浏览器分为两部分：渲染引擎 、JS引擎

  • 渲染引擎：用来解释HTML和CSS，内核
  • JS引擎：JS解释器，读取网页中的 JS 代码，处理后运行

浏览器本身不会执行JS代码，而是通过内置JS引擎来执行JS代码。JS引擎执行代码时逐行解释每一句代码（转换为机器语言），然后由计算机去执行，所以JS语言属于脚本语言。

3. JS的组成

#mermaid-svg-LGv6z7JPXk7F48iI .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-LGv6z7JPXk7F48iI .label text{fill:#333}#mermaid-svg-LGv6z7JPXk7F48iI .node rect,#mermaid-svg-LGv6z7JPXk7F48iI .node circle,#mermaid-svg-LGv6z7JPXk7F48iI .node ellipse,#mermaid-svg-LGv6z7JPXk7F48iI .node polygon,#mermaid-svg-LGv6z7JPXk7F48iI .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-LGv6z7JPXk7F48iI .node .label{text-align:center;fill:#333}#mermaid-svg-LGv6z7JPXk7F48iI .node.clickable{cursor:pointer}#mermaid-svg-LGv6z7JPXk7F48iI .arrowheadPath{fill:#333}#mermaid-svg-LGv6z7JPXk7F48iI .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-LGv6z7JPXk7F48iI .flowchart-link{stroke:#333;fill:none}#mermaid-svg-LGv6z7JPXk7F48iI .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-LGv6z7JPXk7F48iI .edgeLabel rect{opacity:0.9}#mermaid-svg-LGv6z7JPXk7F48iI .edgeLabel span{color:#333}#mermaid-svg-LGv6z7JPXk7F48iI .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-LGv6z7JPXk7F48iI .cluster text{fill:#333}#mermaid-svg-LGv6z7JPXk7F48iI div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-LGv6z7JPXk7F48iI .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-LGv6z7JPXk7F48iI text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-LGv6z7JPXk7F48iI .actor-line{stroke:grey}#mermaid-svg-LGv6z7JPXk7F48iI .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-LGv6z7JPXk7F48iI .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-LGv6z7JPXk7F48iI #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-LGv6z7JPXk7F48iI .sequenceNumber{fill:#fff}#mermaid-svg-LGv6z7JPXk7F48iI #sequencenumber{fill:#333}#mermaid-svg-LGv6z7JPXk7F48iI #crosshead path{fill:#333;stroke:#333}#mermaid-svg-LGv6z7JPXk7F48iI .messageText{fill:#333;stroke:#333}#mermaid-svg-LGv6z7JPXk7F48iI .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-LGv6z7JPXk7F48iI .labelText,#mermaid-svg-LGv6z7JPXk7F48iI .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-LGv6z7JPXk7F48iI .loopText,#mermaid-svg-LGv6z7JPXk7F48iI .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-LGv6z7JPXk7F48iI .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-LGv6z7JPXk7F48iI .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-LGv6z7JPXk7F48iI .noteText,#mermaid-svg-LGv6z7JPXk7F48iI .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-LGv6z7JPXk7F48iI .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-LGv6z7JPXk7F48iI .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-LGv6z7JPXk7F48iI .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-LGv6z7JPXk7F48iI .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-LGv6z7JPXk7F48iI .section{stroke:none;opacity:0.2}#mermaid-svg-LGv6z7JPXk7F48iI .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-LGv6z7JPXk7F48iI .section2{fill:#fff400}#mermaid-svg-LGv6z7JPXk7F48iI .section1,#mermaid-svg-LGv6z7JPXk7F48iI .section3{fill:#fff;opacity:0.2}#mermaid-svg-LGv6z7JPXk7F48iI .sectionTitle0{fill:#333}#mermaid-svg-LGv6z7JPXk7F48iI .sectionTitle1{fill:#333}#mermaid-svg-LGv6z7JPXk7F48iI .sectionTitle2{fill:#333}#mermaid-svg-LGv6z7JPXk7F48iI .sectionTitle3{fill:#333}#mermaid-svg-LGv6z7JPXk7F48iI .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-LGv6z7JPXk7F48iI .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-LGv6z7JPXk7F48iI .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-LGv6z7JPXk7F48iI .grid path{stroke-width:0}#mermaid-svg-LGv6z7JPXk7F48iI .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-LGv6z7JPXk7F48iI .task{stroke-width:2}#mermaid-svg-LGv6z7JPXk7F48iI .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-LGv6z7JPXk7F48iI .taskText:not([font-size]){font-size:11px}#mermaid-svg-LGv6z7JPXk7F48iI .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-LGv6z7JPXk7F48iI .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-LGv6z7JPXk7F48iI .task.clickable{cursor:pointer}#mermaid-svg-LGv6z7JPXk7F48iI .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-LGv6z7JPXk7F48iI .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-LGv6z7JPXk7F48iI .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-LGv6z7JPXk7F48iI .taskText0,#mermaid-svg-LGv6z7JPXk7F48iI .taskText1,#mermaid-svg-LGv6z7JPXk7F48iI .taskText2,#mermaid-svg-LGv6z7JPXk7F48iI .taskText3{fill:#fff}#mermaid-svg-LGv6z7JPXk7F48iI .task0,#mermaid-svg-LGv6z7JPXk7F48iI .task1,#mermaid-svg-LGv6z7JPXk7F48iI .task2,#mermaid-svg-LGv6z7JPXk7F48iI .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-LGv6z7JPXk7F48iI .taskTextOutside0,#mermaid-svg-LGv6z7JPXk7F48iI .taskTextOutside2{fill:#000}#mermaid-svg-LGv6z7JPXk7F48iI .taskTextOutside1,#mermaid-svg-LGv6z7JPXk7F48iI .taskTextOutside3{fill:#000}#mermaid-svg-LGv6z7JPXk7F48iI .active0,#mermaid-svg-LGv6z7JPXk7F48iI .active1,#mermaid-svg-LGv6z7JPXk7F48iI .active2,#mermaid-svg-LGv6z7JPXk7F48iI .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-LGv6z7JPXk7F48iI .activeText0,#mermaid-svg-LGv6z7JPXk7F48iI .activeText1,#mermaid-svg-LGv6z7JPXk7F48iI .activeText2,#mermaid-svg-LGv6z7JPXk7F48iI .activeText3{fill:#000 !important}#mermaid-svg-LGv6z7JPXk7F48iI .done0,#mermaid-svg-LGv6z7JPXk7F48iI .done1,#mermaid-svg-LGv6z7JPXk7F48iI .done2,#mermaid-svg-LGv6z7JPXk7F48iI .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-LGv6z7JPXk7F48iI .doneText0,#mermaid-svg-LGv6z7JPXk7F48iI .doneText1,#mermaid-svg-LGv6z7JPXk7F48iI .doneText2,#mermaid-svg-LGv6z7JPXk7F48iI .doneText3{fill:#000 !important}#mermaid-svg-LGv6z7JPXk7F48iI .crit0,#mermaid-svg-LGv6z7JPXk7F48iI .crit1,#mermaid-svg-LGv6z7JPXk7F48iI .crit2,#mermaid-svg-LGv6z7JPXk7F48iI .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-LGv6z7JPXk7F48iI .activeCrit0,#mermaid-svg-LGv6z7JPXk7F48iI .activeCrit1,#mermaid-svg-LGv6z7JPXk7F48iI .activeCrit2,#mermaid-svg-LGv6z7JPXk7F48iI .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-LGv6z7JPXk7F48iI .doneCrit0,#mermaid-svg-LGv6z7JPXk7F48iI .doneCrit1,#mermaid-svg-LGv6z7JPXk7F48iI .doneCrit2,#mermaid-svg-LGv6z7JPXk7F48iI .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-LGv6z7JPXk7F48iI .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-LGv6z7JPXk7F48iI .milestoneText{font-style:italic}#mermaid-svg-LGv6z7JPXk7F48iI .doneCritText0,#mermaid-svg-LGv6z7JPXk7F48iI .doneCritText1,#mermaid-svg-LGv6z7JPXk7F48iI .doneCritText2,#mermaid-svg-LGv6z7JPXk7F48iI .doneCritText3{fill:#000 !important}#mermaid-svg-LGv6z7JPXk7F48iI .activeCritText0,#mermaid-svg-LGv6z7JPXk7F48iI .activeCritText1,#mermaid-svg-LGv6z7JPXk7F48iI .activeCritText2,#mermaid-svg-LGv6z7JPXk7F48iI .activeCritText3{fill:#000 !important}#mermaid-svg-LGv6z7JPXk7F48iI .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-LGv6z7JPXk7F48iI g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-LGv6z7JPXk7F48iI g.classGroup text .title{font-weight:bolder}#mermaid-svg-LGv6z7JPXk7F48iI g.clickable{cursor:pointer}#mermaid-svg-LGv6z7JPXk7F48iI g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-LGv6z7JPXk7F48iI g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-LGv6z7JPXk7F48iI .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-LGv6z7JPXk7F48iI .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-LGv6z7JPXk7F48iI .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-LGv6z7JPXk7F48iI .dashed-line{stroke-dasharray:3}#mermaid-svg-LGv6z7JPXk7F48iI #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-LGv6z7JPXk7F48iI #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-LGv6z7JPXk7F48iI #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-LGv6z7JPXk7F48iI #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-LGv6z7JPXk7F48iI #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-LGv6z7JPXk7F48iI #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-LGv6z7JPXk7F48iI #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-LGv6z7JPXk7F48iI #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-LGv6z7JPXk7F48iI .commit-id,#mermaid-svg-LGv6z7JPXk7F48iI .commit-msg,#mermaid-svg-LGv6z7JPXk7F48iI .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-LGv6z7JPXk7F48iI .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-LGv6z7JPXk7F48iI .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-LGv6z7JPXk7F48iI g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-LGv6z7JPXk7F48iI g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-LGv6z7JPXk7F48iI g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-LGv6z7JPXk7F48iI g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-LGv6z7JPXk7F48iI g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-LGv6z7JPXk7F48iI g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-LGv6z7JPXk7F48iI .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-LGv6z7JPXk7F48iI .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-LGv6z7JPXk7F48iI .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-LGv6z7JPXk7F48iI .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-LGv6z7JPXk7F48iI .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-LGv6z7JPXk7F48iI .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-LGv6z7JPXk7F48iI .edgeLabel text{fill:#333}#mermaid-svg-LGv6z7JPXk7F48iI .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-LGv6z7JPXk7F48iI .node circle.state-start{fill:black;stroke:black}#mermaid-svg-LGv6z7JPXk7F48iI .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-LGv6z7JPXk7F48iI #statediagram-barbEnd{fill:#9370db}#mermaid-svg-LGv6z7JPXk7F48iI .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-LGv6z7JPXk7F48iI .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-LGv6z7JPXk7F48iI .statediagram-state .divider{stroke:#9370db}#mermaid-svg-LGv6z7JPXk7F48iI .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-LGv6z7JPXk7F48iI .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-LGv6z7JPXk7F48iI .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-LGv6z7JPXk7F48iI .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-LGv6z7JPXk7F48iI .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-LGv6z7JPXk7F48iI .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-LGv6z7JPXk7F48iI .note-edge{stroke-dasharray:5}#mermaid-svg-LGv6z7JPXk7F48iI .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-LGv6z7JPXk7F48iI .error-icon{fill:#522}#mermaid-svg-LGv6z7JPXk7F48iI .error-text{fill:#522;stroke:#522}#mermaid-svg-LGv6z7JPXk7F48iI .edge-thickness-normal{stroke-width:2px}#mermaid-svg-LGv6z7JPXk7F48iI .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-LGv6z7JPXk7F48iI .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-LGv6z7JPXk7F48iI .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-LGv6z7JPXk7F48iI .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-LGv6z7JPXk7F48iI .marker{fill:#333}#mermaid-svg-LGv6z7JPXk7F48iI .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-LGv6z7JPXk7F48iI {color: rgba(0, 0, 0, 0.75);font: ;}

JavaScript
ECMAScript-JavaScript语法
DOM-页面文档对象模型
API
BOM-浏览器对象模型

第一个是基础，后两个是API

4. 输入输出

方法 说明 归属
alert(msg) 浏览器弹出框，展示给用户 浏览器
console.log(msg) 浏览器控制台打印输出，给程序员测试用 浏览器
innerHTML 写入HTML元素 配合id用
prompt(info) 浏览器弹出输入框 浏览器

二、数据类型

JS的数据类型：通过 typeof 来检测，得到的数据类型有（ES6新加入了Symbol数据类型）

  • String
  • number
  • boolean
  • null
  • undefined
  • Object

上面是 typeof 得到的输出的所有结果

Object是一切数据的基础；

ECMAScript中有5种简单的数据类型，也称为基本数据类型；

String、number、boolean、null、undefined

object 本质是由一组无序的键值对组成的；

1. typeof 操作符

typeof + 变量

console.log(typeof qqqq);    //undefined，这个变量没有定义,但是不会报错；qqqq此时是变量；
console.log(typeof (222));  //number，是一个数字； typeof是操作符而不是方法，所以后面可以加()也可以不加；
console.log(typeof "222");    //string，是一个字符串
console.log(typeof false);  //boolean，是一个布尔值
console.log(typeof {});     //object 是一个对象
console.log(typeof null);   //objecy 是一个对象，在javascript里，null是一个空指针；
console.log(typeof function(){});   //function，是一个方法,是“可调用对象”，也是属于object类型的；js里万物皆对象

typeof null 这个结果一定要记住，它返回不是null而是object

从技术的角度上讲，函数在ECMAScript中是对象，不是一种数据类型，属于对象，在就是里万物皆对象的，但是，函数也确实有一些特殊的属性，因此通过typeof操作符来区分也是有必要的；

typeof 的返回值是一个字符串类型的数据：

typeof 检测任何数据，返回的都是一个字符串，两次和两次以上的连续 typeof 结果肯定都是string；

即，typeof 的 typeof 类型是字符串

console.log(typeof typeof 222);         //"string"

变量是没有类型的，只有值才有，变量可以随时持有任何类型的值

在变量执行typeof操作时候，得到的结果并不是该变量的类型，而是该变量持有值的类型；

var a = 18;
console.log(typeof a);//"number"a = true;
console.log(typeof a)//"boolean"

总结：

  • JS的核心语言特性在ECMAScript中定义的；ECMAScript包含了所有基本用法，操作符，数据类型，以及完成基本的计算任务所必须的对象；但是没有对取得输入和产生输出的机制做出规定；

  • 数字类型，包含：正数、负数、零、小数、以及特殊的NaN；

  • typeof：检测数据类型的运算符；返回的结果是一个字符串；里面包含了对应的数据类型；例如”object”在JS中typeof null的结果也是object；

  • Instanceof：检测某一个实例是否属于这个类；在类的继承中检测的不是很严谨；

2. 字符串 string

引号内的任何东西都是字符串

字符串一旦被创建，其值是不能改变的，若要改变必须销毁原有字符串，然后用另一个包含新值的字符串填充改变量；

toString()

  • 把别的类型数据，转为字符串
  • 适用类型 Number/Boolean/String/Object
var testNum = 1;
console.log(typeof testNum);//number
var testTarget1 = toString(testNum);
var testTarget2 = testNum.toString();//推荐用法
var testTarget3 = String(testNum);最后这三个都是字符串类型

String()

  • null
  • undefined
  • null和undefined没有toString方法，所以转换的时候用String()函数；
var testNull = null;
console.log(typeof testNull); //object    【值为null的数据类型是对象】//var testString2=testNull.toString();//Uncaught TypeError:Cannot read property 'toString' of nullvar testString3 = String(testNull);  // 【用String方法把null值转换成字符串】
console.log(typeof testString3); //string

eval()

  • 计算字符串表达式的值并以数值形式返回；

如果把某个数据转化为字符串，可以有一个快捷的方式，就是把它与一个字符串”“相加就可以了；

字符串类型的数字，如果前面放+会隐式调用parseFloat，将字符串快速转换为数字；

JavaScript笔记之一：JS原生相关推荐

  1. 【javascript笔记】js基本数据类型

    .记录一下以前没掌握的 变量 解释 示例 String 字符串,一段文本. 要指示变量是字符串,你应该将它们用引号包裹起来. var myVariable = 'Bob'; Number 数字,一个数 ...

  2. JavaScript笔记-使用JS管理URL链接(前端小技巧)

    如下这个JavaScript代码: var common_ops = {buildUrl:function( path ,params ){//params = { "test": ...

  3. JavaScript笔记2———js的数据类型

    JS的数据类型有: 1.数值类型(Number):js中所有数字均用浮点数字表示. 可以表示32位(即4字节)的整数,也可以表示64位(即8字节)的浮点数(小数). 也可以用二进制.八进制.十进制.十 ...

  4. Ajax和JSON-学习笔记01【原生JS方式实现Ajax】

    Java后端 学习路线 笔记汇总表[黑马程序员] Ajax和JSON-学习笔记01[原生JS方式实现Ajax] Ajax和JSON-学习笔记02[JQuery方式实现Ajax] Ajax和JSON-学 ...

  5. html js 设置样式,原生js设置样式 笔记：JS设置CSS样式的几种方式

    document(id名).style.backgroundColor = "ren" css里的属性有-的就去掉将首字母大写. js如何添加CSS样式中的class添加属性 用J ...

  6. 【前端学习笔记】JavaScript + jQuery + Vue.js + Element-UI

    前端学习笔记 JavaScript jQuery Vue.js Element-UI Java 后端部分的笔记:Java 后端笔记 JavaScript 基础语法(数据类型.字符串.数组.对象.Map ...

  7. 原生JS javascript解除绑定事件 JS删除绑定事件

    原生JS javascript解除绑定事件 JS删除绑定事件 一.直接删除法 1.适用于直接绑定的事件,如: <h1 id="h1" onclick="_click ...

  8. 【JavaScript笔记 · 基础篇(五)】Array全家桶（引用数据类型中的数组 / Array对象 / Array.prototype）

    文章目录 一. 引用数据类型中的数组 1.1 概述 1.2 初始化 1.2.1 字面量 1.2.2 构造函数模式 1.3 访问 1.4 length属性 1.5 数组遍历 1.6 类数组对象 1.6. ...

  9. 狂神Javascript笔记

    学习狂神JavaScript所记录的笔记 Javascript笔记 一.前端核心分析 1.1.概述 Soc原则:关注点分离原则 Vue 的核心库只关注视图层,方便与第三方库或既有项目整合. HTML ...

  10. JavaScript笔记（狂神说）

    JavaScript笔记(狂神说) 本文章根据b站狂神说javascript视频教程整理 视频链接:https://www.bilibili.com/video/BV1JJ41177di?from=s ...

最新文章

  1. 算法笔记 --- 记忆搜索算法 --- 动态规划算法
  2. dataframe在groupby之后，选其中的某列作为画图的新index
  3. 文巾解题 67. 二进制求和
  4. 最长不下降子序列问题
  5. union和union all有什么区别_Pytorch中Linear与Conv1d(kernel=1)的区别
  6. 区块链浏览器_欧科云链OKLink区块链浏览器，如何挖掘数据背后的价值？
  7. 小程序影藏溢出的gif_ScreenToGif：一款小巧实用动图gif制作神器
  8. 什么叫光端机？视频光端机的分类具体有哪些？
  9. wamp 配置 mysql_PHPWAMP配置应该如何修改，Web服务器、php、mysql的具体配置修改
  10. linux系统核心已存储,Linux系统 存储
  11. mysql增量备份实例_MySQL增量备份与恢复实例
  12. 【嵌入式】Linux开发工具arm-linux-gcc安装及使用
  13. Redis普通分布式锁
  14. H3C交换机定时重启配置方法
  15. CMOS电路中闩锁效应产生的原因、过程以及后果
  16. 为什么领导不喜欢能干的员工？有这4个表现，你再有本事也被抛弃
  17. Linux固态硬盘 设置写入缓存,Win10下的写入缓存策略严重影响SSD硬盘的性能！
  18. C语言|博客作业04
  19. linux临时配置mac地址,Linux获取网卡型号、mac地址、修改IP地址的几种方法
  20. 今天开始学JAVA了！

热门文章

  1. cocos2dx掼蛋_Cocos引擎中文官网 | Cocos2d
  2. PS制作透明发光文字
  3. Python实现DNSlog自动识别外带
  4. 自定义个性cmd界面 轻松打造个性的cmd 修改cmd字体颜色 添加个性cmd内容(转)
  5. 助理产品经理、产品经理、资深产品经理有什么区别？
  6. 高级产品经理和资深产品经理两个哪个级别较高?
  7. 客户退货服务新方案之技术对接教程
  8. mysql 复杂行转列_有趣的SQL(四) 行转列的复杂应用和优化思想
  9. baidupan-json
  10. 设计公司百度百科词条创建怎么做？