vue学习汇总

news2024/11/15 12:16:08

目录

一、vue基本语法

1.插值表达式 {{}} 

2.显示数据(v-text)和(v-html)

3.事件处理(v-on)

4.循环遍历(v-for)

5.判断语法(v-if)

6.元素显示与隐藏(v-show)

7.动态设置属性(v-bind)

8.数据双向绑定(v-model)

9.计算属性

二、vue组件

1.使用组件的三个步骤

2.注册组件的两种方式

 3.组件嵌套

 4.认识vue文件

 5.创建组件并暴露的写法

三、axios异步请求

1.引入axios

2.get和post请求

3.vue+axios

四、创建 vue-cli 脚手架

1.什么是npm

2.使用webpack手动执行（不用脚手架）

3.创建脚手架步骤

4.npm run serve 命令可能出现的问题

5.vue脚手架项目结构

6.项目创建步骤示例(脚手架中执行)

五、vuex

六、vue-router 前端路由

1.基本使用

2.路由嵌套

七、Vue插件库的使用

一、vue基本语法

1.插值表达式 {{}} 

插值表达式用户把vue中所定义的数据,显示在页面上.。 

el挂载点：设置Vue实例挂载(管理)的元素

语法：{{ 变量名/对象.属性名 }}

案例：

<div id="one">
    {{message}}
</div>
<script>
    var v1 = new Vue({
      el: "#one",
      data: {
        message: "hello world!"
      },
    })
</script>

2.显示数据(v-text)和(v-html)

v-test和v-html都是专门用来展示数据，其作用和插值表达式类似。并且还可以解决因网速慢差值表达式会显示原始的{{}}问题。

区别

v-text：把数据当作纯文本显示.
v-html：遇到html标签,会正常解析

示例 

<div id="one" >
    <div v-text="message"></div>
    <div v-html="message"></div>
</div>
<script>
    var v = new Vue({
      el: '#one',
      data: {
        message: "<h3>哈哈哈</h3>"
    }
    });
</script>

结果 

3.事件处理(v-on)

​ Vue中也可以给页面元素绑定事件.如元素点击click事件，提交submit事件，回车keyup.enter事件。

  • 语法
<!--完整写法-->
<button v-on:事件名="函数名/vue表达式">点击</button>
<!--简化写法-->
<button @事件名="函数名/vue表达式">点击</button>
  • 案例
<div id="one">
  <button v-on:click="addition()">加1</button>
  <button v-on:click="subtraction()">减1</button>
  <h1>{{score}}</h1>
</div>
<script>
  var app = new Vue({
    el:"#one",
    data:{
      score: 60
    },
    methods: {
      // 加1  
      addition() {
        this.score+=1;
      },
      // 减1
      subtraction() {
        this.score-=1;
      },
    }
  });
</script>

4.循环遍历(v-for)

1.遍历数组

  • 语法
v-for="item in items" // 遍历数组
v-for="(item,index) in items" // 遍历数组加下标
  • 示例 
<div id="one">
    <li v-for="user in users">{{user}}</li>
    <li v-for="(user,index) in users">{{user}}--{{index}}</li>
</div>
<script>
    var v1 = new Vue({
      el: "#one",
      data: {
        users: ['user1','user2','user3','user4','user5']
      },
    })
</script>

2.遍历对象

  • 语法
v-for="value in object"
v-for="(value,key) in object"
v-for="(value,key,index) in object"
  • 示例 
<div id="one">
    <li v-for="key in person">{{key}}</li>
    <li v-for="(key,value) in person">{{key}}--{{value}}</li>
    <li v-for="(key,value,index) in person">{{key}}--{{value}}--{{index}}</li>
</div>
<script>
    var v1 = new Vue({
      el: "#one",
      data: {
        person: {"username":"lisi","age":"20","gender":"男"}
      },
    })
</script>

3.向数组中添加或删除元素

  • 示例
<div id="one">
    <button @click="add">添加</button>
    <button @click="remove">移除</button>
    <li v-for="user in users">{{user}}</li>
