目录简介一、axios配置二、请求接口路径api配置三、axios和接口api的全局注入四、请求接口的使用方式注意简介关于vue中使用axios请求的配置，注意其中区分Vue2.0和Vue3.0的写法。一、axios配置由于可能会有多个插件应用，所以有了plugins（utils里面放的是封装的事件处理方法），自行新建相关文件1.安装axiosnpm ins
......
432
0
0
2023-02-27
目录引言分析实现布局如何计算y的偏移量Math.sin() 和 Math.cos()正弦曲线余弦曲线计算更多信息完善剩余完成跑马灯制作贝塞尔曲线简单封装一下方法完整示例styleSCript引言今天遇到朋友发来的一个ui图，询问我如何实现下图这样的效果【vue项目】，（听说是类似LED灯的展示效果），于是便有了今天的小demo，要实现一个类似下图的动效，上面
......
339
0
0
2023-02-26
目录前言首次渲染patch 函数processComponent 方法setupComponentsetupRenderEffect前言那今天我就跟你聊一下 Vue 在浏览器里是如何运行的，照例我们还是对着 Vue 3 的源码来学习，不过源码复杂，为了帮助你理解主要逻辑，我会直接把源码简化再演示好了废话不多说，我们马上开始；前端框架需要处理的最核心的两个流程
......
355
0
0
2023-02-25
目录1.HTTP 简介HTTP/0.9 ( 1991 )HTTP/1.0 （1996 ）HTTP/1.1（1997）常用状态码header请求头header响应头Content-Type1.application/x-www-form-urlencoded2.multipart/form-data3.application/jsonhttpsHTTP2HTT
......
305
0
0
2023-02-24
目录引言rem布局方案popbox.js使用原理html代码样式代码javascript代码导入图片素材列表startHandler函数实现randomList 工具方法clickHandler函数内部createShadow方法startHandler后续的逻辑引言这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇
......
346
0
0
2023-02-22
目录1 数据结构定义1.1 菜单项数据结构1.2 菜单配置数据结构2 使用 tsx 实现封装2.1 tsx 基本结构2.2 定义 prop2.3 递归实现组件3 使用 SFC 实现菜单封装3.1 封装菜单项的渲染3.2 封装菜单组件4 测试组件4.1 菜单测试数据4.2 测试页面4.3 运行效果总结：本文分别使用 SFC（模板方式）和 tsx 方式对 Ele
......
373
0
0
2023-02-22
目录获取指定路径下所有的文件夹名或类型nodejs文件操作文件操作文件夹操作获取指定路径下所有的文件夹名或类型let components = []
const files = fs.readdirSync('./components')
files.forEach(function (item, index) {
let stat = fs.
......
427
0
0
2023-02-20
目录前言压缩图片思考压缩图片基本流程准备HTMLCanvasElement.toDataURL()语法参数猜想实践结论附录优化升级优化升级 TS新写法前言上传图片/视频/文件是我们经常会遇到的问题，但是一旦图片过大就会导致不好的操作体验。 图片上传是前端中常见的的业务场景。无论是前台还是后台，适当的对图片进行压缩处理， 可以显著的提升用户体验。而在后台管理系
......
387
0
0
2023-02-20
目录前情提要代码实现完整代码前情提要Element UI的el-upload上传组件相信各位小伙伴都已经非常熟悉，最近接了一个新需求，要求在el-upload组件基础上实现分片上传功能，即小于等于5M文件正常上传，大于5M文件切成5M每片上传。那么这个功能怎么实现呢？一起看看吧代码实现首先，我们需要设置el-upload组件的http-request，这样可
......
436
0
0
2023-02-20
什么是数组？与其他编程语言中的数组一样，Array对象允许在一个变量名称下存储多个项的集合，并且具有用于执行常见数组操作的成员。声明数组我们可以用两种不同的方式声明数组。使用新阵列使用new Array，我们可以指定希望存在于数组中的元素，如下所示：const fruits = new Array('Apple', 'Banana');
console.l
......
352
0
0
2023-02-19
ECharts 是一个开源的来自百度前端数据可视化团队,使用 JavaScript 实现的开源可视化库,是一个纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表,涵盖各行业图表,满足各种需求。实现简单折线图: 首先我们来实现一个简单的单折现图.<!DOCTYPE html>
<html lang="en"&
......
371
0
0
2023-02-16
Java Script 是基于对象的脚本语言,而不是面向对象中所使用的那个对象,之所以说JS是一门基于对象的编程语言,是因为它没有提供抽象,继承,封装等面向对象语言的很多功能,而是把其他语言所创建的复杂对象统一起来,从而形成一个非常强大的对象系统.JavaScript 基本变量JS代码引入: 在body标签的区域内直接使用方式来引用代码,或者是在head头部
......
349
0
0
2023-02-16
目录箭头函数语法规则简写规则常见应用mapfilterreduce箭头函数中的this使用concatthis的查找规则箭头函数在ES6中新增了函数的简写方式----箭头函数，箭头函数的出现不仅简化了大量代码，也让代码看起来更加优雅，同时也解决了this指向问题，下面我们就来详细讲解如何玩转箭头函数。语法规则1.之前的方法function foo1(){}
......
389
0
0
2023-02-15
序列化与反序列是最常用的功能，有时我们需要将一个表单组打包成Json格式等然后再提交给服务端，这样可以提高效率节约带框，如下是Django配合Ajax实现的序列化与反序列化，文件上传等操作。Ajax序列化与反序列化: 前端Ajax通过序列化发送JSON数据,后端通过反序列化接收数据并处理数据.<!-- name: index.html -->
......
360
0
0
2023-02-15
JavaScript 事件绑定◆键盘鼠标◆键盘事件: 当键盘接收到按下弹起等按键时,执行操作.<body onkeypress="keycode()">
<input type="text" name="text" onkeydown="func_keydown()">
<input type="text"
......
319
0
0
2023-02-14