接口axios vue all
vue的两种风格--选项式API
<script>export default { data() { return { count: 0 } }, methods: { increment() { this.count++ } }, mounted() { console.log(`The initial count is ${th ......
Vue2.x 基本认识四：路由
路由认识 概念 路由（route）就是一组（key -value）对应关系。多个路由由一个路由器（router）管理。 key 为路径，value 可能是 function 或 component 。 function 是后端路由，用于请求服务器获取数据。 component 是前端路由，用于展示页 ......
猿大师办公助手VUE网页在线打开编辑保存微软Office、金山WPS文档，并强制修改留痕。
很多OA的在线办公系统中，都需要多个人修改编辑Office文档，这样很容易版本混乱并且极易出错，如果这时候启用强制留痕并且启用留痕，就可以记录每个人的操作记录，方便文档管理，降低操作风险。 实现方法： 第一步：安装猿大师办公助手，下载地址：http://www.yuanofficer.com/xia ......
【Vue】Vue3+Vite 实现 SVG 组件自动加载 icons 目录下所有文件
## 1. 安装依赖插件 vite-plugin-svg-icons > vite-plugin-svg-icons 用于生成 svg 雪碧图。 > 特点： 1.预加载 在项目运行时就生成所有图标,只需操作一次 dom 2.高性能 内置缓存,仅当文件被修改时才会重新生成 [vite-plugin-s ......
Vue（九）：计算属性
现在有一个需求，输入姓和名将其拼接为全名，全名要求根据姓名实时变化。 下面是三种实现： 1.插值语法实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>姓名案例-插值语法实现</title> <script type="tex ......
vue3.0之axios使用
```js // 导入包 import axios from "axios"; // 使用示例 axios.post('发送请求地址', { 携带变量key1: 变量value1, 携带变量key2: 变量value2, }).then(response => { // 后端返回给前端的数据都在re ......
vue3.0之emit的使用
主要用于跨组件传输数据，emit可以调用父组件中的自定义函数。 # 使用方法 ```js let emit = defineEmits(['父组件自定义函数1', '父组件自定义函数2', '...']) // 调用父组件自定义函数的执行 emit('父组件自定义函数') ``` # 主要逻辑 1. ......
vue3.0之cookies的操作
# 安装 ```js npm install vue-cookies ``` ```js import VueCookies from 'vue-cookies' const cookies = VueCookies cookies.set('key值', '字符串或变量'， '7d') // 7d ......
vue编程-创建首页
1.将elementUI组件与sass组件依赖加入到对应json中 ```json { "name": "default", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "bu ......
接口幂等性解决方案
一、悲观锁 二、乐观锁 三、唯一索引 四、token+redis 1、前端第一次请求时，服务端生成一个token，放到redis中，设置过期时间，并把token返回给前端。 2、前端将token放到header中。以后请求的时候，把token带到服务端。 3、服务端判断token是否已经存在。如果已 ......
Go：空接口
> 最近在刷题的时候，注意到接口的一些特性。 # 空接口的作用 在调用一些库函数的时候，经常会注意到函数参数里面会带有一个空接口，但是实际调用的时候却可以传别的类型进去。后面查的资料，才发现： 1. 接口在go里面的实现是隐式的，也就是说只要是实现了`所有`接口里面定义的方法，那么就可以认为实现了接 ......
【1688阿里巴巴api接口】获得店铺详情数据PHP展示示例
店铺详情API接口的作用是获取一个电商平台上某个店铺的详细信息，包括店铺名称、销售商品数量、好评度、logo、店铺描述等。开发者可以通过该接口获取到店铺的原始数据，方便进行数据分析、爬取等操作。 通过该接口获取到的店铺详情数据可以结合其他数据进行深度挖掘，例如可以将店铺数据对比分析，找出竞争对手 ......
vue 电池样式组件 css样式
效果如图：（背景图片自行替换） 这是用纯css写的电池样式，获取数据后，找出最大值，并计算长条的宽度，从而完成样式。 话不多说上代码： <!-- * @Description:电池样式组件 * @Author: 如意酱 * @Date: 2022-01-08 13:31:37 * @LastEdit ......
Java封装xml格式参数请求第三方接口
# Java封装xml格式参数请求第三方接口 ## 1、引用包 ```java import javax.xml.parsers.DocumentBuilderFactory; import javax.xml.parsers.DocumentBuilder; import javax.xml.tr ......
Basic（Beginner's All-purpose Symbolic Instruction Code）是一种高级编程语言，最初在1964年由John G. Kemeny和Thomas E. Kurtz在Dartmouth College开发而成。Basic的设计初衷是为了让非专业程序员能够轻松学习和使用编程语言。
Basic（Beginner's All-purpose Symbolic Instruction Code）是一种高级编程语言，最初在1964年由John G. Kemeny和Thomas E. Kurtz在Dartmouth College开发而成。Basic的设计初衷是为了让非专业程序员能够轻 ......
作为一个客户经理你一个如何给客户介绍API接口
随着科技的发展，API（Application Programming Interface，应用程序接口）的应用已经逐渐普及，而API接口作为现代企业实现智能化运营和管理的重要工具之一，也备受关注。作为一名客户经理，向客户介绍API接口，需要做好充分的准备工作和沟通，下面是一些我在实践中总结的建议： ......
【Mybatis】Mapper 接口都是怎么注入到 Spring容器中的？
1 前言 这节我们看个源码相关的东西，就是我们平时写的 Mapper 接口是怎么注入到 Spring 中呢？ 我们会去想： 比如Mapper接口在启动时是如何被发现的？ Mapper接口我们知道肯定是会创建代理的，那么代理对象又是如何创建的呢？ 我们接下来就来看看。 2 @Mapper引发的效应 在 ......
vue12进阶
状态管理 一、什么是状态管理 理论上来说，每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例： <script>export default { //状态 data() { return { count: 0 } }, //动作 methods: { inc ......
vue01
day01 Vue 是什么？ Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架 vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合 指令 本质就是自定义属性 Vue中指定都是以 v- 开头 v-cloak 防止页面加载时出现闪烁问题 <st ......
vue02
day02 Vue常用特性 表单基本操作 获取单选框中的值 通过v-model <!-- 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且value 值不能一样 3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 ......
vue03
day03 组件 组件 (Component) 是 Vue.js 最强大的功能之一 组件可以扩展 HTML 元素，封装可重用的代 组件注册 全局注册 Vue.component('组件名称', { }) 第1个参数是标签名称，第2个参数是一个选项对象 全局组件注册后，任何vue实例都可以用 组件基础 ......
vue04
接口调用方式 原生ajax 基于jQuery的ajax fetch axios 异步 JavaScript的执行环境是「单线程」 所谓单线程，是指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个，它会「阻塞」其他任务。这个任务 ......
vue07进阶
Vue开始 什么是vue？ Vue是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。 下面是一个最基本的示例： impor ......
vue08进阶
Vue基础 一、创建一个Vue应用 1、应用实例 每个 Vue 应用都是通过 createApp 函数创建一个新的 应用实例： import { createApp } from 'vue'const app = createApp({ // 根组件选项}) 2、根组件 我们传入 createAp ......
vue09进阶
Vue组件 一、组件基础 组件允许我们将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行单独的思考。在实际应用中，组件常常被组织成层层嵌套的树状结构： 这和我们嵌套 HTML 元素的方式类似，Vue 实现了自己的组件模型，使我们可以在每个组件内封装自定义内容与逻辑。Vue 同样也能很好地配 ......
vue10进阶
逻辑复用 一、组合式函数 https://cn.vuejs.org/guide/reusability/composables.html 没看因为没学组合式 1、什么是“组合式函数”？ 在 Vue 应用的概念中，“组合式函数”(Composables) 是一个利用 Vue 的组合式 API 来封装和 ......
vue11进阶
内置组件 一、Transition Vue 提供了两个内置组件，可以帮助你制作基于状态变化的过渡和动画： <Transition> 会在一个元素或组件进入和离开 DOM 时应用动画。本章节会介绍如何使用它。 <TransitionGroup> 会在一个 v-for 列表中的元素或组件被插入，移动，或 ......
vue05_路由
今日目标 1.能够说出什么是路由 2.能够说出前端路由的实现原理 3.能够使用Vue-Router实现前端路由 4.能够实现嵌套路由，动态路由 5.能够实现命名路由以及编程式导航 6.理解并实现后台管理案例 1.路由的概念 路由的本质就是一种对应关系，比如说我们在url地址中输入我们要访问的url地 ......
vue06_前端工程化
今日目标 1.能够了解模块化的相关规范 2.了解webpack 3.了解使用Vue单文件组件 4.能够搭建Vue脚手架 5.掌握Element-UI的使用 1.模块化的分类 A.浏览器端的模块化 1).AMD(Asynchronous Module Definition,异步模块定义) 代表产品 ......
Mybatis通用Mapper接口扩展
这里的扩展指的是通用Mapper没有提供的功能，如批量 update。 例子:类似于生成下面这样的SQL语句： UPDATE tabple_emp SET emp_name=?,emp_age=?,emp_salary=? where emp_id=? ; UPDATE tabple_emp SET ......