接口axios vue all

Vue(五):Vue中的MVVM

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue中的MVVM</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <bod ......
Vue MVVM

Vue(四):el和data的两种写法

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>el和data的两种写法</title> <script type="text/javascript" src="../js/vue.js"></script> </head> < ......
写法 data Vue

match_all 查询所有【ElasticSearch】

/** * match_all 查询所有 */ @Test public void test02() throws IOException { SearchRequest searchRequest = new SearchRequest("hotel"); SearchSourceBuilder ......
ElasticSearch match_all match all

接口幂等性

## 什么是幂等性 接口幂等性是指无论调用多少次接口,都只会产生一次结果的特性。在实际开发中,由于网络超时、服务器宕机等原因,会导致客户端重新发送请求,如果接口不具有幂等性,就可能会产生副作用,例如重复插入数据等。 ## 预防重复提交与幂等性的区别 #### 防止重提交接口的表现 1. 第一次提交张 ......
接口

Vue前端权限管理

一、登录权限控制 实现哪些页面能被未登录的用户访问,哪些页面只有用户登录后才能被访问 1、实现: 在路由对象中以添加meta的方式去实现登录页面权限控制 需要登录才能显示的页面设置meta.need_login属性 export const routes = [ { path: '/login',  ......
前端 权限 Vue

超级详细的Vue安装与配置教程

# 超级详细的Vue安装与配置教程 ##### 目录 - [一、下载和安装Vue](https://www.jb51.net/article/251371.htm#_label0) - [二、创建全局安装目录和缓存日志目录](https://www.jb51.net/article/251371.h ......
教程 Vue

怎么保证接口安全

1. 首先应该考虑使用https协议,因为http协议是不安全的,一般来说购买服务器的时候厂商都会送 免费的https 的ssl证书,只需要在nginx配置就可以了。 2. 接口应该开启加密,分为对称加密和非对称加密 3. 对称加密:客户端和服务端使用同一个秘钥 4. 非对称加密: 5. 数据验签, ......
接口

前端Vue自定义数字输入框 带加减按钮的数字输入框组件

#### 前端Vue自定义数字输入框 带加减按钮的数字输入框组件, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13163 #### 效果图如下: #### ![](https://p3-juejin.byteimg.com/ ......
数字 前端 组件 按钮 Vue

前端Vue自定义支付密码输入键盘Keyboard和支付设置输入框Input

#### 前端Vue自定义支付密码输入键盘Keyboard和支付设置输入框Input, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13166 #### 效果图如下: ![](https://p3-juejin.byteimg ......
前端 Keyboard 键盘 密码 Input

前端Vue自定义简单实用轮播图封装组件 快速实现轮播图

前端Vue自定义简单实用轮播图封装组件 快速实现轮播图, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13153 效果图如下: ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fb ......
前端 组件 Vue

前端Vue自定义导航栏菜单 定制左侧导航菜单按钮 中部logo图标 右侧导航菜单按钮

前端Vue自定义导航栏菜单 定制左侧导航菜单按钮 中部logo图标 右侧导航菜单按钮, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13152 效果图如下: ![](https://p3-juejin.byteimg.com/ ......
菜单 按钮 前端 右侧 图标

vue3 ref和reactive的区别

这两个都是vue3引入的响应式数据的api。 但也有区别: 1.ref一般后面跟的是基础数据类型。 而reactive一般都是 对象或者数组 。 示例如下: //基础类型:number const count: Ref<number> = ref(0);//实例对象 const data=react ......
reactive vue3 vue ref

前端Vue自定义简单好用商品分类列表组件 侧边栏商品分类组件

#### 前端Vue自定义简单好用商品分类列表组件 侧边栏商品分类组件 , 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13148 #### 效果图如下: ![](https://p3-juejin.byteimg.com/t ......
组件 商品 侧边 前端 Vue

前端怎么使用node-input-validator给接口添加参数校验(以strapi 4.9为例)

## node-input-validator是什么? - 简称NIV (Node Input Validator) - 用于node.js的验证库 - 使用它可以扩展库以添加自定义规则。 - [npm NIV文档](https://www.npmjs.com/package/node-input- ......

java/springboot服务第三方接口安全签名(Signature)实现方案

前言 有的时候,我们需要把我们系统里的接口开放给第三方应用或企业使用,那第三方的系统并不在我们自己的认证授权用户体系内,此时,要如何保证我们接口的数据安全和身份识别呢? 在为第三方系统提供接口的时候,肯定要考虑接口数据的安全问题,比如数据是否被篡改,数据是否已经过时,数据是否可以重复提交等问题。其中 ......
第三方 springboot Signature 接口 方案

Vue(三):数据绑定(v-bind和v-model)

数据绑定分为单向数据绑定和双向数据绑定,单向数据绑定就是前面学习的v-bind指令,而双向数据绑定则是下面学习的v-model指令。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>数据绑定</title> <script ty ......
v-model 数据 v-bind model bind

【雕爷学编程】Arduino动手做(118)---PS2接口模块

37款传感器与执行器的提法,在网络上广泛流传,其实Arduino能够兼容的传感器模块肯定是不止这37种的。鉴于本人手头积累了一些传感器和执行器模块,依照实践出真知(一定要动手做)的理念,以学习和交流为目的,这里准备逐一动手尝试系列实验,不管成功(程序走通)与否,都会记录下来—小小的进步或是搞不掂的问 ......
模块 接口 Arduino 118 PS2

TienChin 验证码响应结果分析&验证码生成接口分析

# 验证码响应结果分析 首先从前端开始进行分析,进入到登录页面,打开开发者工具(f12),找到 network,f5 刷新一下页面,然后,筛选一下,筛选内容为 `Fetch/XHR`: ![image-20230622171018919](https://img2023.cnblogs.com/bl ......
TienChin 接口 结果 amp

Ts中的接口

接口的作用:在面向对象编程中,接口是一种规范的定义,它定义行为和动作的规范。 在程序设计里面,接口起到一定的限制和规范作用。接口定义某一些类所遵守的规范,接口不关心这些类的内部状态数据,也不关心类里面方法的实现细节 它只规定这批类中必须提供某些方法,提供的这些方法就可以满足某些需求。 ts的接口同时 ......
接口

Vue(二):指令语法之v-bind

一、什么是指令语法 vue中模板语法有两大类,第一类是插值语法,第二类就是指令语法。 1.插值语法 插值语法在上一篇“vue的简单使用”中已经提到了。 功能:用于解析标签体的内容 写法:{{XXX}},XXX为js表达式 2.指令语法 功能:用于解析标签(包括标签属性、标签事件、标签体内容等) 本文 ......
指令 语法 v-bind bind Vue

【技术积累】Vue.js中的基础概念与语法【一】

博客推行版本更新,成果积累制度,已经写过的博客还会再次更新,不断地琢磨,高质量高数量都是要追求的,工匠精神是学习必不可少的精神。因此,大家有何建议欢迎在评论区踊跃发言,你们的支持是我最大的动力,你们敢投,我就敢肝 ......
语法 概念 基础 技术 Vue

Vue(一):简单使用

1.引入js 要对vue进行使用,首先要引入相关的js文件: <script type="text/javascript" src="../js/vue.js"></script> 此处我将vue.js下载到了本地进行引用。 2.准备容器 <!-- 容器 --> <div id="root"> <h ......
Vue

vue+axios实现token无感刷新

原文出处:https://www.jb51.net/javascript/286094r4h.htm 通常,对于一些需要记录用户行为的系统,在进行网络请求的时候都会要求传递一下登录的token。不过,为了接口数据的安全,服务器的token一般不会设置太长,根据需要一般是1-7天的样子,token过期 ......
axios token vue

手把手教你在Windows下搭建Vue开发环境

一、下载Note.js 下载地址:https://nodejs.org/zh-cn/download 二、点击安装包无脑下一步即可(建议修改下路径) 三、在选择的安装路径下创建两个文件夹node_cache和node_global 四、打开CMD,设置缓存路径和全局模块存放路径 4.1 缓存路径 n ......
Windows 环境 Vue

Vue / uniapp cart.js购物车

const cart = { namespaced: true, state: { //{"store_id":"","goods_id":"", "goods_name":"", "goods_price":"", "goods_count":"", "goods_small_logo":"", ......
购物车 uniapp cart Vue js

C# 接口获取所有节假日并存入库(批量循环对象操作)

//每年的1月1号自动更新节假日表 var allHolidayStr = BaseHelper.Get_HttpRequest("https://api.jiejiariapi.com/v1/holidays/" + DateTime.Now.ToString("yyyy")); if (allH ......
接口 对象

vue3 虚拟滚动的一些实践

看到这个vueuse库打开新天地后,看到一句warning: Consider using vue-virtual-scroller instead, if you are looking for more features. 于是用起来。 好用,前提是看懂文档 业务需要使用grid,它的grid竟 ......
vue3 vue

vue3 - onMounted 多次触发 - 解决

1.原因 <router-view> 外面使用了 <keep-alive> 导致多次触发 onMounted 生命周期 2.解决 使用<keep-alive> 的第一层 页面 初始化数据的生命周期应该放弃使用 onMounted 应该使用 onActivated 用法与 onMounted 是一样的 ......
onMounted vue3 vue

自动化平台总结(httprunner+djangorestframework+python3+Mysql+Vue)【基础构思】

一、前言 最近从零搭建了一个自动化测试平台,虽然不是第一次从零搭建,但是也从来没有进行过这类搭建的总结,还是记录一下,搭建过程中的一些问题和方法。方便以后总结和翻阅 二、简介 搭建的平台使用的是Python3.6,未来有空可能考虑加个java版本。前端用的Vue,主体是httprunner2.X+D ......

Vue的set主要是做什么的

这个时候可以用this.$set(),给新添加的对象属性,或数组元素添加getter,setter方法 简单说即是:当你发现你给对象加了一个属性,在控制台能打印出来,但是却没有更新到视图上时,也 许这个时候就需要用到this.$set()这个方法了 methods:{ btn(){ Vue.set( ......
Vue set