接口axios vue all
使用 docker 打包构建部署 Vue 项目，一劳永逸解决node-sass安装问题
> 文章源于 Jenkins 构建 Vue 项目失败，然后就把 node_modules 删了重新构建发现 node-sass 安装不上了，折腾一天终于可以稳定构建了。 > 犹记得从学 node 的第一天，就被 node-sass 折磨了一整天，后面本地没问题了然后服务器开始折磨了，这次又遇到，尝试 ......
abp-vnext-pro 实战（九，前端vue和vben学习）
vben效果 Vben Admin (vvbin.cn) 对应的代码在 vue-vben-admin/src/views/demo/page/form/basic/data.ts at main · vbenjs/vue-vben-admin (github.com) { field: 'time' ......
js_使用axios请求图片资源, 并读取图片资源为base64格式
- 情景再现: 今天在写页面时遇到这么一个请求: 有一张图片, 默认隐藏, 要求在该图片加载完毕后, 执行取消隐藏的动画. 目的是不要在执行动画期间图片有空白的样子. 第一个想到的当然是img的onload回调函数. 但是天生反骨不爱用行内元素. 于是想到使用ajax请求图片资源, 再使用FileR ......
vue2的源码github下载和本地启动调试源码
1.下载源码：https://github.com/vuejs/vue 2.安装依赖，命令行执行：yarn 3.修改package.json的运行脚本scripts里面加上源码map定位的参数，在打包后页面引入使用时可以调试到源码： { "name": "vue", 。。。 "scripts": { ......
前端工程化实践 All In One
前端工程化实践 All In One
提高效率, 保证质量，降低成本，产生价值
前端工程化是什么
把软件工程的最佳实践应用到大型前端项目上，对大型前端项目进行工程化的开发和管理.
前端工程化本质
减少不必要的重复劳动，提高开发效率，保证代码库质量，降低后期迭代、维护的风险和成本，为公司和个人带来真正... ......
Vue动态创建组件实例并挂载到body
方式一 import Vue from 'vue' /** * @param Component 组件实例的选项对象 * @param props 组件实例中的prop */ export function create(Component, props) { const comp = new (V ......
接口文档：第二章：使用Swagger接口的文档在线自动生成
上一章：商城接口文档：第一章：简洁版接口文档。花了二天搞了一个比较简洁的接口文档，浪费时间不说，写的也不太好，不满意。这一章使用Swagger接口的文档在线自动生成省下不少时间，而且很规范。导入Maven 版本号请根据实际情况自行更改。 <groupId>io.springfox</groupId> ......
VUE- elementUI使用quill富文本编辑器(编辑文本、上传图片)
准备工作：安装 yarn install vue-quill-editor main.js // 编辑器 import VueQuillEditor from 'vue-quill-editor' // 引入样式 import 'quill/dist/quill.core.css' import ' ......
vue3.0运行npm run dev 报错Cannot find module ‘node:url‘
### 一、问题描述： - 学习vue3.0（ Vue.js - 渐进式 JavaScript 框架 | Vue.js）的时候一直使用的家里电脑，项目搭建运行一直没问题，公司近期用vue3.0写项目 - npm init vue@latest —> npm install 都ok,npm run d ......
vue实现大文件上传下载
以ASP.NET Core WebAPI 作后端 API ，用 Vue 构建前端页面，用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
淘宝商品销量数据接口API 淘宝商品价格接口API 淘宝商品详情数据接口API
API是什么？ API（Application Programming Interface，应用程序编程接口）是一组定义、规范了不同软件组件之间交互的方法。简单来说，API就是软件系统提供给其他软件系统或开发者使用的一些接口或工具集合。通过使用API，开发者可以与其他软件组件进行通信，获取所需的功能 ......
Vue入门
属性动态绑定,内容插值语法 VScode-Vue插件 live server 插件,模拟服务器启动开发前端代码 Vue 3 Snippets 代码提示插件 Volar Vue的开发提示插件 其他插件 bootcdn 搜索js插件类库 Draw.io Integration vscode流程图插件 v ......
淘宝买家卖家订单数据接口API 获取店铺订单数据 获取商品销售记录接口
接口调用公共参数 名称 类型 必须 描述key String 是 调用key（注册获取key）secret String 是 调用密钥api_name String 是 API接口名称（包括在请求地址中）[item_search,item_get,item_search_shop等]cache St ......
vue中，一个参数是一个图片网络地址,当重新上传一个图片替换原来的图片后，地址没变，但是图片还是原来的
这个问题可能是由于浏览器缓存导致的。为了解决这个问题，你可以向图片的URL地址中添加一个随机参数，以确保每次加载图片时都会从服务器获取最新的图片。你可以使用类似于以下方式来添加随机参数： <img :src="imageUrl + '?timestamp=' + Date.now()" /> 这样， ......
Vue组件缓存之keep-alive正确使用姿势
先来看一个项目中的需求 作为苦逼的前端开发者，我们无时无刻都要面对产品经理提的各种需求, 比如下图这个场景 场景： 从首页的点击导航进入列表页, 列表页点击列表进入 该 数据详情页 从详情页返回，希望列表页缓存，不重新渲染数据，这样会提高用户体验。 分析一下 这样需求，如果是小程序的话，默认列表页就 ......
vue3 配置commitlint 实现上传时，对代码描述的约束
1、对于我们的commit信息，也是有统一规范的，不能随便写,要让每个人都按照统一的标准来执行，我们可以利用**commitlint**来实现。 安装包命令： pnpm add @commitlint/config-conventional @commitlint/cli -D 2、添加配置文件，新 ......
深入理解C#中的IDisposable接口
在开始之前，我们需要明确什么是C#(或者说.NET)中的资源，打码的时候我们经常说释放资源，那么到底什么是资源，简单来讲，C#中的每一种类型都是一种资源，而资源又分为托管资源和非托管资源，那这又是什么？！ **托管资源**：由CLR管理分配和释放的资源，也就是我们直接new出来的对象； **非托管资 ......
vue3 使用 setup 语法糖时，keep-alive 缓存使用 include / exclude 获取组件名
``` ``` `vue3` 使用 `keep-alive` 缓存页面时，如果需要使用 `include / exclude` 参数，那么就要用到组件名称。如果用 `setup` 语法糖书写时无法直接获取组件名，此时想要设置组件 `name` 的话有如下方法： #### 1. 多写一个script标 ......
并发问题和实现Callable接口
并发 1.初识并发问题 // 多个线程同时操作一个对象// 买火车票// 发现问题：多个线程操作同一个资源的情况下，线程不安全public class TestThread4 implements Runnable{ // 票数 private int ticketNums = 10; publi ......
Vue【原创】数据可视化，复合数字形式展示
做数据可视化的时候，经常碰到需要很灵活的数字形式展示。 先上个效果图： 如图包括名称，数量，别名，单位，上升下降，环比等等的复合数据展示，并且需要支持样式灵活配置。 此组件包括2个模块，父容器组件box-group，其中每一项的子组件box。 父组件 box-group 1 <template> 2 ......
vue3 报错：husky - pre-commit hook exited with code 1 (error)
问题：git 提交不上去 解决方法： "format": "prettier --write \"./**/*.{html,vue,ts,js,json,md}\"", ......
Vue中使用vue-drag-resize实现窗体可拖拽和随意缩放大小
场景 若依前后端分离版手把手教你本地搭建环境并运行项目： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在上面的基础上，实现弹窗窗体可移动以及随意缩放大小。 效果如下 注： 博客： https://blog.c ......
vue-manager-system前端开发使用
github地址，感谢作者xzfxz开源 https://github.com/xzfxz/vue-manager-system 1. cnpm install 2. cnpm run dev 3. cnpm run build ......
umi-qiankun——子应用vue+element返回主项目react+antdReact，样式丢失问题
参考： [Bug]结合 styled components 使用时 dynamicHeadAppend 存在缺陷 #617 https://github.com/umijs/qiankun/issues/617 qiankun官网 https://qiankun.umijs.org/zh/api/# ......
Vue3 Avue Excel导入导出两种方法
Vue3 Avue Excel导入导出两种方法 1.根据avue官网，直接使用 官网导入导出地址 在index.html里导入包 <!-- 导入需要的包 （一定要放到index.html中的head标签里）--> <script src="https://cdn.staticfile.org/Fil ......
pythonapi接口怎么对接？
Python API接口对接是使用Python语言开发应用程序时，与外部API接口进行交互的一种方式。API（应用程序接口）是一种定义了程序或系统如何与另一个程序或系统进行交互的协议。通过使用Python API接口，可以轻松地访问和操作外部API提供的数据和服务。 在本文中，我们将介绍如何使用 ......
API接口开发管理平台--多领域企业数字化管理解决方案
随着数字化时代的到来，企业需要进行数字化转型才能更好地适应市场需求和用户需求。而API接口则是数字化转型中的重要组成部分，可以帮助企业更好地管理信息，提高效率。本文将介绍挖数据解决方案--API接口开发管理平台，该平台开发出多行业API接口，供开发者选择对接，可以满足多领域企业数字化管理的需求。 一 ......
找不到模块“../view/Home.vue”或其相应的类型声明。
环境：vue3+ts 解决办法：在src目录里面添加env.d.ts文件，在文件里贴上 declare module '*.vue' { import type { DefineComponent } from 'vue' const component: ComponentOptions | Co ......
How to choose your first programming language All In One
How to choose your first programming language All In One
如何选择你的第一门编程语言
......