</div>
<script>
    var v1 = new Vue({
      el: "#one",
      data: {
        users: ['user1','user2','user3','user4','user5']
      },
      methods: {
          // 向users数组中添加元素
        add() {
          this.users.unshift("user6");
        },
        // 移除users中的元素
        remove() {
          this.users.shift();
        },
      }
    })
</script>

5.判断语法(v-if)

  • 语法
v-if="判断语句"
v-else-if="判断语句"
v-else
  • 示例 
<div id="one">
    请输入你的成绩:<input type="text" v-model.number="score">
    <div v-if="score>=90"> <h2>优秀!</h2></div>
    <div v-else-if="score>=80"> <h2>良好!</h2> </div>
    <div v-else-if="score>=70"> <h2>中等!</h2> </div>
    <div v-else-if="score>=60"> <h2>及格!</h2> </div>
    <div v-else><h2>不及格!</h2> </div>
</div>
<script>
    var app = new Vue({
      el:"#one",
      data:{
        score: 60
      },
    });
</script>

6.元素显示与隐藏(v-show)

条件满足(为true)时，显示元素，反之不显示。但是此元素依然存在，只是其CSS属性display变为none了。

<div id="one" >
    <h1 v-show="show">hello world!</h1>
</div>
<script>
    var v = new Vue({
      el: '#one',
      data: {
        show: true
    }
    });
</script>

当show设置为false时： 

7.动态设置属性(v-bind)

常用于动态设置标签的属性值，如src，href，value，class等等

  • 语法
v-bind:value=""  //正常写法
:value=""        //简写
  • 示例
<div id="one">
    <input type="button" v-bind:value="message">
</div>
<script>
    var v1 = new Vue({
      el: "#one",
      data: {
        message: "哈哈"
      },
    })
</script>

8.数据双向绑定(v-model)

数据双向绑定可以实现数据变化的时候，页面会自动刷新，页面变化的时候，数据也会自动变化。

双向绑定只能绑定文本框，单选框，复选框，文本域以及下拉列表等表单元素。

1.绑定文本框

<div id="one">
    <input type="text" v-model="message">
    <span>{{message}}</span>
</div>
<script>
    var v1 = new Vue({
        el:"#one",
        data:{
            // 该属性和文本框的属性保持一致
            message: ""
        },
    });
</script>

2.绑定单个复选框

<div id="one">
    <input type="checkbox" v-model="message">同意<br>
    <span>{{message}}</span>
</div>
<script>
    var v1 = new Vue({
        el:"#one",
        data:{
            // 该属性和文本框的属性保持一致
            message: false
        },
    });
</script>

3.绑定多个复选框

<div id="one">
    <input type="checkbox" v-model="message" value="Java">Java<br>
    <input type="checkbox" v-model="message" value="Python">Python<br>
    <input type="checkbox" v-model="message" value="C++">C++<br>
    <span>{{message}}</span>
</div>
<script>
    var v1 = new Vue({
        el:"#one",
        data:{
            // 数组中的值就是被选中的元素的value属性值
            message: []
        },
    });
</script>

9.计算属性

1.计算属性很重要的特性: 带缓存, 性能极强。

2.在第一次使用该属性时进行计算, 计算后将结果缓存起来, 后面如果还有其他地方用到, 会直接从缓存中取值, 不会再次计算。

3.如果方法中的某些数据更新了，与此相关的方法都会重新执行一遍。

  • 语法 
computed: {
    
}
  • 示例
<div id="one">
  {{currentTime_methods()}}<br>   <!-- methods里的方法调用要加() -->
  {{currentTime_computed}}        <!-- computed里的方法调用不加   计算属性 -->
</div>
<script>
  var v1 = new Vue({
    el: "#one",
    data: {
      message: "hello world!"
    },
    methods: {
        currentTime_methods: function () {
            return Date.now();
        }
    },
    // 计算属性
    computed: {
        currentTime_computed: function () {
            return Date.now();
       }
    }
});

二、vue组件

1.使用组件的三个步骤

  1. 创建一个组件 （Vue.extend）
  2. 注册组件
  3. 使用组件
