![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 51
Zella Zhang
无名之辈
展开
-
一个页面同时调用两个相同接口后,得到对应的两个值再传递给另外一个接口
写项目时,遇到这么一个问题,可以将其说成 同步、异步的问题吧。描述:我需要在一个页面同时调用两个相同接口后,得到对应的两个值再传递给另外一个接口。解决办法:可以使用 Promise.allconst promise1 = Promise.resolve(3);const promise2 = 42;const promise3 = new Promise((resolve, reject) => { setTimeout(resolve, 100, 'foo');});Prom原创 2021-08-27 14:00:07 · 1233 阅读 · 0 评论 -
Vue+iview的表格插件在render函数中使用Tooltip文字提示
Vue+iview的表格插件在render函数中使用Tooltip文字提示记录工作中遇到的问题 及 找到的解决办法转载 2021-08-26 11:23:39 · 675 阅读 · 0 评论 -
Git常用命令
文章目录Git常用命令【1】 初始化项目为git项目 ==[常用]==【2】clone服务器代码到本地 ==[常用]==git通过命令行下载git仓库的某个分支:==[常用]==【3】添加修改文件到暂存区 ==[常用]==【4】提交修改到本地仓库 ==[常用]==【5】提交本地仓库的修改到远程仓库 ==[常用]==【6】将远程库的远程分支作为当前分支的上游分支【7】查看文件本次的修改【8】查看当前分支下当前状态【9】查看提交历史【10】merge(合并)其他分支到当前分支【11】切换到上一个分支【12】切换原创 2021-08-25 10:15:00 · 110 阅读 · 0 评论 -
前端 面经/编码规范/教程/安装总结
文章目录面经编码规范学习教程最近梳理了一些前端可能用到的教程:面经震惊!前端300基础面试题+答案、分类学习整理(良心制作)持续更新很全面的vue面试题总结编码规范15 Rules For Writing Clean JavaScript学习教程ES6 入门教程vue官方文档vue收藏!工作中Git使用实践和常用命令流程合集ElementUI组件iview...原创 2021-08-25 10:06:03 · 135 阅读 · 0 评论 -
iView中Form表单的验证(自定义验证、动态增减项验证)
记录:iView中Form表单的验证(自定义验证、动态增减项验证)转载 2021-08-24 17:19:22 · 520 阅读 · 0 评论 -
(字节跳动)回文解码 & 出专辑
文章目录1 回文解码2 出专辑1 回文解码题目现在有一个字符串,你要对这个字符串进行 n 次操作,每次操作给出两个数字:(p, l) 表示当前字符串中从下标为 p 的字符开始的长度为 l 的一个子串。你要将这个子串左右翻转后插在这个子串原来位置的正后方,求最后得到的字符串是什么。字符串的下标是从 0 开始的,你可以从样例中得到更多信息。思路var s_1 = s.substr(p,l).split('').reverse().join('')s = s.slice(0,p+l) + s_1 +原创 2021-05-08 10:59:05 · 186 阅读 · 0 评论 -
iview 日期时间选择器动态限制可选范围
文章目录iview 日期时间选择器动态限制可选范围iview 日期时间选择器动态限制可选范围引用:原作者地址原作者地址效果图:因为本身自己的代码使用了 eslint 插件,因此在原来的基础上又规范了一下。 <date-picker type="datetimerange" ref="date" format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期"转载 2021-07-28 16:21:48 · 1401 阅读 · 0 评论 -
域名 与 ip 地址
文章目录域名 与 ip 地址 关系windows 下修改 host 文件域名 与 ip 地址 关系域名和ip地址的关系是域名为了代替ip地址作为网址提供网站的访问入口。域名形式易记忆,比ip地址有更多的选择ip地址是数字型的,为了方便记忆才有的域名,通过域名地址就课题找到ip地址一个ip地址可以有多个域名;而一个域名只能和一个ip地址建立关系当服务器ip地址改变时,直接修改域名解析就行,这样就不用告诉访问用户新的ip地址。windows 下修改 host 文件先找到host文件 所在原创 2021-07-20 09:02:02 · 1807 阅读 · 0 评论 -
JS 实现图片上下张切换
文章目录JS 实现图片上下张切换body中相关设置css样式简单设置js主要部分效果图图片素材原图完整代码JS 实现图片上下张切换思路:利用js切换图片,即修改img标签中的src属性即可。body中相关设置文本提示块(提示当前图片为第几张,共几张图片)图片块(放置图片)两个按钮(切换上下张按钮)<body> <div id='outer'> <p id='info'></p> <img src="img/1.png" alt原创 2021-01-16 21:18:42 · 1303 阅读 · 1 评论 -
js截取页面,并保存为图片,并保存到本地
JS截取页面,并保存到本地将canvas保存为图片的方法canvas的toDataURL()方法转载 2020-11-25 23:24:54 · 1667 阅读 · 0 评论 -
web前端之五子棋网页版小游戏
五子棋小游戏这个五子棋小游戏,没有写成人机模式。但大家可以尝试下自己饰演两个角色的五子棋,嘻嘻嘻效果图片效果代码index.html<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>简易五子棋游戏</title> <link rel="stylesheet" href="css/main.css">原创 2020-07-05 21:20:54 · 8663 阅读 · 1 评论 -
web前端之跳一跳网页版小游戏
跳一跳小游戏效果图片效果刷新产生随机位置跳一跳game over代码实现index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>跳一跳</title> <link rel="stylesheet" href="css/main.css"> <script type="text转载 2020-07-05 14:34:48 · 5224 阅读 · 0 评论 -
web前端之贪吃蛇网页版小游戏
贪吃蛇游戏一直喜欢玩贪吃蛇,又想联系前端,感觉用js写网页版小游戏还蛮好的。因此就去万能的b站找了个视频,就学着写了贪吃蛇的小游戏,自己玩起来感觉还算ok。效果图片效果开始暂停刷新随机产生食物位置撞墙代码实现index.html<!Doctype html><html lang="en"><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><head&g原创 2020-07-04 00:15:35 · 2254 阅读 · 2 评论 -
web前端之2048网页版游戏
2048游戏最近突发奇想想写个网页版游戏,然后还没写完,调bug时就看见个比较漂亮的2048代码,忍不住想分享给大家。在他基础上,我稍微修改了下样式和一些小操作效果图片效果代码index.html<!DOCTYPE html><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>2048小游戏</titl转载 2020-07-02 10:05:26 · 1805 阅读 · 1 评论 -
web前端之幻灯片(二)--自动播放
幻灯片实现幻灯片自动放映,左下角圆圈直接跳转到某张幻灯片。如果想左右切换,请见web前端之幻灯片(一)效果图代码实现动图展示html代码<body> <div class="show"> <div class="myShow"> <div class="number">1 / 4</div> <img src="../image/huan1.jpg" alt=""> <div class="原创 2020-06-27 16:32:52 · 1239 阅读 · 0 评论 -
web前端之幻灯片(一)
幻灯片实现左右点击切换,左下角圆圈直接跳转到某张幻灯片。效果图代码实现动图展示html代码<body> <div class="show"> <div class="myShow"> <div class="number">1 / 4</div> <img src="../image/huan1.jpg" alt=""> <div class="text">introduction1&l原创 2020-06-27 16:22:12 · 1365 阅读 · 0 评论 -
web前端之城市级联
城市级联最近看了篇不错的博客,效果实现的也不错,但存在细小问题,所以就原作者博客代码基础上进行了细微修改。说明原博主代码实现了选择省份,自动对应出地市. 选择地市可自动对应出区县。但存在的细小问题在于,自动对应出城市后,县区无法选择。例如省:北京市,则市会自动对应市辖区,但此时区县无法进行选择。主要是在每一个列表内添加了一行下段代码:{name:'请选择市',areaList:['请选择区']},原博主代码实现展示效果图未点击时:点击“请选择省”:选择完省份后:选择完城市原创 2020-06-27 11:56:54 · 5865 阅读 · 0 评论 -
web前端之表单验证(二)
表单验证之错误信息下方提示说明图1:简单效果图,图2、3:当所有文本框都为空或者输入不符合要求时,会在右方提示错误。效果图html代码<body> <h2>注册用户:</h2> <hr> <form action="#" > <p>用户名:</p> <div class="error_div"> <input type="text" name="username" cl原创 2020-06-26 20:27:41 · 178 阅读 · 0 评论 -
web前端之表单验证(一)
表单验证效果图图片: 带尺寸的图片: 居中的图片: 居中并且带尺寸的图片: 当然,我们为了让用户更加便捷,我们增加了图片拖拽功能。如何插入一段漂亮的代码片去博客设置页面,选择一款你喜欢的代码片高亮样式,下面展示同样高亮的 代码片.// An highlighted blockvar foo = 'bar';生成一个适合你的列表项目项目项目项目1项目2项目3 计划任务 完成任务创建一个表格一个简单的表格是这么创建的:项目Value原创 2020-06-26 20:01:01 · 2236 阅读 · 0 评论