何人陪我共长生-优快云博客

原创 svg加载动画

<div class="el-loading-spinner posi-local" v-show="showLoadingFlag"> <svg viewBox="25 25 50 50" class="circular"> <circle cx="50" cy="50" r="20" fill="none" class="path"></circle> </svg> <..

2021-04-29 17:53:06 477

原创详解Promise.race()可以解决多个异步请求那个请求先返回

Promise.race([]);接受一个参数，由promise组成的一个数组；它的返回结果是promise对象；它的结果和状态由什么去决定呢？由第一个改变Promise状态的对象去决定；若是返回的是成功，那么race就是成功；若是失败，那么race就是失败 let p1 = new Promise((resolve, reject) => { setTimeout(() => { resolve('ok1') }, 1000) }) let p2 = .

2021-04-17 18:15:39 926

原创 Promise.all()方方详解

1.Promise.all()方方详解 /** * Promise.all，只有所有的Promise成功，才能够算作成功，只要有一个失败了，就直接失败； * 它包含一个参数，这个参数是指包含多个Promise的数组； * */ 如果有一个失败，那么返回第一个失败的Promise对象作为结果；如果他们三个都是成功的，那么all方法的返回的结果；是他们三个Promise对象成功结果的组成的一个数组； 2.都是成功 let p1 = new Promise((resolve, reject) =>

2021-04-17 18:14:25 1708

原创你不知道的Promise构造函数Promise(excutor)

Promise构造函数Promise(excutor) // 说明一下：excutor会在Promise内部立刻同步调用；（异步操作在执行器执行） var p = new Promise((resolve, reject) => { // resolve 既是函数也是参数，它用于处理成功的；在异步任务成功的时候，去调用resolve // reject 既是函数也是参数，它用于处理失败的；在异步任务失败的时候，去调用reject con.

2021-04-14 23:23:36 283

原创处理微信小程序input框将页面往上推动

1. view <view class="bottom-wri-box" :style="{bottom: bottomHeight}"> <image @tap="changeChander" class="left-cont-icon" :src="imageUrl+'/huifu-icon.png'"></image> <input :adjust-position="flasFlag" @confirm="AddSendMess" class=

2021-04-12 22:27:52 1690

原创关于async函数的错误处理

1. 关于async函数的错误处理有些时候，我们请求的接口可能会报错；从而导致后面的代码无法去执行；这样就会造成页面上某些状态出错！那么怎么样才能既能捕获到错误还能让代码往后面执行呢 2. 解决方法，使用 try catch 捕获 async sendhander() { try { const data= await send_api(); //do something } catch (err) { //当接口报错的时候做一些处理； //比如说你给

2021-04-12 12:46:43 739

原创小程序生命周期详解

onLoad(option){ console.log("onLoad",option); //主要用于上一个页面传递过来的参数 }, onShow(){ 切入前台触发，用我的话来讲就是这个页面出现一次，他就被调用一次包括你【前进】和【后退】到这个页面。 }, onReady: （）{ 首次显示页面，页面初次渲染完成，会触发onReady方法，渲染页面元素和样式，一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互.

2021-03-22 20:12:38 96

原创去除小程序scroll-view产生的横向滚动条

<template> <view class="page-demo"> <scroll-view class="scrool-more" scroll-x="true" scroll-with-animation="true"> <text class="label-name" v-for="(item,index) in listTypecont" :key="index"> {{item.name }} </text&g

2021-03-21 17:48:05 440

原创页面滚动，按钮在最底部，同时去除垂直滚动条

效果图 <template> <view class="page-demo"> <view class="srcool-box"> <scroll-view scroll-y="true" class="cont-scrool"> <view class="demo-height" v-for="(item,index) in listTypecont" :key="index"> {{ item.n

2021-03-21 17:04:58 185

原创小程序内容区域滚动按钮在最底部

1.场景描述有些时候，我们在做列表页的时候，上面部分的的内容区域可以滚动，底部的按钮区域固定在最顶部；所以按钮肯定是固定定位的哈； <template> <view class="page-demo"> <view class="srcool-box"> <scroll-view scroll-y="true" class="cont-scrool"> <view class="demo-height" v

2021-03-21 16:24:14 515

原创去除小程序页面产生的滚动条

5.去除小程序页面产生的滚动条 ... 最关键的css 2+4=6... .page-demo{ height: 100vh; overflow-y: auto; } ::-webkit-scrollbar { width: 0; height: 0; color: transparent; display: none; } <template> <view class="page-demo"> <view class="height1">1&l

2021-03-21 15:45:40 612

原创小程序的登录流程详细讲解，获取code、reqId、当前登录人信息、手机号

1. 微信小程序的登录流程 appid 1==> 需要appid，当你开发一个小程序的时候，都会有一个appid,每一个小程序对应一个appid；所以这个appid是前端是可以获取的哈； 2. 如何获取code,code是由时效的哈，需要注意一下 code的时效有5分钟，在用户点击登录授权的时候，通过回调函数来解决。还有一种方式：在点击按钮的时候，调用uni.login({ }）在成功函数去获取用户的基本信息 uni.login({ success(res) { c

2021-03-19 23:16:51 2309

styleforgive的博客