<div id="root">
    <!-- 3.使用student组件 -->
    <student></student>
    <school></school>
</div>
<!--<script src="vue/vue.min.js"></script>-->
<script>
    // Vue.config.devtools = true
  // 1. 创建student组件
  let student = Vue.extend({
    template: `<div>
                   <h1>{{ id }}--{{ name }}</h1>
               </div>`,
    data(){
      return{
          id: '11',
          name: 'lisi',
      }
    }
  })
    // 创建组件可以简写
    // let student = {
    //     template: `<div>
    //                <h1>{{ id }}--{{ name }}</h1>
    //            </div>`,
    //     data(){
    //         return{
    //             id: '11',
    //             name: 'lisi',
    //         }
    //     }
    // }

  // 1. 创建school组件
  let school = Vue.extend({
       template: `<div>
                   <h1>{{ schoolName }}--{{ address }}</h1>
               </div>`,
       data(){
            return{
                schoolName: '实验小学',
                address: '陕西省咸阳市',
            }
       }
  })
  new Vue({
    el: '#root',
    data: {
    },
    // 2.注册组件（局部注册）
    components: {
      student,
      school
    }
  });

2.注册组件的两种方式

  1. 局部注册
  2. 全局注册
// 局部注册组件
new Vue({
    el: '#root',
    data: {
    },
    // 2.注册组件（局部注册）
    components: {
      student
    }
  });

// 全局注册组件 可以在任何div容器下使用该组件标签
Vue.component('student',student)

 3.组件嵌套

<script> 

// 如下school组件中嵌套了student组件

// 1. 创建student组件
  let student = Vue.extend({
    template: `<div>
                   <h1>{{ id }}--{{ name }}</h1>
               </div>`,
    data(){
      return{
          id: '11',
          name: 'lisi',
      }
    }
  })
  // 1. 创建school组件
  let school = Vue.extend({
       template: `<div>
                   <h1>{{ schoolName }}--{{ address }}</h1>
                 </div>`,
       data(){
            return{
                schoolName: '实验小学',
                address: '陕西省咸阳市',
            }
       },
      components: {
           // 组件嵌套
           student
      }
  })
</script>

 4.认识vue文件

<template>
  <!-- 组件的结构 (模版里必须要有一个根元素,用div)包裹 -->
  <div>
      ...
  </div>
</template>

<script>
// 组件交互相关的代码(数据，方法等等)
// export 暴露导出模块
export default {
  name: "App" // 组件名
}
</script>

<style scoped>
/*组件的样式*/
</style>

 5.创建组件并暴露的写法

// 如下写法其实是一种简写
export default {
    
}

// 完整如下
export const Student = Vue.extend({
  
})
export default(Student)
// 或者

export let Student = Vue.export({

})

三、axios异步请求

axios是一个基于 promise 的 HTTP 库, 主要用于：发送异步请求获取数据。

1.引入axios

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

2.get和post请求

语法

// 方法一默认为正常响应回的数据，方法二为错误信息
axios.get("地址?key1=value1&key2=value2").then(function(response){},function(err){})
axios.post("地址",{key1:value1,key2:value2}).then(function(response){},function(err){})

示例

<script>
    // get请求
    axios.get("地址?key1=value1&key2=value2").then(
          // then中的第一个方法是响应成功返回的数据，第二个方法是返回的错误信息
          function (response) {
             console.log(response);
          },
          function (err) {
             console.log(err);
          }
    )

    //post请求
    axios.post("地址",{
        // 请求参数
        username: "lisi",
        password: "123"
    }).then(
        // then中的第一个方法是响应成功返回的数据，第二个方法是返回的错误信息
        function (response) {
           console.log(response);
        },
        function (err) {
            console.log(err);
        }
    )
</script>

3.vue+axios

