搁淺~-CSDN博客

原创 axios封装之cancelToken以及拦截器的使用

对axios进行封装:1.实现loading操作2.使用cancelToken避免多次请求3.使用promise封装post和get请求,使用拦截器interceptors添加loading一.实现loading操作在发起请求后，由于响应时间的不确定性，为提升用户体验，所以在发起请求后添加一个loading操作，请求成功后取消loading。使用element-ui的Loading组件以服务的方式调用loading在loading.js 文件中import { Loadi.

2022-02-08 17:53:00 1782

原创小程序实现大转盘

使用小程序来实现一个大转盘吧！大转盘都不陌生，开始抽奖，然后停止的位置就是获得的奖品。实现方法：setInterval先来实现一下匀速大转盘吧先将转盘设计好，比如3 x 3 的大转盘，中间是个开始按钮;我这里设置的是背景颜色的变化，当抽奖到达某个位置时，这个位置的颜色发生变化；先贴一下我的ttml页面吧（不要在意我奇怪的配色~）// index.ttml<view class="container"> <view class="box"> &lt

2021-11-26 18:41:13 3442

原创 js中相等性比较

对于js中相等性的比较总是一知半解，对于一些特殊的比较犹豫不决，仔细学习后其实很容易比较的，记录一下吧～提问：1.NaN == NaN2.NaN === NaN3.{} == {}4.{} === {}5.[] == []6.[] === []7.+0 === -08.Number(‘1’) === 19.Object.is（NaN，NaN）10.Object.is(+0，-0）11.null == undefined12.null === undefined13.‘1’ ==

2021-05-17 18:33:21 170

原创 Object.assign()和Promise的结合，你还不知道？？超级无敌托马斯好用

在写一个小程序的时候可能要使用到tt.getUserInfo,tt.getSystemInfo,tt.getSetting。。。这些有一个共同特点，都会有一个回调函数，并且我们会使用到success内的结果。如果项目中要使用到多个这样的api，不如统一处理，用promise返回结果，避免层层回调，保持代码简洁前提：使用promise封装一个函数这个要知道哦，如果还没有使用过，可以去看看我的第一篇文章，就是用promise封装的wx.request()； “(_)”那我们直接看代码过程吧一，可以把这.

2021-03-29 20:21:52 232

原创数组方法混淆？一文搞定！！

对数组的方法every，some，filter，map，forEach，reduce，find，findIndex，indexOf，lastIndexOf，includes，valueOf依次进行了举例说明由于数组方法多而实用，容易混淆，所以简单写了一遍，加深记忆，顺便记录下来，方便查阅总结下：返回boolean值：every，some,includes筛选返回新数组：filter，map累加：reduce单纯对元素执行一次函数：forEach条件查找：find,findIndex指定查

2021-03-09 14:10:38 207

原创小程序数字太大导致精度缺失问题

遇到的问题：服务端传递过来一个json字符串，里面包含一个数字6931928798271278861，但是我这里parse之后就变成了6931928798271279000是因为js中Number的范围为-9007199254740992~9007199254740992(-2^53 ~2^53),具体的解释大家可以参考https://www.cnblogs.com/littlestart/p/6023976.html 不再赘述了来吧，开始解决问题解决思路：npm构建第三方包 .

2021-02-25 11:03:41 1270

原创递归函数

递归函数在项目中遇到了递归的使用，查阅资料对递归进行了学习，简单记录一下吧～递归:通俗点讲就是自己调用自己，一直循环同样的一段代码根据对递归的理解就会联想到一个问题，一直循环容易造成死循环，所以一定要加限制条件来结束循环递归的常用使用场景时间的递归，数的阶乘，只要重复嵌套使用同一段代码就可以使用递归使用场景1: 斐波那契数列，形如 [1,1,2,3,5,8…]function fib(n) { if (n < 3) { return 1; } retur

2021-02-09 14:41:47 116

原创 web前端面试题

自己面试遇见的题目，记录知识点，可以自己具体去查答案，仅提供部分答案css面试题1.flex的介绍：flex也称‘弹性布局’，可以随着页面的大小自适应页面布局。注意：设置了弹性布局后，子元素的float，clear和vertical-alain属性都将会失效flex的主要属性：flex-direction：指定flex的主轴方向，有row（默认，水平方向是主轴方向）| column（垂直方向是主轴方向）justify-content：当水平方向是主轴方向时的对齐方式 space-betwee

2021-01-19 11:17:41 262

原创小程序绘制海报保存到相册

说在前面的话自己第一次制作了海报并且保存相册，故来记录一下。。。分享给需要的朋友，这里以字节小程序为例，明白思路，学以致用！！！正文开始了（一本正经）思路： 1.用canvas绘图，将自己的海报绘制出来 2.将绘制好的canvas转化成图片 3.调用api将生成的图片保存到相册 tip：为什么要用canvas呢？因为只有图片才可以保存到相册，把你海报的所有东西变成一张图片，仿佛只能canvas了吧。思路了解，码上就来！第一步：绘制海报我们可以想一下海报的构成：背景，头像，昵称，标题，正

2021-01-19 11:14:32 393

原创微信小程序wx.request的简单封装，超详细

小程序的网络请求wx.request的封装炒鸡基础，炒鸡详细哦关键词：wx.request,promise,async,await在小程序中提供了发起https网络请求的方法wx.request（Object）在js文件中使用此方法wx.request({ url: 'http://localhost:4000/top/playlist/highquality',//请求的接口地址 method:"get|post|其他",//http请求数据的方式，默认是get

2020-08-03 17:25:40 17186 10

qq_43677737的博客