接口axios vue all
Vue2中的父子通信
父子通信流程图： 父组件通过props将数据传递给子组件 子组件利用$emit通知父组件修改更新 父组件传递子组件 注意点 但是需要注意的是，通过props传递的数据是只读状态的，也就是说，我们不能去修改这个值。 注意：props是只读的，如果直接对props中的数据进行修改，Vue就会发出警告。如 ......
Burpsuite抓包pycharm接口请求信息
一、原因 内部app可以打开log日志，抓取https接口，通过pycharm可以进行快速调试，但是后续场景需要通过burp工具进行接口渗透测试 二、操作步骤 步骤01： burp-代理（proxy）-选项（options）-添加一个代理 步骤02： pycham请求接口时，修改参数如下： fidd ......
记录--啊？Vue是有三种路由模式的？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 众所周知，vue路由模式常见的有 history 和 hash 模式，但其实还有一种方式-abstract模式（了解一哈~） 别急，本文我们将重点逐步了解： 路由 + 几种路由模式 + 使用场景 + 思考 + freestyle 路由概念 ......
11 11 vue3代码优化
使用axios发送异步请求是这种格式，现在异步请求都封装到api中。说法如下： 接口调用的js代码一般都会封装到js文件中，并一函数的形式暴露给外部，例如： 这张图片包括了没有参数和有参数的两种情况 然后在组件中的script中调用函数就行，但这样不行，好像跟什么同步异步有关，反正这样是无法运行的， ......
SQL union all 不去重
创建表（牛客sql108改） DROP TABLE IF EXISTS `Products`; CREATE TABLE IF NOT EXISTS `Products` ( prod_name VARCHAR(255) NOT NULL COMMENT '产品名称' ); INSERT INTO ......
JavaSE day05【泛型，数据结构，List接口，Set接口】测评题
选择题 题目1(单选): 查看下列代码,选出正确的传参( ) public class Test2 { public static void main(String[] args) { ArrayList<Integer> list1 = new ArrayList<Integer>(); Arra ......
vue2 vue.min.js和vue-cli-service build --target lib 构建的.min.js的压缩原理 源码分析
1 vue-cli-service --target lib https://github.com/vuejs/vue-cli/blob/f0f254e4bc81ed322eeb9f7de346e987e845068e/packages/%40vue/cli-service/lib/commands ......
vue里面数据
<template> <div> <BaseCountItem></BaseCountItem> <br> <BaseCountItem></BaseCountItem> <br> <BaseCountItem></BaseCountItem> </div> </template> <script> ......
vue完成记事本小功能（没有css样式）
app.vue <template> <div class=""> <SchuRuKuang @Add="handleAdd"></SchuRuKuang> <LieBiaoZhanShi :list="list" @delOne="handledelOne"></LieBiaoZhanShi> < ......
STM32F103:SWJ调试接口设置成普通的IO口——PA13,PA14,PA15,PB3,PB4
一、STM32调试端口 STM32有两种程序调试接口，具体如下： SWD调试接口： PA13、PA14共两个引脚。 JTAG调试接口： PA13、PA14、PA15、PB3、PB4共五个引脚。 单片机启动后，初始状态这五个引脚就默认是调试接口。而实际使用中，一般只使用 SWCLK、SWDIO这两个引 ......
vue/eslint_vue/no-side-effects-in-computed-properties报错
出现这个错误的缘由是因为我在vue3中的computed中, 把computed的回调函数当做数据监听器处理程序, 在里面修改了ref定义的变量数据的值. const curArticle = computed(() => { if (curArticleList.value.length 0) { ......
vue中执行npm install提示：npm WARN deprecated core-js@2.6.12
场景： 在执行npm install时提示npm WARN deprecated core-js@2.6.12，导致安装不了 提示的意思是：版本低不再维护了，让升级upgrade your dependencies to the actual version of core-js. npm WARN ......
接口测试用YAML写测试用例
代码和用例分离时，测试用例用YAML或excel写都可以。一般接口测试用YAML写测试用例 原因： 1.方便的字典和YAML之间切换 2.YAML有数据类型 数据组成： 1.对象：通过字典表示 key: value 2.数组：通过列表表示，通过一组对齐的 - 表示（YAML里面字符串一般不写引号） ......
Vue源码学习(十六):diff算法(三)暴力比对
好家伙，这是diff的最后一节了 0.暴力比对的使用场景 没有可复用的节点：当新旧虚拟 DOM 的结构完全不同，或者某个节点不能被复用时，需要通过暴力比对来创建新的节点，并在真实 DOM 上进行相应的插入操作。 0.1.例子一： // 创建vnode let vm1 = new Vue({ data ......
Java中的接口
注意：接口中的成员变量与成员方法默认权限都是public 例子 接口 public interface _173Animal { //接口中的变量，默认是常量，并且自动加了static、final关键字 public static final int code1=200; public final ......
axios的this指向问题
let vue = new Vue({ methods:{ testMethod:function () { //第一个： axios({ method:"post", url:"CartServlet", }).then(response=>{ this.cartJson = response; ......
vue指令实现input自动聚焦
vue指令实现自动聚焦 代码如下： AutoFocus.js import Vue from 'vue' // 插件对象(必须有install方法, 才可以注入到Vue.use中) export default { install () { Vue.directive('fofo', { inser ......
ElementUI2+Vue2实现日期选择长期功能
ElementUI2+Vue2实现日期选择长期功能 效果如图： 代码如下： <template> <div> <el-row> <div class="block"> <span class="demonstration">带快捷选项</span> <el-date-picker v-model=" ......
vue如何判断组件是否注册
在 Vue 中，你可以通过检查 Vue 实例的 $options.components 属性来判断一个组件是否已经被注册。这个属性包含了所有已经被注册的组件。 以下是一个示例： methods: { isComponentRegistered(componentName) { return this ......
Vue中网络图片懒加载工具
在滑动列表视图中如果有网络图片需要加载直接给imag标签赋值src，会造成没有显示的item中图片也直接加载，势必浪费网络资源。 创建一个插件，让列表中的item出显的时候在加载图片从而减少网络请求。具体方法就是给img标签添加一个新的属性暂时先保存对应的url，当item滑动出现到一定值时触发事件 ......
vue2页面Uncaught runtime errors
当vue2请求错误，或者出现其它错误时，界面会出现一个遮罩层提示Uncaught runtime errors 解决方法： 1.打开vue.config.js或者vue.config.ts文件 2.配置devServer devServer: { // 解决页面弹出红色报错遮罩层 client: { ......
Vue基础
初识VUE <div id="demo"> <h1>Hello，{{name.toUpperCase()}}，{{address}}</h1> </div> <script type="text/javascript" > Vue.config.productionTip = false //阻止 ......
vue-cli-service vue.config.js配置 productionSourceMap与webpack中的devtool 关联详细解释
https://webpack.js.org/configuration/devtool/ https://cli.vuejs.org/zh/config/#productionsourcemap https://github.com/vuejs/vue-cli/blob/f0f254e4bc81e ......
SATA硬件驱动器接口的可制造性问题详解
SATA接口是硬盘与主机系统间的连接部件，作用是在硬盘缓存和主机内存之间传输数据。不同的硬盘接口，决定着硬盘与计算机之间的连接速度，在整个系统中，硬盘接口的优劣，直接影响着程序运行快慢和系统性能好坏。 SATA接口介绍 SATA（Serial ATA）是串行ATA的缩写，是一种完全不同于并行ATA的 ......