<script>
  var v1 = new Vue({
    el: "#one",
    data: {
      user: {}
    },
    // 当页面加载完毕后
    created() {
      axios.get("info/userinfo",{
        // get请求的参数
        params: {
          username: "admin",
          password: "123",
        },
        // 响应数据格式为json
        responseType: "json",
      }).then(ret => {
        // 打印响应数据
        console.log(ret.data);
        // 把响应数据赋值给vue中的user属性
        this.user=ret.data;
      }).catch(err => {
        // 打印错误信息
        console.log(err);
      });
    }
  });
</script>

四、创建 vue-cli 脚手架

1.什么是npm

npm是JS的一个包管理程序，相当于后端的maven，Node Package Manager 。

2.使用webpack手动执行（不用脚手架）

// 1.创建项目
vue init webpack 项目名
// 2，进行该项目
cd 项目
// 3.安装运行环境
npm install
// 4.启动项目
npm run dev
// 5.结束项目
ctrl+c

// 由于JS文件引入使用了import，是es6语法，浏览器不认识，需要将该Js文件通过webpack
// 打包成一个新的压缩的JS文件后，再引入HTML文件中

// 对JS文件打包成压缩的浏览器认识的JS文件，需要在webpack.confog.js
// 文件中配置【注意//webpack.confog.js配置文件的位置】
//module.exports = {
//    entry: './modules/main.js',      // 程序入口
//    output: {
//        filename: './js/bundle.js'   // 打包生成的JS文件位置
//    }
//}
webpack //打包命令

 可能出现的问题

解决办法

对 node_global文件，node_cache文件 右键->属性->安全->编辑，全勾上。

3.创建脚手架步骤

  • 1. 创建vue项目 
vue create 项目名
  • 2.进入该项目
cd 项目名
  • 3.启动项目 
npm run serve
  • 4.结束项目
ctrl + c

4.npm run serve 命令可能出现的问题

原因是存在语法检查，组件命名没有按照它规范来。

解决办法：在vue.config.js文件中添加如下代码即可。

lintOnSave: false

5.vue脚手架项目结构

6.项目创建步骤示例(脚手架中执行)

  1. 首先创建两个vue文件(Student和School)
  2. 再创建一个vue文件(App)，该文件嵌套上面两个文件(组件引入)
  3. 再创建一个JS文件(main)，引入App.vue文件
  4. 最后创建一个HTML文件(index)，并引入使用webpack打包而成的JS文件
  5. 最后在当前项目下使用 npm run serve 命令启动项目

首先创建两个vue文件(Student和School)

School.vue文件

<template>
<!-- 组件的结构 (模版里必须要有一个根元素) -->
  <div>
    <h2>学校名称:{{name}}</h2>
    <h2>学校地址:{{address}}</h2>
    <button @click="showName">点我提示学校名</button>
  </div>
</template>

<script>
// 组件交互相关的代码(数据，方法等等)
// export 将。。。暴露
export default {
  name: "School",  //组件名,最好跟文件名相同
  data() {
    return {
      name: '希望中学',
      address: '陕西省西安市'
    }
  },
  methods: {
    showName: function () {
      alert(this.name);
    }
  }
}
</script>

<style scoped>
  /*组件的样式*/
</style>

student.vue文件

<template>
  <div>
    <h2>学生姓名:{{name}}</h2>
    <h2>学生年龄:{{age}}</h2>
    <button @click="showName">点我提示学生名</button>
  </div>
</template>

<script>
export default {
  name: "Student",
  data() {
    return {
        name: '张三',
        age: '18'
    }
  },
  methods: {
    showName: function () {
      alert(this.name);
    }
  }

}
</script>

<style scoped>

</style>

再创建一个vue文件(App)，该文件嵌套上面两个文件(即引入两个vue文件)

<template>
<!--  使用这两个组件-->
  <div>  <!-- 切记模版里必须要有一个根元素 -->
    <School></School>
    <Student></Student>
  </div>
</template>

<script>
  // 导入这两个组件
  import School from './components/School.vue'
  import Student from './components/Student.vue'

  export default {
    name: "App",
    data() {
    },
    components: {
      School,
      Student
    }
  }
</script>

<style scoped>

</style>

再创建一个JS文件(main)，引入App.vue文件

