Promise学习（2）
Promise.all()12345678910111213function setTime(time = 0, isSuccess = true) { return new Promise((res, rej) => { setTimeout(() => { console.log(666); isSuccess && res(`成功：${time}`); !isSuccess && rej(`失败：${time}`); }, time); });}Promise.all([setTime(100), setTime(200), setTime(300)]) .then(res => console.log(res)) // (3) ["成功：100", "成功：200", "成功：300"] .catch(err...
Promise学习
Promise的状态Promise有三个状态： pending：[待定]初始状态 fulfilled：[实现]操作成功 rejected：[被否决]操作失败 当promise状态发生改变，就会触发then()里的响应函数处理后续步骤。promise状态一经改变，不会再变。 Promise对象的状态改变，只有两种可能： 从pending变为fulfilled。 从pending变为rejected。 这两种情况只要发生，状态就凝固了，不会再变了。 基本使用知识点123456789101112131415161718let p = new Promise((res, rej) => {let t = new Date(), s = t.getSeconds();if(s % 2) { res(s);}else{ rej(s, "参数二");}});# 调用方式1p.then(res => console.log(res, "成功")) ...
微信小程序挖坑
前言最近第一次自己从头开始独立开发原生的微信小程序写个踩坑记录 和 等转移字符不起作用需要在text组件中设置decode属性并设置为true 1<text decode="{{true}}">Hello World</text> 微信官方原文：tip: decode可以解析的有 < > & '     多个空格不起作用需要在text组件中是指space属性并设置为以下值 space...
前端学MongoDB之路（一）
前言为什么要学MongoDB？也就想玩下后台- -环境：win10 安装与运行下载&安装先去官网下个安装包。（MongoDB下载地址https://www.mongodb.com/download-center/community）然后就是无脑下一步安装。 配置环境变量找到你的MongoDB的安装路径，进入到它的bin目录下。复制该路径（我的是C:\Program Files\MongoDB\Server\4.2\bin），然后添加到环境变量中即可。 运行 win+r 输入cmd进入命令行 输入mongod命令启动（注意是mongod）这个可能会报如下错误：exception in initAndListen: NonExistentPath: Data directory C:\data\db\ not found., terminating说没有这个文件夹。创建所缺的文件夹即可。 当看到类似以下提示NETWORK [listener] waiting for connections on port...
hexo根据文章创建时间分文件夹
最近看回自己写得文章，发现自己写了三十篇文章啦。当然对于大佬来说，可能也不算很多。不过我回头一看发现hexo生成的文章都丢一个文件夹上。emm几篇还好，但是现在三十篇了，新增一篇文章的时候，要找出自己刚刚新增的还是要三十找一，找得自己头都晕了=_= hexo官方也给出了我们修改默认生成的路径传送门。在_config.yml文件下，有个new_post_name参数默认是:title.md的。这里可以更具下方变量自己进行组合。 | 变量 | 描述 || —— | —— | —— || :title | 标题（小写，空格将会被替换为短杠） || :year | 建立的年份，比如， 2015 || :month | 建立的月份（有前导零），比如， 04 || :i_month | 建立的月份（无前导零），比如， 4 || :day | 建立的日期（有前导零），比如， 07 || :i_day | 建立的日期（无前导零），比如， 7 | 我的配置是:year/:month/:title.md。更改后保存，生成一个试试。执行hexo new...
js数组排序
假设现在有一个这样的数组： 1let arr = [3, 5, 1, 2, 6, 0, 4]; 我们需要对他进行排序，从小到大。 方法一：使用sort方法12345arr.sort(function(a, b) { return a - b;});console.log(arr);// [0, 1, 2, 3, 4, 5, 6] 如果sort方法，不传入方法的话，某种情况下他是会有问题的。举个例子： 123let _arr = [0, 1, 5, 10, 15, 51];_arr.sort();// [0, 1, 10, 15, 5, 51] 为了实现升序，sort()方法会调用每个数组项的toString()转型方法，然后比较得到的字符串，以确定如何排序。即使数组中的每一项都是数值，sort()方法比较的也是字符串。为了更好的实现排序，sort()方法可以接收一个比较函数作为参数，以便我们指定哪个值位于那个值的前面。 方法二：使用冒泡排序方法12345678910for(let i = 0 ; i < arr.length - 1 ; i++)...
window配置git的ssh登录
前言这篇文章主要介绍window系统如何配置ssh，让git去用ssh的方式进行登录。开发环境：window 尝试拉取代码拉取代码：git clone git@gitee.com:ou_yanting/test.git。 提示如下 12345678910Cloning into 'test'...The authenticity of host 'gitee.com (180.97.125.228)' can't be established.ECDSA key fingerprint is SHA256:FQGC9Kn/eye1W8icdBgrQp+KkGYoFgbVr17bmjey0Wc.Are you sure you want to continue connecting (yes/no)? yesWarning: Permanently added 'gitee.com,180.97.125.228' (ECDSA) to the list of known hosts.Permission...
css:background属性不生效
前言❕在移动端上，部分手机无法正常使用background-position，background-size的属性。 先说我要实现的效果，就是将一张图放大，然后实现画面放大以达到前进的效果。第一步效果 第二步效果，只显示绿框 第三步效果，只显示绿框 线上效果地址https://weixin.mountainkj.com.cn/valentine/，请在微信中代开。 部分样式代码 1234567891011121314151617.container { min-height: 100vh; transition: all 2s linear; bacgkround: url("https://cdn.xiaolouyou.com/allove/Valentine2/bg.jpg"); background-position: center top; background-size: 100% auto;}.container.step2 { background-position: center...
安卓微信h5视频问题
前言 这篇文章主要介绍微信h5对安卓视频播放不友好的问题开发环境：macOS手机系统：安卓9 先贴下基础代码1234567891011121314151617<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> video{ width: 375px; } ...
常用nginx配置
前言前端常用的一些nginx配置 基本配置123456789server { listen 80; server_name www.ouyanting.com; root /opt/www/file; location / { index index.html; }} 监听其他端口我想用www.ouyanting.com:8081的形式访问自己博客。对应nginx配置如下。 12345678910server { # 这里监听的是8081的端口，可以改成你想监听的其他端口 listen 8081; server_name www.ouyanting.com; root /opt/www/file; location / { index index.html; ...