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.jsmodule.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.innerHTML4.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); // 123console.log(b); // 456console.log(window.a); // 123console.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和scriptsdocument.getElementsByClass...

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

键盘事件监听事件描述keydownonkeydownkeyuponkeyup键盘事件对象属性描述KeyboardEvent.altKeyalt是否被按下(Mac是Option)KeyboardEvent.ctrlKeyctrl是否被按下KeyboardEvent.shiftKeyshift是否被按下Keyboard...

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

鼠标事件监听事件描述auxclickonauxclickclickonclickcontextmenuoncontextmenudblclickondblclickmousedownonmousedownmouseenteronmouseentermouseleaveonmouseleavemousemoveonmou...

属性属性描述读写Node.baseURIDOMString只读Node.childNodesNodeList只读Node.firstChildNode只读Node.isConnectedboolean只读Node.lastChildNode只读Node.nextSiblingNode只读Node.nodeName...

参考:https://developer.mozilla.org/en-US/docs/Web/API/Element事件描述canceloncancelerroronerrorscrollonscrollselectonselect文本选择时触发wheelonwheel鼠标滚轮复制/剪切/粘贴事件监听事件描述co...

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

继承自父接口Element和 GlobalEventHandlers的属性属性属性类型描述accessKeyDOMString元素快捷键accessKeyLabelDOMString快捷键的字符串（只读）contentEditableDOMStringisContentEditableBoolean（只读）contextMenuH...

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

screen表示屏幕的窗口属性属性描述availTopavailLeftavailHeightavailWidthcolorDepth屏幕色彩深度heightpixelDepthwidth参考:https://developer.mozilla.org/zh-CN/docs/Web/API/Screen...

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

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