// 引入vue组件
import Vue from 'vue'
// 引入App组件
import App from './App.vue'

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
}).$mount('#app')

最后创建一个HTML文件(index)

<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

文件创建完毕，使用如下命令启动项目

npm run serve

五、vuex

实现多组件共享数据，管理数据的一个插件。

六、vue-router 前端路由

1.基本使用

1.安装vue-router

// 1.安装vue路由，3表示路由版本是3版本，路由3版本对应vue2版本
npm i vue-router@3

2.编写router配置项(js文件)

/**
 *   该文件专门用来创建应用的路由器
  */

// 引入vue-router
import VueRouter from 'vue-router'

// 引入路由对应的组件
import Student from './Student.vue'
import School from './School.vue'

// 创建并暴露一个路由器
export default new VueRouter({
    // 如下，一个routers可以有一对或者多对 路径和组件
    routers: [
        {
            path: '/allstudents',      // 路径
            component: 'Student', // 组件名 前提是得引入组件
        },
        {
            path: '/allschools',
            component: 'School',
        }
    ]
})

3.引入路由器(main.js文件中)

import Vue from 'vue'
import App from './App.vue'

// 引入路由器（源自配置项中的路由器）
import router from './router'

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
  router: router  // 设置路由器
}).$mount('#app')

3.实现切换(vue文件中的模版里不能再使用a标签，要替换成vue-router提供的router-link标签 )

<router-link to="/allstudents"></router-link>
<router-link to="/allschools"></router-link>

4.指定展示位置

<router-view></router-view>

2.路由嵌套

// 引入vue-router
import VueRouter from 'vue-router'

// 引入路由对应的组件
import Student from './Student.vue'
import Student1 from './student1.vue'
import Student2 from './student2.vue'

// 创建并暴露一个路由器
export default new VueRouter({
    routers: [
        {
            path: '/allstudents',      // 路径
            component: Student,        // 组件名 前提是得引入组件
            children: [                // 组件嵌套
                {
                    path: 'student1',  // 嵌套的二级路由不用加斜杠
                    component: Student1
                },
                {
                    path: 'student2',
                    component: Student2
                }
            ]
        },
        
    ]
})

七、Vue插件库的使用

以vue-router为例

1.引入插件库

import VueRouter from 'vue-router'

2.应用插件

Vue.use(VueRouter)

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1713136.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

Android manifest清单文件意外权限来源和合并规则

Android manifest清单文件意外权限来源和合并规则

问题背景 当自写APP发现无缘无故多申请了多个权限,其中一个就是:android.permission.WAKE_LOCK. 一想就知道如果并非自己在APP main中引入的,那就是依赖的库清单文件导入进来的. 定位问题 定位手段 1.manifest-merger-buildVariant-report.txt 根据其内容可知, WAKE_LOCK 权…
阅读更多...
Nuxt3 中使用 ESLint

Nuxt3 中使用 ESLint

# 快速安装 使用该命令安装的同时会给依赖、内置模块同时更新 npx nuxi module add eslint安装完毕后&#xff0c;nuxt.config.ts 文件 和 package.json 文件 会新增代码段&#xff1a; # nuxt.config.ts modules: ["nuxt/eslint" ] # package.json "devDep…
阅读更多...
睿联技术对亚马逊既依赖又竞争：递表前大额分红，资金充裕又补流？

睿联技术对亚马逊既依赖又竞争：递表前大额分红，资金充裕又补流？

《港湾商业观察》施子夫 王璐 今年3月29日&#xff0c;冲刺创业板IPO的深圳市睿联技术股份有限公司&#xff08;以下简称&#xff0c;睿联技术&#xff09;提交了注册&#xff0c;不出意外的话&#xff0c;公司离挂牌上市已经近在咫尺。 然而&#xff0c;在目前资本市场尤其…
阅读更多...
第二十三届中国科学家论坛盛大开幕，星医联董事长杨星荣获“十四五”科技创新先锋人物

第二十三届中国科学家论坛盛大开幕，星医联董事长杨星荣获“十四五”科技创新先锋人物

