- 博客(37)
- 收藏
- 关注
原创 前端排坑指南(四)
前端排坑指南(四)axiost开发模板 最近突然发现,公司很多小项目都是后端大佬们临时使用脚手架创建的,或者是前端开发们紧急搭建的,没有考虑和设计交互时的细节,请求响应时间控制,请求连接特殊处理,请求进度,上传文件请求头处理,下载文件处理等等。仅仅就是写了一个干巴巴的request.js 也就导致axios配置的千奇百怪,后续开发过程中痛不欲生。 所有我建设性的提供一个标准参考模板,希望大家可以查询使用第一步:构造全局变量创建request.js文件引入axios创建全局控制变
2022-05-17 11:40:37
266
原创 前端排坑指南(三)
前端排坑指南(三)妙用promise最近遇到一道面试题:多次请求合并为一次请求一起请求后分发给多次请求废话不多说,上代码// 假设获取用户的信息方法const getUserInfo = (arr = []) => new Promise((resolve) => { resolve(arr.map((item, index) => `${item}info${index + 1}`));});// 测试函数打印成功// getUserInfo([1, 2
2022-05-10 14:00:37
321
原创 前端排坑指南(二)
前端排坑指南(二)vue使用防抖节流 当您读这篇文章时,默认您已经了解什么是防抖节流了。痛点: 使用vue开发项目,如果是使用vue-cli,就会出现使用.vue的文件进行页面开发。 然后我们定义在methods里的方法,使用封装的防抖节流高阶函数包裹时,就出现不生效的效果。原因: 因为methods里的函数因双向绑定的影响,导致无法闭包。就不断刷新函数。解决: computed计算数据有缓存数据的功能,这样是它和``watch`的较大不同点之一,我们就可以利用这个属性
2022-04-27 10:28:44
900
原创 第十一步:webpack入门
webpack5简册一、基础理解1、webpack的作用如一个html总会执行第一个script标签里的js代码,之后再执行引入的各种js文件。当然,也可以是多个script标签,变成了多入口。webpack就是指定一个或多个入口文件,然后进行代码处理,将引入的其他js,css等等代码,资源打包成一捆一捆(bundle)的文件流(chunk),然后输出到指定的文件夹和文件名称。达到代码的兼容,压缩,转义处理等等功能。2、webpack的核心入口起点:entry配置示例:webpack
2022-04-27 09:20:16
1380
原创 前端排坑指南(一)
前端排坑指南(一)前后端-数据转接:问题描述: 现在开发模式 主要为前后端分离。前端开发的痛点,就是页面画完后,调试接口,发现接口数据里的字段和自己写的不一样。后端不愿意逆向开发,先写接口定义,在写接口实现。没有提前出接口文档,接口字段不明确,后期改动巨大。前端只能等后端接口完成后开发,或着,代码大改。就是前端使用mockJs,但字段还是不一样,还是需要大改。问题解决:本方案也只能尽可能的规避问题,减少前端开发工作者的负担方案思路是参考 TypeScript的menu类型,结构
2022-04-13 11:43:12
632
原创 Canvas右手宝典
Canvas手册一、理解没有学习canvas之前,使用div绘制圆,矩形,线没有学习canvas之前,使用js绘制球碰撞,连线,运动缺点:生成多个dom元素,让页面布局混乱canvas:不会生成多个dom元素,单独占用一块区域canvas:可以转换为图片路基,设置为背景使用,不影响页面布局, 而且动画依然生效canvas:操作更加便捷,稳定,功能全面二、第一步创建一个canvas的H5标签,并内敛指定宽高:<canvas height="200" width="200"&
2021-06-11 17:26:56
296
原创 小程序开发经验
小程序一、起步1、开发者工具下载地址2、开发者账户注册地址:下一步下一步的注册成功后进入页面,点开发=>开发设置,就可以看到AppID账号3、创建项目新建文件夹打开开发工具,将文件地址输入,不选择云开发然后就会自动初始化项目文件4、预览项目点开发工具预览功能,生成二维码手机微信扫描查看体验人员管理,在注册地址成功页面的成员管理进行配置二、开发1、文件介绍project.content.js:项目配置文件建议在详情内选项修改自己可以改AppID和
2021-05-25 09:24:25
485
原创 svn基础使用
svn使用1、svn核心概念Repository(源代码库):源代码统一管理Checkout(提取):第一次获取代码使用Commit(提交):修改后的代码提交Update(更新):获取别人修改过的代码Revert(退回):提交错误后,返回前一个版本2、存在的问题问题:在提交时,与同事在同一的行代码修改是发生修改前后提交,就会发生冲突。3、下载1、服务端下载地址:https://www.visualsvn.com/downloads/下载后缀为Server2、客户端下载地址:h
2021-04-01 11:27:50
157
原创 jquery快速使用文档
jQuery简单使用文档jquery很久没有使用了,文档也很近没有更新维护了,不对的地方自行百度,或参考其他教程1、介绍jQuery是js的库。也就是说jQuery是很多js的方法封装在了一个文件中。jQuery是前端编程中使用最多的库。曾经风靡前端。$.fn是jQuery的原型对象2、优点:强大的选择器机制优质的隐式迭代无所不能的链式编程官网:jquery.com中文方法大全:jquery.cuishifeng.cn3、引用方法和检测要使用jquery首先需要下载一个jque
2021-01-22 14:33:22
983
原创 markDown基础使用
MD使用教程目录文章目录MD使用教程目录@[toc]1、安装使用2、基础使用编辑语法编辑操作3、高级使用外引扩展序列图概述参与者(participant)消息线处理中-激活框注解(note)循环(loop)选择(alt)可选(opt)并行(Par)饼图(Pie)1、安装使用百度typora下载,然后选一个自己喜欢的链接下载并安装。或者使用马克飞象等其他的MD编译软件2、基础使用编辑语法转义字符:\,用来转义输出特殊字符模板字符串:`,如模板字符串粗体:**,如:加粗,或者选
2020-06-23 17:04:59
1067
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅
1