接口axios vue all
django form data如何传递到template的vue
参考： https://docs.djangoproject.com/en/4.2/ref/templates/builtins/#json-script afely outputs a Python object as JSON, wrapped in a <script> tag, ready ......
vue学习记录 2
打开昨天的vue项目，没记错的话网上查到的信息说，代码编辑部分就只在src文件夹，包括asset,router和components，其他的全是配置文件。 项目新建默认是一个巨大的vue图标和两行链接，布局在HelloWorld.vue，但是我昨天还没找到那个名为logo.png的图标是哪里插进去的 ......
解决VUE+Springboot项目跨域问题
通常springboot项目端口为8080 VUE项目端口设置为8088 这样互不干扰，实现了前后端分离，但随之而来的就是跨域问题 网上解决方式很多，这里给一个类，复制后放在springboot项目中即可 位置 import org.springframework.context.annotatio ......
海康 开发平台 接口调用规则
artemis:是固定的 HTTP URL格式的一般形式为：https://{ hostname }:{port} /artemis/{ uri }。hostname：平台的IP地址或域名。 port：平台的web访问端口。uri：API的uri，每个API都有唯一的uri，详见API的接口定义。举 ......
vue项目的使用，前后端（vue）实现登录，混入mixin（多个组件都要使用的配置放在一起），插件（用于增强Vue，有很多第三方插件），Elementui的使用（样式）
# 解析一下vue项目  ## index.html文件：就是被根组件【template】写什么，这里就 ......
常量接口 vs 常量类 vs 枚举区别
把常量定义在接口里与类里都能通过编译，那2者到底有什么区别呢？ 那个更合理？ # 常量接口 ```java public interface ConstInterfaceA { public static final String CONST_A = "aa"; public static fina ......
如何通过API接口获取1688的商品详情
1688是中国最大的B2B电商平台之一，吸引了大量的国内外买家和卖家，提供了丰富的商品资源。许多开发者和企业想要通过API接口获取1688商品的详细信息，以便于进行商品数据分析、价格监控等工作。在本文中，我们将介绍如何通过API接口获取1688商品详情，并应用爬取下来的数据。 第一步：获取API接口 ......
Vue 调试访问本地后端接口配置
记录一下本地测试前端的时候怎么访问本地后端接口。时间太长容易忘。。。。 1、首先要知道前端在访问后端的时候是怎么加上后端接口地址的。 如下图，找到封装http请求的文件，src/utils/rerquest.js 该图中的baseURL就是访问时我们加上的后端请求地址。 `baseURL: proc ......
#Vue-cli 5 怎么打印代理地址 #Vue-cli 5 怎么查看真是请求地址 ？
```js proxy: { '/api': { target: 'http://192.168.3.47:1228', changeOrigin: true, onProxyReq: function (proxyReq, req, res) { console.log( '[proxy]: ' ......
在线数据库常用接口整理
domain_base64*2 = YUhSMGNITWxNMEV2TDNkM2R5NWphR0Z2YW1saWFXRnZaMlV1WTI5dA== 这是一个神奇的网站，调用接口可以方便的实现增删改查。修改www前缀为vip，可能会更稳定些 我常常用来写入程序的日志记录，记录/更新一些关键key 特 ......
接口防刷处理方案，太优雅了！
来源：juejin.cn/post/7200366809407750181 ## **前言** 本文为描述通过Interceptor以及Redis实现接口访问防刷Demo 这里会通过逐步找问题，逐步去完善的形式展示 ## **原理** - 通过ip地址+uri拼接用以作为访问者访问接口区分 - 通过 ......
elementui局部全屏无法显示tooltip，popover等基于vue-popper类开发的组件
因为这些元素都是插入到body里面的，而当某一div全屏后由于层级原因无法显示这些组件，解决办法如下  ......
Vue路由的基本使用
1、相关理解 1.1 vue-router的理解 vue的一个插件库，专门用来实现SPA应用的 1.2 对SPA应用的理解 1、单页Web应用（single page web application，SPA） 2、整个页面只有一个完整的页面。index.html 3、点击页面中的导航链接不会刷新页面 ......
vue+elementUI 搜索栏公共组件封装，封装多搜索条件通用组件，超实用
1、新建BaseSearch.vue文件 <!-- *名称：弹窗的搜索条件组件 *功能：methods 1.点击搜索的方法：@search 2.搜索条件 props : formItemList --> <template> <div class="dialog-search"> <el-form ......
el-dialog组件封装-El-Dialog---vue
1、封装Dialog.vue文件 <template> <div class="base-dialog"> <el-dialog :type="type" :width="width" :custom-class="customClass" :fullscreen="fullscreen" :tit ......
vue 理解yarn start 和yarn dev的区别
yarn dev，当文件变动后，会自动重启。 yanr start不会自动重启 nodemon会监听文件变动，跟yarn dev和yarn start无关。 ......
Vue脚手架配置代理
前言 前端在向后端请求资源时通常会遇到跨域问题，当我们是用vue脚手架构建项目时，可以通过配置代理解决跨域问题 参考文档：devServer.proxy 方法一： 在vue.config.js中添加如下配置： module.exports = { devServer: { proxy: 'http: ......
可能是最简单最通透的Comparable和Comparator接口返回值理解
先说 Comparator 接口，这个理解了，下一个就理解了 # 一、Comparator 的用法(暂不考虑0，因为0不处理) > 返回-1，1交换不交换位置，如果撇开比较器的两个参数和jdk默认顺序来说，存粹是错误的 接口如下：[原文链接](https://www.cnblogs.com/qnlc ......
函数式接口
#### Function：函数型接口 接收参数，处理业务，返回结果 ```java @FunctionalInterface public interface Function { //传入T，返回R R apply(T t); } //例子 public static void main(Str ......
vue3+ TS pinyin uniapp 索引列表-(A-Z)按首字母排序 ，锚点定位
获取一维数组 地址列表 <script lang="ts" setup> import { getLocationList } from "@/apis/activity"; import {onLoad} from "@dcloudio/uni-app"; import { pinyin } fr ......
Vue之使用:class返回类对象
我们在设置动态且复杂的类名时，可以使用Vue的:class。 如下面的代码所示： <i :class="classObject(item)"></i> 函数为： const classObject = (item) => { return { iconfont: true, icon: true, ......
ai问答：Vue3中使用computed和watch监听pinia数据的区别
通过Vue3组合式API的computed和watch,可以轻松实现在组件中监听pinia状态的变化,这是Vue3与pinia结合的重要用法。 ......
vue的ref引用
ref引用 ref 在vue中，不需要操作dom，只需要维护数据。 ref在不需要依赖jquery的情况下，获取dom元素或组件的引用。 每个vue的组件实例上，都包含一个 $refs 对象，里面存储着对应dom元素或组件的引用。 默认情况下，组件的$refs指向一个空对象。 ref可以父传子，也可 ......
laravel框架接口
下面是增删改查的接口，在使用过程中按自己需求对代码进行更改 控制器代码 <?php namespace App\Http\Controllers; use App\Models\Fang; use Illuminate\Http\Request; use Nette\Schema\Validatio ......
前端JavaScript开发手册——React、Angular和Vue比较
前端框架在 Web 开发中不可或缺。它们提供结构化方法和预定义组件来简化编码过程。 这些工具还可以通过提供可重用组件和抽象复杂任务（如 DOM 操作和状态管理）来帮助提高生产力。这使开发人员可以专注于应用程序逻辑，而不是编写重复的代码。 框架通过模块化开发提高代码的可维护性，使修改或替换单个组件变得 ......
Electron-ChatGPT桌面端ChatGPT实例|electron25+vue3聊天AI模板EXE
基于electron25+vite4+vue3仿制chatgpt客户端聊天模板ElectronChatGPT。 electron-chatgpt 使用最新桌面端技术Electron25.x结合Vite4.x全家桶技术开发跨端模仿ChatGPT智能聊天程序模板。支持经典+分栏两种布局、暗黑+明亮主题模 ......
Vue2 与 Vue3 生命周期对比
Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载DOM、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。 在Vue的整个生命周期中，它提供了一系列的事件，可以让我们注册js方法，可以让我们达到控制整个过 ......
过滤器-使用Vue.filter定义全局变量
# `私有过滤器`和`全局过滤器` 在filters节点下定义的过滤器，称为”`私有过滤器`“，因为它`它只能在当前VM实例所控制的el区域内使用`。如果希望`在多个vue实例之间共享过滤器`，则可以按照如下的格式定义`全局过滤器`： ```HTML message的值是：{{message | c ......