2024年5月25-26日&#xff0c;第二十三届中国科学家论坛在北京召开&#xff0c;北京星医联科技有限公司&#xff08;以下简称“星医联”&#xff09;董事长杨星女士受邀出席并荣获“十四五科技创新先锋人物”称号。同时星医联专利“一种靶向协同降脂的纳米双药制备及应用”荣获…
阅读更多...
pytorch深度学习-环境搭建-2

pytorch深度学习-环境搭建-2

1.1下载cudnn,解压 1.2.找到本级cuda安装路径 1.3.刚才解压文件复制到cuda安装目录 2.1 安装pytouch conda install pytorch torchvision torchaudio pytorch-cuda12.1 -c pytorch -c nvidia
阅读更多...
FPGA——eMMC验证

FPGA——eMMC验证

一.FPGA基础 1.FPGA烧录流程 (1) 加载流文件 —— bitfile (2) 烧录文件 —— cmm 二.MMC 1.基础知识 (1)jz4740、mmc、emmc、sd之间的关系&#xff1f; jz4740——处理器 mmc——存储卡标准 emmc——mmc基础上发展的高效存储解决方案 sd—— 三.eMMC和SD case验证 1.ca…
阅读更多...
超声波清洗机哪家好用又实惠？四款好评如潮的超声波清洗机推荐

超声波清洗机哪家好用又实惠？四款好评如潮的超声波清洗机推荐

很多戴眼镜的朋友都在寻求一种既能保护眼镜光泽又能深层清洁的方法时&#xff0c;超声波清洗机无疑成为了许多眼镜用户的首选&#xff0c;可以更好清洗眼镜&#xff0c;从而避免眼镜的污渍而导致我们眼部出现过敏的问题。但在市场上琳琅满目的超声波清洗机中&#xff0c;哪些才…
阅读更多...
第13章 常用类

第13章 常用类

一、包装类 二、String String的常用方法&#xff1a; equals&#xff1a;判断内容是否相等&#xff0c;区分大小写。 String str1 "hello";String str2 "Hello";System.out.println(str1.equals(str2));//false equalsIgnoreCase&#xff1a;判断内容…
阅读更多...
【后端篇】后端开发工程师-面试攻略

【后端篇】后端开发工程师-面试攻略

后端开发在系统、软件开发的生命周期过程中有着至关重要的作用&#xff0c;下面就简单聊聊后端开发工程师需要具备的一些知识和技能。 一、扎实的基础知识 作为一名后端开发工程师&#xff0c;对编程语言的深刻理解是必不可少的。无论是 Java、Python、C 等&#xff0c;都需要…
阅读更多...
线下实体店相亲机构不靠谱！靠谱的相亲交友婚恋软件有哪些？单身找对象必看！

线下实体店相亲机构不靠谱！靠谱的相亲交友婚恋软件有哪些？单身找对象必看！

当下大龄剩男剩女矛盾越来越大&#xff0c;单身市场越来越火热&#xff0c;相亲市场需求也在逐渐变大&#xff0c;线下相亲实体店也越来越多。但是从个人经历来说&#xff0c;实体店相亲不靠谱&#xff0c;收费很高&#xff0c;拖又多&#xff0c;根本脱不了单。现在呢&#xf…
阅读更多...
AI Agent：人类工作范式的颠覆者还是人机协作新范式？

AI Agent：人类工作范式的颠覆者还是人机协作新范式？

编者按&#xff1a; 当前大热的大语言模型和检索增强生成模型&#xff0c;虽然在语言理解和内容生成方面取得了突破性的进展&#xff0c;但仍然存在诸多限制。它们缺乏根据目标导引行为、持续学习和与环境交互的能力&#xff0c;难以应对复杂多变的现实场景需求。 今天为大家带…
阅读更多...
Window下VS2019编译WebRTC通关版

Window下VS2019编译WebRTC通关版

