![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
es6
Justicky
别再最能吃苦的年纪选择安逸!
展开
-
Promise实现接口超时限制
主要思想:通过Promise.race()实现接口超时限制 // 定义上传文件接口函数export const uploadFile= (params) => { let uri = serverSrc + '/api/xxx/xxx' // 设置请求地址 return Promise.race([ uploadFilePromise(uri, params),...原创 2018-12-27 23:22:17 · 5391 阅读 · 3 评论 -
es6 import()函数用法
import()函数简介前面介绍过,import命令会被 JavaScript 引擎静态分析,先于模块内的其他模块执行(叫做”连接“更合适)。所以,下面的代码会报错。// 报错if (x === 2) { import MyModual from './myModual';}上面代码中,引擎处理import语句是在编译时,这时不会去分析或执行if语句,所以import语句放在i...转载 2019-01-05 18:17:46 · 1921 阅读 · 0 评论 -
基于es6 import()实现本地数据mock
import()动态加载相关资料:https://blog.csdn.net/Zckguiying/article/details/85864233需求描述:前端项目中必定要有本地数据mock的模块,实现前后端分离,解决开发时因前后端接口的依赖而导致开发效率低下的问题。实现方案:这里主要使用了es6 import()动态加载模块来实现mock功能。1、准备需要mock的json数据,命...原创 2019-01-05 20:59:18 · 1224 阅读 · 0 评论 -
基于localStorage封装带过期限制的缓存功能模块
每个项目中都很有可能使用到本地缓存来处理逻辑,这里基于window.localStorage封装了带过期限制的缓存功能模块。使用方式: import cache from '@/utils/cache.js' // 根据项目目录而定let data = { name: 'Justicky', work: 'front end'}1、设置缓存数据:ca...原创 2019-01-29 15:57:44 · 536 阅读 · 0 评论 -
监听页面滚动实现加载更多功能
1、功能描述:当页面内容超过一屏,没有分页功能,且页面滚动到底部时,希望自动加载更多数据。这时候就需要监听页面是否滚动到底部,并在滚动到底部时,执行回调函数。2、代码实现:/** * 页面滚动到底部触发监听,执行回调 * @param callBack */export function scrollToBottom (callBack) { window.onscrol...原创 2019-01-30 12:01:08 · 1949 阅读 · 0 评论