js
zexin-lai
这个作者很懒,什么都没留下…
展开
-
async...await
async…await使用1.功能作用:async 告诉程序这是一个异步,await会暂停执行async中的代码,等待await 表达式后面的结果,跳过async 函数,继续执行后面代码async 函数会返回一个Promise 对象,那么当 async 函数返回一个值时,Promise 的 resolve 方法会负责传递这个值;当 async 函数抛出异常时,Promise 的 reject 方法也会传递这个异常值await 操作符用于等待一个Promise 对象,并且返回 Promise 对象的原创 2020-07-18 22:52:28 · 218 阅读 · 0 评论 -
promise
简单使用一. 作用:1.Promise对象: 代表了未来某个将要发生的事件(通常是一个异步操作)。2.可以将异步操作以同步的流程表达出来,很好地解决了回调地狱的问题(避免了层层嵌套的回调函数)。3.解决在使用ES5的时候,在多层嵌套回调时,写完的代码层次过多,很难进行维护和二次开发。** 二. 写法:**//创建promise对象var p1 =new promise(function(resolve, reject) { if(true) { reslove("数据请求成功"); }e原创 2020-07-17 22:08:55 · 90 阅读 · 0 评论 -
es6函数扩展
箭头函数 let d1 = document.getElementById('d1'); d1.onclick = function () { setInterval( ()=> { var rand1 = parseInt( Math.random() * 255 ); var rand2 = parseInt( Math.random() * 255 ); var rand3 = parseInt( Math.random() * 255 );原创 2020-07-16 22:53:55 · 95 阅读 · 0 评论 -
node服务器和thinkjs,Vue入门
node搭建express静态web服务器可以实现静态服务器功能页面,图片,样式,js文件等都能访问let express = require('express');let app = express();//实例化express模块app.use(express.static('static'));//静态地址app.get('/api/userlist', (req,res)=>{//自定义api接口 // 请求的信息:req对象 // 响应的操作和信息:res对象原创 2020-07-08 23:33:54 · 226 阅读 · 0 评论 -
绑定事件(弹框)
弹框 <script> var btn = document.querySelector("button"); btn.onclick = function() { var zhezhao = document.createElement("div"); zhezhao.className = "zhezhao"; zhezhao.innerHTML = '<div class="alert"><div class="header"&g原创 2020-07-03 22:23:35 · 687 阅读 · 0 评论 -
点击轮播图下的小圆点切换对应的图
轮播图下的小圆点(显示对应的点),点击切换图<div class="dotList"> <span class="dot dotActive" data-id = "0"></span> <span class="dot" data-id = "1"></span> <span class="dot" data-id = "2"></span> <span class=原创 2020-07-01 22:50:21 · 3642 阅读 · 0 评论 -
轮播图
<title>轮播图</title> <style type="text/css"> *{ margin: 0; padding: 0; } .swiper { width: 1226px; height: 460px; margin: 0 auto; position: relative; } .swiper .imgList { width: 100%; height: 1...原创 2020-06-30 20:56:40 · 129 阅读 · 0 评论 -
js辅助响应式navigator
(获取不同的客户端版本)使用navigator.userAgent来检测当前运行浏览器的是什么设备 <title>js辅助式响应</title> <style> .iphone #icon { width: 100px; height: 100px; background-image: url(./img/iphone.png); backgr原创 2020-06-29 23:59:23 · 411 阅读 · 0 评论 -
js数组对象和prototype
js一切皆是对象创建数组:方法一:new数组实例 var arr = new Array("1", "2", "3");方法二:数组字面量 var arr = [1,2,3]数组的属性:属性名描述length数组的长度数组的方法:方法名描述是否改变数组arr.concat()两个数组拼接否arr.join()把数组转化为字符串,默认逗号为分隔,使用参数可以自定义分隔符否arr.toString()把数组转化为字符串原创 2020-06-28 00:11:59 · 392 阅读 · 0 评论