Claroja

构建方法 //1.获取当前时间 new Date(); //2.根据字符串获取 new Date('December 17, 1995 03:24:00'); //根据GMT格式构建 new Date('1995-12-17T03:24:00');//根据UTC构建 //3.根据数字年月日获取 new Date(year, monthIndex [, day [, hours [, minutes [, seconds [, milliseconds]]]]]); 对象方法 1.操作时间 默认获得是当前时

1.JSON.parse() 字符串转对象 const json = '{"result":true, "count":42}'; const obj = JSON.parse(json); 2.JSON.stringify() 对象转字符串 console.log(JSON.stringify({ x: 5, y: 6 })); 参考: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JS

async函数返回一个Promise实例对象 await后面可以直接跟一个 Promise实例对象 async function queryData() { var ret = await axios.get('adata'); // console.log(ret.data) return ret.data; } queryData().then(function(data){ console.log(data) })

<script type="text/javascript" src="js/axios.js"></script> <script type="text/javascript"> axios.interceptors.request.use(function(config) { console.log(config.url) config.headers.mytoken = 'nihao'; return config..

// 配置请求的基准URL地址 axios.defaults.baseURL = 'http://localhost:3000/'; // 配置请求头信息 axios.defaults.headers['mytoken'] = 'hello';

<script type="text/javascript" src="js/axios.js"></script> <script type="text/javascript"> axios.get('http://localhost:3000/adata').then(function(ret){ // 注意data属性是固定的用法，用于获取后台的实际数据 console.log(ret) // console.lo..

all:等待所有请求 race:只要有一个请求完成,就结束 <script type="text/javascript"> function queryData(url) { return new Promise(function(resolve, reject){ var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function(){ if(xhr.re

<script type="text/javascript"> function foo() { return new Promise(function(resolve, reject){ setTimeout(function(){ // resolve(123); reject('error'); }, 100); }) } // 第一种写法 // foo() ..

<script type="text/javascript"> function queryData(url) { var p = new Promise(function(resolve, reject){ var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function(){ if(xhr.readyState != 4) return; ..

<script type="text/javascript"> var p = new Promise(function(resolve, reject){//resolve和reject代表的是两个方法 setTimeout(function(){ var flag = false; if(flag) { resolve('hello'); }else{ reject('出错了');..

npm i -d webpack webpack-cli 创建webpack.config.js module.exports = { mode: 'development' // dev模式不会对代码进行压缩和混淆 } 在package.json中 scripts 节点下添加 "scripts": { "dev": "webpack" // script 节点下的脚本，可以通过 npm run 执行 } 运行 npm run dev ...

ul>li*5然后使用tab激活 https://www.cnblogs.com/byx1024/p/12837934.html

工程

外联javacript 语法: 1.本地:<script src="myScript.js"></script> 2.外部:<script src="https://www.test.com/myScript.js"></script> 有点: 1.分离html和js代码 2.已缓存的js文件可快速加载 内联javascript <script...

输出的4中方式: 1.window.alert() 2.document.write() 3.innerHTML 4.console.log() 参考: https://www.w3school.com.cn/js/js_output.asp

在全局中 1.var和不带var作用相同,都是在window对象上添加属性 2.带var的变量不可以删除,不带var修饰的变量可以删除 var a = 123; // 全局变量 b = 456; // 全局变量 console.log(a); // 123 console.log(b); // 456 console.log(window.a); // 123 console.log(window...

1.javascript只有数值型,不分整形和浮点型 var length = 7; var length = 7.7; 参考: https://www.w3school.com.cn/js/js_datatypes.asp

var x = "Bill" 参考: https://www.w3school.com.cn/js/js_datatypes.asp

var x = true; var y = false;

1.javascript有数值型,字符串型,布尔型,数组型,对象型 2.javascript是动态类型,不用声明具体类型,使用var即可

var li = ["1",2,3];

var person = {name:"wang",age:17}; person.name; person.age; var person = {"name":"wang","age":17}; person["name"]; person["age"];

创建简单对象(很像python中的字典) var person = { name:"wang", }; 创建对象的方法 var person = new Object(); person.name = "wang"; person.age = 18; 一般创建对象的方法 function Person(name, age) { this.name = first; th...

function Person(name, age) { this.name = first; this.age = age; } var father = new Person("wang", 18); 向对象中添加成员 向对象中添加属性,只对对象有效,对类无效 father.score=98; 向对象中添加方法 father.eat = function({return "...

function myFunction(p1, p2) { return p1 * p2; // 该函数返回 p1 和 p2 的乘积 } 函数参数（Function parameters）是在函数定义中所列的名称。 函数参数（Function arguments）是当调用函数时由函数接收的真实的值。\ 参考: https://www.w3school.com.c...

this指的是本"对象" 如果函数属于全局,则this代表的是全局对象 var x = myFunction(); // x 将成为 window 对象 function myFunction() { return this; } 如果函数属于某个对象,则this代表的是该对象 function Person(name, age) { this.name =...

将一个对象的方法应用到另一个对象上 var person = { detail: function() { return this.name + " " + this.age; } } var person1 = { name:"Bill", age: "Gates", } person.detail.call(person1) call方法可以接...

查找element对象 方法 描述 document.getElementsByTagName(name) 通过标签名获得 document.getElementById(id) 通过id获得 document.forms[“frm1”] 通过form 的id获得,类似的还有images,links和scripts document.getElementsByClass...

属性 属性 描述 element.accessKey 元素快捷键 element.attributes 元素所有属性 element.childNodes 所有子节点 element.firstChild 首个子节点 element.lastChild 最后一个子元素 element.nextSibling 下一个兄弟元素 element.previousS...

键盘事件监听 事件 描述 keydown onkeydown keyup onkeyup 键盘事件对象 属性 描述 KeyboardEvent.altKey alt是否被按下(Mac是Option) KeyboardEvent.ctrlKey ctrl是否被按下 KeyboardEvent.shiftKey shift是否被按下 Keyboard...

参考:https://developer.mozilla.org/zh-CN/docs/Web/API/Event Event接口表示在DOM中发生的事件(鼠标,键盘,动画,图片加载,视频暂停等等) HTML中调用:<button onclick="alert('Hello world!')">,尽量避免这种调用 DOM中调用:myButton.onclick = function(e...

鼠标事件监听 事件 描述 auxclick onauxclick click onclick contextmenu oncontextmenu dblclick ondblclick mousedown onmousedown mouseenter onmouseenter mouseleave onmouseleave mousemove onmou...

属性 属性 描述 读写 Node.baseURI DOMString 只读 Node.childNodes NodeList 只读 Node.firstChild Node 只读 Node.isConnected boolean 只读 Node.lastChild Node 只读 Node.nextSibling Node 只读 Node.nodeName ...

参考:https://developer.mozilla.org/en-US/docs/Web/API/Element 事件 描述 cancel oncancel error onerror scroll onscroll select onselect文本选择时触发 wheel onwheel鼠标滚轮 复制/剪切/粘贴事件监听 事件 描述 co...

GlobalEventHandlers将HTMLElement,Document和Window的时间整合提来,本质上是这些对象继承了GlobalEventHandlers 属性 描述 onabort https://developer.mozilla.org/en-US/docs/Web/Events/abort onblur https://developer.mozilla...

继承自父接口Element和 GlobalEventHandlers的属性 属性 属性 类型 描述 accessKey DOMString 元素快捷键 accessKeyLabel DOMString 快捷键的字符串（只读） contentEditable DOMString isContentEditable Boolean （只读） contextMenu H...

属性 属性 描述 console console 对象的引用(只读) customElements (只读) crypto (只读) dialogArguments (只读) document 文档的引用(只读) event 事件引用(只读) frameElement 嵌入窗口元素(只读) frames 所有子窗体的数组(只读) fullScreen...

screen表示屏幕的窗口 属性 属性 描述 availTop availLeft availHeight availWidth colorDepth 屏幕色彩深度 height pixelDepth width 参考: https://developer.mozilla.org/zh-CN/docs/Web/API/Screen ...

属性 属性 描述 all[] 所有元素 anchors[] anchors对象 applets applets对象 forms[] forms对象 images[] images对象 links[] links对象 body 直接访问 <body> 元素 cookie cookie domain 域名 lastModified 文档被...

Location表示连接到的位置(URL) Document.location和Window.location都有一个链接到location 常用于页面跳转 属性 属性 描述 Location.href DOMStringURL Location.protocol DOMString对应的协议 Location.host DOMString域名 Location.hos...