- 博客(14)
- 收藏
- 关注
RSS订阅原创 让开发事半功倍的VueUse
VueUse不是Vue.use，它是为Vue 2和3服务的是一组基于Composition API的实用函数。是目前世界上Star最高的同类型库之一。他功能丰富，与服务器端渲染/生成完美配合，无需任何捆绑程序可通过CDN直接使用...
2022-08-19 09:36:41
1153
1
原创 阅读axios源码中工具函数
首先下载axios的源码，然后运行start命令，就会打开一个网址，这网址就是axios的调试网址在lib文件夹下有一个utils.js文件，这个就是工具函数的文件。一，判断类型的方法有三种，一是typeof，但是typeof 无法区分null，数组和对象，通常我们会区分判断Array和Object，二，instanceof，判断是否事对象，三，toString.call，toSting.call()实际上就是Object.prototype.toSting.call()，改变this的
2022-01-04 11:28:18
552
1
原创 axios的详细使用
关于axiosAxios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。官网的回答安装使用 npm:$ npm install axios 使用 bower:$ bower install axios 使用 cdn:<script src="https://unpkg.com/axios/dist/axios.min.js"></script> axios的请求方式主要请求方式无非就是增删改查，get（请求数据）
2021-12-09 11:16:07
626
原创 数字动态翻牌器
数字动态翻牌器最近项目里使用到了数字翻牌器，于是自己写了一个，动态的翻牌器第一步创建一个组件页面，NumberCount.vue思路：大概就是显示几位数，然后从0开始滚动到当前的数值的位置，在每一个位置都有0-9的数，然后就是往上滚动当前数值的次数到当前的数，话不多说上代码<template> <div class="chartNum"> <div class="box-item"> <li :class="{ 'nu
2021-12-02 10:30:03
2086
原创 基于element-ui表格的二次封装
基于element-ui表格的二次封装写一个Table组件首先先写表格样式第二步加分页在页面中使用先引入Table.vue页面在项目中经常会使用到element的表格，如果每次都cv,也确实有点麻烦，基于这个情况我对表格进行了二次封装写一个Table组件首先先写表格样式 <el-table :data="tableData" :header-cell-style="headerStyle" :height="height" :border=
2021-12-01 17:56:22
729
原创 使用vue二次开发海康监控H5视频播放
使用vue二次开发海康监控H5视频播放西瓜播放器示例demo阿里云的示例demo使用海康的H5视频开发包，海康的api页面中的使用第一步第二步第三步第四步切记bug由于公司项目需要做监控的直播跟回放，所以接触到了这个海康的监控视频播放，本来是打算使用videojs使用rtmp流进行监控的直播，因为现在主流浏览器都不支持flash插件，而videojs使用rtmp流直播的话需要浏览器支持flash，所以果断放弃，后来决定使用hls协议调用H5播放器进行播放。然后当时找了两个H5播放器一个是西瓜播放器，另一个
2021-06-09 16:28:48
6905
34
原创 封装的axios请求
统一记录下我在项目中对于axios请求的封装1.引入axios创建一个axios实例，并且进行自定义其配置axios.create([config])// api.jsimport axios from 'axios'import { Message, Loading } from 'element-ui'import _ from 'lodash'const webapi = axios.create({ baseURL: 'http://localhost:8080',
2021-03-02 14:39:45
236
原创 记录一下我在做公司后台管理系统的难点与心得
公司的项目大致就长这个样子刚进入页面的时候是两个请求，左侧的内容跟右侧的内容分别是两个不同的请求，这里我使用的是aioxs的并发请求，axios.all()axios提供了两个并发请求 axios.all(iterable) axios.spread(callback) 两个辅助函数用于处理同时发送多个请求，可以实现在多个请求都完成后再执行一些逻辑。因为我的想法是在两个请求都结束以后再关闭loading，显示出来，否在会出现白屏的情况，我这里是这样使用的async getOperator
2021-02-25 16:01:46
9292
9
原创 vue3.0加MongoDB加node的后台管理系统（三）
现在开始主体架构的创建首先进行定义大致规划然后我们使用ant的侧边布局进行一些修改定义面包屑主要就是监听路由转跳，在路由转跳的时候进行判断当前转跳的是不是登录页，如果不是就想当前页面的名称以及路径push到数组中，在对数组进行渲染，当点击面包屑的时候进行跳转在src/components/Breadcrumb/Breadcrumb.vue中定义面包屑<template> <!-- 面包屑 --> <div> <a-breadcrum
2021-02-25 11:07:16
300
原创 vue3.0加MongoDB加node的后台管理系统（二）
接口定义完成，接下来我们进行页面的定义和封装接口在 /src/webapi/api.js中封装请求import axios from 'axios'// 引入axiosimport router from '../router/router'// 引入路由import { message } from 'ant-design-vue'// 引入提示const webapi = axios.create({// 判断当前的环境使用不同的地址 baseURL: process.en.
2021-02-25 10:25:43
277
原创 vue3.0加MongoDB加node的后台管理系统（四）
接下来到了设计注册页面的时候首先第一步先定义用户头像上传的接口引入文件上传模块formidable引入fs模块用于与文件系统进行交互npm install formidablenpm install fsconst fs = require('fs')const formidable = require('formidable')然后定义上传接口//上传头像接口router.post('/file_upload', function (req, res) { var form
2021-02-24 16:33:54
277
原创 vue3.0加MongoDB加node的后台管理系统（一）
vue3.0的创建npm install -g @vue/cliyarn global add @vue/cliVite 是一个 web 开发构建工具，由于其原生 ES 模块导入方式，可以实现闪电般的冷服务器启动。通过在终端中运行以下命令，可以使用 Vite 快速构建 Vue 项目。npm init vite-app Vite-mongodbcd Vite-mongodbnpm installnpm run dev或者使用yarn的方式创建yarn create vite-app V
2021-02-24 15:43:41
1055
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人