这段时间需要实现这样一个功能&#xff0c;使用WebRTC实现语音通话功能&#xff0c;第一步要做的事情就是编译WebRTC源码&#xff0c;也是很多码友会遇到的问题。 经过我很多天的踩坑终于踩出来一条通往胜利的大路&#xff0c;下面就为大家详细介绍&#xff0c;编译步骤以及踩…
阅读更多...
连接远程的kafka【linux】

连接远程的kafka【linux】

# 连接远程的kafka【linux】 前言版权推荐连接远程的kafka【linux】一、开放防火墙端口二、本地测试是否能访问端口三、远程kafka配置四、开启远程kakfa五、本地测试能否连接远程六、SpringBoot测试连接 遇到的问题最后 前言 2024-5-14 18:45:48 以下内容源自《【linux】》 仅…
阅读更多...
基础—SQL—DML（数据操作语言）修改和删除

基础—SQL—DML（数据操作语言）修改和删除

一、引言 接着上次博客&#xff0c;这次讲解DML语句中的修改数据和删除数据操作。 二、DML—修改数据 UPDATE 表名 SET 字段名1值1 ,字段名2值2 , ...[ WHERE 条件]; 注意&#xff1a;修改语句的条件可以有&#xff0c;也可以没有。如果没有条件&#xff0c;则会修改整张表的…
阅读更多...
7777777777777

7777777777777

欢迎关注博主 Mindtechnist 或加入【智能科技社区】一起学习和分享Linux、C、C、Python、Matlab&#xff0c;机器人运动控制、多机器人协作&#xff0c;智能优化算法&#xff0c;贝叶斯滤波与Kalman估计、多传感器信息融合&#xff0c;机器学习&#xff0c;人工智能&#xff0c…
阅读更多...
各类信息化项目第三方验收测试的作用

各类信息化项目第三方验收测试的作用

验收测试 各类信息化项目第三方验收测试的作用主要体现在以下几个方面&#xff1a; 1. 客观性&#xff1a;第三方验收测试的突出特点是其客观性。与项目开发团队或相关利益方相比&#xff0c;第三方测试机构能够更加客观地进行测试&#xff0c;不受项目具体背景、利益关系等因…
阅读更多...
SQL Server定期收缩日志文件详细步骤——基于SQL Server 2012

SQL Server定期收缩日志文件详细步骤——基于SQL Server 2012

SQL Server定期收缩日志文件详细步骤 一、环境配置1、查看数据库的属性2、文件设置3、备份模式4、查看收缩配置5、查看收缩选项 二、编写作业计划1、选择新建作业2、常规配置3、步骤4、输入内容5、脚本详解6、新建计划7、输入名称、选择执行时间8、查看测试9、查看测试结果 一、…
阅读更多...
单值二叉树（oJ题）

单值二叉树（oJ题）

一、题目连接&#xff1a;. - 力扣&#xff08;LeetCode&#xff09; 二、题目思路 遍历左右子树&#xff0c;如果左子树存在不为空并且根结点的值不等于左子树的值&#xff0c;返回false, 如果右子树存在不为空并且根结点的值不等于右子树的值&#xff0c;返回false, 每一个…
阅读更多...
华为OD机试 - 项目排期 - 贪心算法（Java 2024 C卷 200分）

华为OD机试 - 项目排期 - 贪心算法（Java 2024 C卷 200分）

华为OD机试 2024C卷题库疯狂收录中&#xff0c;刷题点这里 专栏导读 本专栏收录于《华为OD机试&#xff08;JAVA&#xff09;真题&#xff08;A卷B卷C卷&#xff09;》。 刷的越多&#xff0c;抽中的概率越大&#xff0c;每一题都有详细的答题思路、详细的代码注释、样例测试…
阅读更多...
图形学初识--矩阵和向量

图形学初识--矩阵和向量

文章目录 前言正文向量什么是向量&#xff1f;向量涉及哪些常见计算&#xff1f;1、取模2、归一化3、向量加法4、向量减法5、向量与标量乘6、向量点乘&#xff08;内积&#xff09;7、向量投影 向量有哪些基本应用&#xff1f; 矩阵什么是矩阵&#xff1f;矩阵涉及哪些常见计算…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023