前端排坑指南(四) 前端排坑指南(四)axiost开发模板 最近突然发现，公司很多小项目都是后端大佬们临时使用脚手架创建的，或者是前端开发们紧急搭建的，没有考虑和设计交互时的细节，请求响应时间控制，请求连接特殊处理，请求进度，上传文件请求头处理，下载文件处理等等。仅仅就是写了一个干巴巴的request.js 也就导致axios配置的千奇百怪，后续开发过程中痛不欲生。 所有我建设性的提供一个标准参考模板，希望大家可以查询使用第一步：构造全局变量创建request.js文件引入axios创建全局控制变
前端排坑指南(三) 前端排坑指南(三)妙用promise最近遇到一道面试题：多次请求合并为一次请求一起请求后分发给多次请求废话不多说，上代码// 假设获取用户的信息方法const getUserInfo = (arr = []) => new Promise((resolve) => { resolve(arr.map((item, index) => `${item}info${index + 1}`));});// 测试函数打印成功// getUserInfo([1, 2
前端排坑指南(二) 前端排坑指南(二)vue使用防抖节流 当您读这篇文章时，默认您已经了解什么是防抖节流了。痛点： 使用vue开发项目，如果是使用vue-cli，就会出现使用.vue的文件进行页面开发。 然后我们定义在methods里的方法，使用封装的防抖节流高阶函数包裹时，就出现不生效的效果。原因： 因为methods里的函数因双向绑定的影响，导致无法闭包。就不断刷新函数。解决： computed计算数据有缓存数据的功能，这样是它和``watch`的较大不同点之一，我们就可以利用这个属性
webpack入门简册 webpack5简册一、基础理解1、webpack的作用如一个html总会执行第一个script标签里的js代码，之后再执行引入的各种js文件。当然，也可以是多个script标签，变成了多入口。webpack就是指定一个或多个入口文件，然后进行代码处理，将引入的其他js，css等等代码，资源打包成一捆一捆(bundle)的文件流(chunk)，然后输出到指定的文件夹和文件名称。达到代码的兼容，压缩，转义处理等等功能。2、webpack的核心入口起点：entry配置示例：webpack
前端排坑指南(一) 前端排坑指南(一)前后端-数据转接：问题描述： 现在开发模式 主要为前后端分离。前端开发的痛点，就是页面画完后，调试接口，发现接口数据里的字段和自己写的不一样。后端不愿意逆向开发，先写接口定义，在写接口实现。没有提前出接口文档，接口字段不明确，后期改动巨大。前端只能等后端接口完成后开发，或着，代码大改。就是前端使用mockJs，但字段还是不一样，还是需要大改。问题解决：本方案也只能尽可能的规避问题，减少前端开发工作者的负担方案思路是参考 TypeScript的menu类型，结构
关注
