Vue 02 组件、Vue CLI

news2024/11/16 11:58:47

Vue学习

  • Vue 02
    • 01 组件
      • 引入
      • 概念
      • 组件的两种编写形式
        • ① 非单文件组件
          • 基本使用
          • 使用细节
          • 组件嵌套
          • 组件本质 VueComponent
          • 重要的内置关系
        • ② 单文件组件
    • 02 Vue CLI
      • 介绍 & 文档
      • 安装
      • 使用步骤
      • 脚手架结构
      • render
      • 默认配置
      • ref 属性
      • props配置
      • mixin配置项
      • 插件
      • scoped 样式
      • 案例：To do list

Vue 02

B站 Vue全家桶（BV1Zy4y1K7SH） 学习笔记

01 组件

引入

  • 传统方式的局限性

在这里插入图片描述

  • 组件方式编写

在这里插入图片描述

组件的定义—实现应用中局部功能代码和资源的集合

在这里插入图片描述

概念

模块

  1. 理解: 向外提供特定功能的 js 程序, 一般就是一个 js 文件
  2. 为什么: js 文件很多很复杂
  3. 作用: 复用 js, 简化 js 的编写, 提高 js 运行效率

组件

  1. 理解: 用来实现局部(特定)功能效果的代码集合(html/css/js/image……)
  2. 为什么: 一个界面的功能很复杂3. 作用: 复用编码, 简化项目编码, 提高运行效率

模块化

当应用中的 js 都以模块来编写的, 那这个应用就是一个模块化的应用。

组件化

当应用中的功能都是多组件的方式来编写的, 那这个应用就是一个组件化的应用,。

组件的两种编写形式

非单文件组件：一个文件中包含有n个组件。
单文件组件∶一个文件中只包含有1个组件。

① 非单文件组件
  • 示例

显示信息 学校（名字，地址），学生（姓名，年龄）。name会重复，所以创建学校组件和学生组件。

第一步 创建组件

在这里插入图片描述

template ：需要一个根元素

第二部 注册组件(以局部注册为例)

第三步使用组件
在这里插入图片描述

基本使用

Vue中使用组件的三大步骤：

一、定义组件(创建组件)

二、注册组件

三、使用组件(写组件标签)

一、如何定义一个组件？

使用 Vue.extend(options) 创建，其中 options 和 new Vue(options) 时传入的那个options几乎一样，但也有点区别；

区别如下：

  • 1.el不要写，为什么？ ——— 最终所有的组件都要经过一个vm的管理，由vm中的el决定服务哪个容器。
  • 2.data必须写成函数，为什么？ ———— 避免组件被复用时，数据存在引用关系。

备注：使用template可以配置组件结构,但必须有一个根节点。

二、如何注册组件？

1.局部注册：靠new Vue的时候传入components选项

2.全局注册：靠Vue.component(‘组件名’,组件)

三、编写组件标签：

<school></school>

使用细节

1.关于组件名:

  • 一个单词组成：

​ 第一种写法(首字母小写)：school 使用时 <school></school>

​ 第二种写法(首字母大写)：School 使用时 <School></School>

  • 多个单词组成：

​ 第一种写法(kebab-case命名)：my-school

​ 局部注册 components: ‘my-school’: s 。使用<my-school></my-school>

​ 第二种写法(CamelCase命名)：MySchool (需要Vue脚手架支持)

​ 局部注册 components: ‘MySchool’: s 。使用<MySchool></MySchool>

​ 注意：

​ (1).组件名尽可能回避HTML中已有的元素名称，例如：h2、H2都不行。

​ (2).可以使用name配置项指定组件在开发者工具中呈现的名字。

在这里插入图片描述

2.关于组件标签

​ 第一种写法：<school></school>

​ 第二种写法：<school/>

​ 备注：不用使用脚手架时，<school/>会导致后续组件不能渲染。

3.组件定义的简写方式

​ const school = Vue.extend(options) 可简写为：const school = options

//定义组件
const s = Vue.extend({
  name:'atguigu',
  template:`
    <div>
      <h2>学校名称：{{name}}</h2>	
      <h2>学校地址：{{address}}</h2>	
    </div>
  `,
  data(){
    return {
      name:'尚硅谷',
      address:'北京'
    }
  }
})

// 简写为：
//定义组件
const s = {
  name:'atguigu',
  template:`
    <div>
      <h2>学校名称：{{name}}</h2>	
      <h2>学校地址：{{address}}</h2>	
    </div>
  `,
  data(){
    return {
      name:'尚硅谷',
      address:'北京'
    }
  }
}
组件嵌套

student 组件 是 school 组件 的子组件

  • 实例
<body>
  <div id="root">
    <h1>{{msg}}</h1>
    <school></school>
  </div>
</body>

<script>
  //定义student组件
  const student = Vue.extend({
    name:'student',
    template:`
      <div>
        <h2>学生姓名：{{name}}</h2>	
        <h2>学生年龄：{{age}}</h2>	
      </div>
    `,
    data(){
      return {
        name:'尚硅谷',
        age:18
      }
    }
  })

  const school = Vue.extend({
    name: 'school',
    template: `
      <div>
        <h2>{{name}}</h2>
        <h2>{{address}}</h2>
        <student></student>
      </div>
    `,
    data: function() {
      return {
        name: 'xxx大学',
        address: 'xxx省xxx市'
      }
    },
    components: {
      student
    }
  })


  new Vue({
    el: '#root',
    data: {
      msg: '开学了'
    },
    components: {
      school
    }
  })
</script>

在这里插入图片描述

开发中常用组件 app，用于管理页面中所有的组件。

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

组件本质 VueComponent

console.log(‘@’,school)

在这里插入图片描述

打印组件school 发现它是一个函数，实际上它是一个构造函数。

//定义school组件
const school = Vue.extend({
  name:'school',
  template:`
    <div>
      <h2>学校名称：{{name}}</h2>	
      <h2>学校地址：{{address}}</h2>	
      <button @click="showName">点我提示学校名</button>
    </div>
  `,
  data(){
    return {
      name:'尚硅谷',
      address:'北京'
    }
  },
  methods: {
    showName(){
      console.log('showName',this)
    }
  },
})

**在源码中搜索VueComponent可以发现 **

在这里插入图片描述

关于VueComponent

(1) school组件本质是一个名为VueComponent的构造函数，且不是程序员定义的，是Vue.extend生成的。

(2) 我们只需要写<school/>或<school></school>，Vue解析时会帮我们创建school组件的实例对象，即Vue帮我们执行的：new VueComponent(options)。

(3) 特别注意：每次调用Vue.extend，返回的都是一个全新的VueComponent！！！！

通过源码得知 Vue.extend是函数，在 Vue.extend中会返回一个新的VueC omponent

(4) 关于this指向：

​ A. 组件配置中：data函数、methods中的函数、watch中的函数、computed中的函数 它们的this均是【VueComponent实例对象】。

​ B. new Vue(options)配置中：data函数、methods中的函数、watch中的函数、computed中的函数 它们的this均是【Vue实例对象】。

(5) VueComponent的实例对象，以后简称vc（也可称之为：组件实例对象）。

​ Vue的实例对象，以后简称vm。

重要的内置关系

原型回顾：

在这里插入图片描述

console.log(Demo.prototype === d.___proto__)结果为TRUE

在这里插入图片描述

console.log(d):

输出d，d是构造函数 Demo 的实例对象，它自身是没有 x 属性的。所以通过隐式原型属性查找。

在这里插入图片描述

一个重要的内置关系：VueComponent.prototype.__proto__ === Vue.prototype


//定义school组件
const school = Vue.extend({
  name:'school',
  template:`
    <div>
      <h2>学校名称：{{name}}</h2>	
      <h2>学校地址：{{address}}</h2>	
      <button @click="showX">点我输出x</button>
    </div>
  `,
  data(){
    return {
      name:'尚硅谷',
      address:'北京'
    }
  },
  methods: {
    showX(){
      console.log(this.x)
    }
  },
})

//创建一个vm
const vm = new Vue({
  el:'#root',
  data:{
    msg:'你好'
  },
  components:{school}
})

1.一个重要的内置关系：VueComponent.prototype.proto === Vue.prototype

2.为什么要有这个关系：让组件实例对象（vc）可以访问到 Vue原型上的属性、方法。

解释分析：

（1）<script type="text/javascript" src="../js/vue.js"></script>引入 vue.js后，全局多了一个Vue构造函数。

【JavaScript 规定，每一个构造函数都有一个 prototype 属性，指向另一个对象，所以我们也称为原型对象】 所以 构造函数 Vue中有一个 prototype 属性，指向 Vue 原型对象。

通过构造函数 构造出的实例对象，都可以访问 原型对象 上的方法与属性。

（2）const vm = new Vue({})

实例对象 vm 中 有隐式原型属性 __proto__ ,也指向原型对象。

（3）Vue的原型对象，也是对象，所以它里面也有一个 隐式原型属性 __proto__ ，指向Object的原型对象。

实例的隐式原型属性（proto）永远指向自己缔造者 的原型对象。

【对象都会有一个属性 __proto__】

在这里插入图片描述

（4）有一个构造函数 VueComponent ，构造函数身上有一个 prototype 属性，指向 VueComponent 的原型对象。
在这里插入图片描述

② 单文件组件

单文件组件的 格式是 ：XXX.vue

注意 XXX.vue 不能直接交给浏览器运行，所以得先进行处理和加工。有两个渠道：① webpack ② vue-cli （官方帮忙搭建的 webpack ）

  • 示例

（1）起名注意事项（加粗的为推荐）

单个单词：school.vue 或者 School.vue

多个单词：my-school.vue 或者 MySchool.vue

（2）组件是资源（HTML CSS JS）的集合

为了迎合组间比较常见的属性， vue文件设计出了三个标签

在这里插入图片描述

（3）代码格式

注意： template不参与结构编译

export：

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

最终写为：

在这里插入图片描述

（4）必须要有App.vue 汇总所有的组件

在这里插入图片描述

（5） 浏览器不认识 ES6语法，必须要使用脚手架
在这里插入图片描述

02 Vue CLI

command line interface

介绍 & 文档

  1. Vue 脚手架是 Vue 官方提供的标准化开发工具（开发平台）。
  2. 最新的版本是 4.x。
  3. 文档: https://cli.vuejs.org/zh/。

安装

在这里插入图片描述

下载完之后，关闭CMD，再打开，输入vue

在这里插入图片描述

使用步骤

（1）配置 npm 淘宝镜像：npm config set registry https://registry.npm.taobao.org

在这里插入图片描述

（2）vue create vue_test
在这里插入图片描述

babel： ES6转ES5

eslint：语法检查

在这里插入图片描述

输入完 npm run serve之后：
在这里插入图片描述

他开启了内置的服务器：端口在8080

local是本机访问

network是可以给同局域网的其他人使用（在连接同一个wifi的情况下，用手机可以访问这个）

脚手架结构

.gitignore：git的忽略文件

babel.config.js：babel的控制文件

package-lock.json和package.json：只要打开的工程是符合npm规范，那么就会有package.json报的说明书；package-lock.json是包版本控制文件

  • main.js

执行了 npm run serve之后，直接运行 main.js

在这里插入图片描述

在 main.js中发现 import App ，所以去App.vue 里；

在App.vue中又看到了 import School 和 Student，所以引入。

在main.js发现他挂载到 app上。

  • 报错：VUE中的 文件名 要用多个单词

render

一般来说 引入 都是要具体一个路径（XX文件下的） ，比如 import App from ‘./App.vue’

但是第三方库 就不用， 比如 import Vue from ‘vue’

注意 通过跳转，我们可以知道 这个 import Vue from ‘vue’ 引入的是不完全的 vue

找到 vue 底下的 package.json。module的意思是，在使用ES6引入的时候，引入的其实是 vue.runtime.esm.js

在这里插入图片描述

这是因为 vue包含 核心+模板解析器：只需要有精简部分

在这里插入图片描述

render的用处就是 解析模板。

关于不同版本的Vue：

1.vue.js与vue.runtime.xxx.js的区别：

​ (1).vue.js是完整版的Vue，包含：核心功能+模板解析器。

​ (2).vue.runtime.xxx.js是运行版的Vue，只包含：核心功能；没有模板解析器。

2.因为vue.runtime.xxx.js没有模板解析器，所以不能使用template配置项，需要使用

render函数接收到的createElement函数去指定具体内容。

默认配置

脚手架依托WEBPACK，webpack.config.js(配置文件，配置入口，出口文件的路径)。Vue把重要的配置文件隐藏了。

  • Vue 脚手架隐藏了所有 webpack 相关的配置，若想查看具体的 webpakc 配置，请执行：vue inspect > output.js

在这里插入图片描述

注意 在这个文件夹中修改是没有用的，只是输出给你看一下。

  • 哪些东西不能随便改（以下五个不能随便改）

public 文件夹、index.html、favicon.ico

src文件夹

main.js

  • 怎么改默认配置？

vue.config.js

https://cli.vuejs.org/zh/config/#pages

在这里插入图片描述

脚手架文件结构

在这里插入图片描述

关于不同版本的Vue

  • vue.js与vue.runtime.xxx.js的区别：

​ (1).vue.js是完整版的Vue，包含：核心功能+模板解析器。

​ (2).vue.runtime.xxx.js是运行版的Vue，只包含：核心功能；没有模板解析器。

  • 因为 vue.runtime.xxx.js 没有模板解析器，所以不能使用template配置项，需要使用

    render函数接收到的createElement函数去指定具体内容。

vue.config.js配置文件

使用 vue inspect > output.js可以查看到 Vue 脚手架的默认配置.
使用 vue.config.js 可以对脚手架进行个性化定制，详情见: https://cli.vuejs.org/zh

ref 属性

想拿到一个 DOM 节点，不使用原生 JS 方法，就需要借助ref属性。

在这里插入图片描述

注意 也可以给组件标签加上一个ref

在这里插入图片描述

第二个输出为 school 组件

在这里插入图片描述

注意 ref拿到的是组件实例对象，id（document.querySelector）拿到的是DOM 元素

ref属性 总结：

1.被用来给元素或子组件注册引用信息(id的替代者)

2.应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象(vc)

3.使用方式:

打标识:<h1 ref="xxx">....</h1>或<School ref="xxx"></School>

获取：this.$refs.xxx

props配置

我有一个组件 MyStudent，用于展示组件信息，我的组员也想用这个组件，但它的数据和我不一样，怎么办？

——需要一个外部传递进来一个参数

我原本的组件：

在这里插入图片描述

  • 基本使用如下：

在这里插入图片描述
在这里插入图片描述

  • 想对传递进来的数据（年龄+1）

传递进来的数据存储在 vc（school组件实例） 上，但不在data属性中。

注意：在传递数据的时候，格式一定要为 key=“value”，就算是数据也要这么写（age=“20”），不然会报错。但传递到 vc 后，age变成了字符串。

解决方法：

加了一个冒号，意思是动态绑定，意思是，我确实想给你传递一个值，叫age，但是它的值是引号内表达式的结果。

在这里插入图片描述

  • 上述方法完善：在接收数据的组件中做一个限制

在这里插入图片描述

开发中简单接收用的多。

  • 传递进来的数据不可以修改

如果需要修改怎么办？

如果在data中有一个name:‘张三’，传递进来也有一个name:‘李四’，最终页面显示的是李四。可以看出在同名的情况下传递进来的数据优先级高。

（如果需要修改age）解决方法如下：

在这里插入图片描述

  • 不是所有东西都可以传递
    在这里插入图片描述

被vue征用

传递key无效！

配置项 props总结：

功能:让组件接收外部传过来的数据

（1）传递数据

<Demo name="xxx"/>

（2）接收数据

第一种方式（只接收）
	props:['name']
	
第二种方式（限制类型）
	props: {
		name: Number
	}
第三种方式（限制类型、限制必要性、指定默认值）
	props: {
		name: {
			type: String,
			required: true,
			default: '老王'
		}
	}

备注：props是只读的，Vue底层会监测你对props的修改,如果进行了修改,就会发出警告，若业务需求确实需要修改，那么请复制props的内容到data中一份，然后去修改data中的数据。

mixin配置项

mixin混入

两个组件共享一个配置（函数）：

在这里插入图片描述

  • 使用方式：

在这里插入图片描述

在这里插入图片描述

混合中可以写 data mounted methods

  • 原则：data methods 你没有的 听混合的，你有的 听你的。但是 mounted 都要

  • 上述方式是局部混合，全局混合在 main.js 上

在这里插入图片描述

混入mixin总结：

功能：可以把多个组件共用的配置提取成一个混入对象

使用方式：

第一步 定义混入
{
	data(){...}
	methods: {...}
	...
}

第二部使用混入
（1）全局混入 在main.js中 Vue.mixin(xx)
（2）局部混入 在组件中  import + mixins: ['xxx']

插件

Vue 中的 插件是一个对象，里面要包含 install

  • 自定义组件

在这里插入图片描述

在这里插入图片描述

  • install 可以携带参数

在这里插入图片描述

这是 vm 的缔造者，Vue构造函数

可以在这里 使用全局过滤器、定义全局指令、定义全局混入

在这里插入图片描述

插件总结：

功能：用于增强Vu

本质：包含 install 方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。

定义插件：对象.install = function( Vue,options ) {}

使用插件：Vue.use()

scoped 样式

脚手架中编写样式的技巧。

不同组件中的样式类名会冲突。

  • 解决方法：style scoped

在这里插入图片描述

  • 有一个组件不适用：App.vue

意思是style scoped也会生效。但是一般在 App.vue中写的样式 都是在全局使用的。

  • vue中支持 less（要安装less-loader） css

在这里插入图片描述

npm i less-loader会出错，因为兼容性问题。这个loader是在webpack 5中，但是教学视频中vue-cli使用的是 4.X版本，所以出错。但是在我 下载的时候没有出错。

注意不写lang的话，默认为CSS

案例：To do list

组件化编码流程（通用）

1.实现静态组件：抽取组件，使用组件实现静态页面效果

2.展示动态数据：

​ 数据的类型、名称是什么？

​ 数据保存在哪个组件？

3.交互——从绑定事件监听开始

  • 第一步：实现静态组件

组件的划分：按照功能划分

在这里插入图片描述

老师写好了一个静态页面，我们需要拆分（实际公司开发中也是这个逻辑）。

  • 第二步：动态数据

用 数组，数据每一个元素是 对象（每一个对象必须有标识符ID）

  • 添加数据

MyHeader

添加数据：每条数据的ID应该是后端分配，但在这我们自行分配，使用nanoid(npm i nanoid)。import {nanoid} from ‘nanoid’ ,使用方法为：nanoid()

传递数据：有问题。问题出在我们之前把 数据放在了 MyList中，但是MyList和MyHeader是平级关系，兄弟组件之间的传递方式还没有学。

  • 父组件与子组件的传递：

子组件想传数据给父组件（父组件 最开始就传递了一个函数给子组件）

父组件传递数据给子组件，<child key="value">，在子组件中用props

  • 注意注意：如果props里面是对象，修改对象的属性vue是检测不到的。obj={a:1}, a=2检测不到，因为obj的地址没有发生变化

在这里插入图片描述

  • 删除数据

在这里插入图片描述

在这里插入图片描述

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

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

相关文章

代码随想录——搜索插入位置（Leetcode35）

代码随想录——搜索插入位置（Leetcode35）

题目链接 class Solution {public int searchInsert(int[] nums, int target) {int len nums.length;int left 0;int right len - 1;int index -1;while(left < len / 2){if(nums[left] target || target < nums[left]){index left;break;}else{left;}if(nums[ri…
阅读更多...
python笔记进阶--面向对象（2）

python笔记进阶--面向对象（2）

目录 1.类和对象&#xff08;实例&#xff09; 1.1对象&#xff08;实例&#xff09; 1.1.1使用对象组织数据 1.1.2类中增加属性 1.2成员方法&#xff08;类&#xff09; 1.2.1类的定义和使用语法 1.2.2成员方法的使用 1.2.3self关键字的作用 1.3类和对象 2&#xff…
阅读更多...
Redis面试题-缓存穿透,缓存击穿,缓存雪崩

Redis面试题-缓存穿透,缓存击穿,缓存雪崩

1、穿透: 两边都不存在&#xff08;皇帝的新装&#xff09; &#xff08;黑名单&#xff09; &#xff08;布隆过滤器&#xff09; 解释&#xff1a;请求的数据既不在Redis中也不在数据库中&#xff0c;这时我们创建一个黑名单来存储该数据&#xff0c;下次再有类似的请求进来…
阅读更多...
鸿蒙OS应用示例：【数字滚动计时】

鸿蒙OS应用示例：【数字滚动计时】

实现效果&#xff1a; 代码示例&#xff1a; RollingText.ets 组件封装 RollingText.ets 组件封装 /*** 滚动文字特效*/ Component export default struct RollingText {private num:numberprivate timerId: number -1State counter: number 0aboutToAppear() {this.timerId…
阅读更多...
MES管理系统与其他系统集成的重要作用

MES管理系统与其他系统集成的重要作用

在现代制造业中&#xff0c;随着信息技术的飞速发展&#xff0c;各种管理系统如雨后春笋般涌现&#xff0c;它们各自拥有独特的优势&#xff0c;但唯有将它们紧密集成&#xff0c;才能发挥出最大的价值。其中&#xff0c;MES管理系统作为连接企业计划层与车间控制层的桥梁&…
阅读更多...
Docker安装各种组件

Docker安装各种组件

列举镜像 docker images // 列举镜像 搜索镜像 docker search jdk 下载镜像&#xff1a; docker pull java 查看镜像&#xff1a; docker images 启动镜像&#xff1a; docker run -it --name jdk1.8 -d java:latest /bin/bash 查看容器&#xff1a; docker ps 查看…
阅读更多...
苏州城市学院芮国强一行莅临聚合数据走访调研

苏州城市学院芮国强一行莅临聚合数据走访调研

3月19日&#xff0c;苏州城市学院校党委书记芮国强、校长赵志宏一行莅临聚合数据&#xff0c;就数据科技赋能行业升级展开调研。聚合数据董事长左磊接待来访。 城市学院党委理论学习中心组一行参观了聚合数据展厅&#xff0c;了解了聚合数据的发展历程、数据产品、应用案例、奖…
阅读更多...
模拟算法

模拟算法

例题一 算法思路&#xff1a; 纯模拟。从前往后遍历整个字符串&#xff0c;找到问号之后&#xff0c;就⽤ a ~ z 的每⼀个字符去尝试替换即 可。 例题二 解法&#xff08;模拟 分情况讨论&#xff09;&#xff1a; 算法思路&#xff1a; 模拟 分情况讨论。 计算相邻两个…
阅读更多...
Transformer 模型中增加一个 Token 对计算量的影响

Transformer 模型中增加一个 Token 对计算量的影响

Transformer 模型中增加一个 Token 对计算量的影响 Transformer 模型中增加一个 Token 对计算量的影响1. Transformer 模型简介2. Token 对计算量的影响3. 增加一个 Token 的计算量估算4. 应对策略5. 结论 Transformer 模型中增加一个 Token 对计算量的影响 Transformer 模型作…
阅读更多...
从姿态估计到3D动画

从姿态估计到3D动画

在本文中&#xff0c;我们将尝试通过跟踪 2D 视频中的动作来渲染人物的 3D 动画。 在 3D 图形中制作人物动画需要大量的运动跟踪器来跟踪人物的动作&#xff0c;并且还需要时间手动制作每个肢体的动画。 我们的目标是提供一种节省时间的方法来完成同样的任务。 我们对这个问题…
阅读更多...
【Canvas与艺术】简约式胡萝卜配色汽车速度表

【Canvas与艺术】简约式胡萝卜配色汽车速度表

【效果图】 【代码】 <!DOCTYPE html> <html lang"utf-8"> <meta http-equiv"Content-Type" content"text/html; charsetutf-8"/> <head><title>胡萝卜色汽车速度仪表盘简化版</title><style type"…
阅读更多...
如何在电脑桌面上创建可视化工作计划日程表？

如何在电脑桌面上创建可视化工作计划日程表？

对于职场人士来说&#xff0c;高效的时间管理和工作计划是提升工作效率、确保任务按时完成的关键。一款优秀的电脑工作计划软件&#xff0c;不仅能够帮助我们清晰地规划每一项任务&#xff0c;还能提醒我们按时完成&#xff0c;从而避免遗漏或延误。 那么&#xff0c;电脑工作…
阅读更多...
06_Request

06_Request

文章目录 前置知识点URL和URIHTTP请求报文和HTTP响应报文 Request请求行请求头请求体特殊信息获取客户机和服务器主机信息 请求参数直接封装引用类型 POST请求请求参数乱码文件上传案例&#xff08;与前面的getServletContext结合&#xff09; Request做请求的转发 前置知识点 …
阅读更多...
PTA-练习9

PTA-练习9

目录 实验10-4 递归实现顺序输出整数 实验10-10 十进制转换二进制 实验10-6 递归求简单交错幂级数的部分和 实验11-1-2 输出月份英文名 实验11-1-6 指定位置输出字符串 实验11-1-8 查找子串 递归的基本思路&#xff1a; 推出递归的条件或者进入递归的条件每层递归需要执行…
阅读更多...
JavaScript 打印教程（第二部分）设置编码

JavaScript 打印教程（第二部分）设置编码

JavaScript 打印教程&#xff08;第二部分&#xff09;设置编码 在进行文本打印时&#xff0c;尤其是涉及到中文或其他特殊字符时&#xff0c;正确的编码设置是非常重要的。不同的打印机支持不同的指令集&#xff0c;因此了解并使用适合您打印机的指令集是关键。本篇教程继续使…
阅读更多...
07、JS实现：用回溯法实现数组全排列的算法(一步一步剖析，很详细)

07、JS实现：用回溯法实现数组全排列的算法(一步一步剖析，很详细)

回溯法实现数组全排列的算法 Ⅰ、回溯法实现数组全排列&#xff1a;1、题目描述&#xff1a;2、解题思路&#xff1a;3、实现代码&#xff1a; Ⅱ、小结&#xff1a; Ⅰ、回溯法实现数组全排列&#xff1a; 1、题目描述&#xff1a; 给定⼀个 没有重复 数字的序列&#xff0c;…
阅读更多...
DBeaver修改sql语句保存位置

DBeaver修改sql语句保存位置

1、dbeaver通过工作空间方式来管理Script的sql脚本以及数据库连接。 工作空间&#xff0c;其实也就是一个文件夹 默认保存路径查看&#xff1a; 文件--> 切换工作空间 --> 其他 sql脚本的保存位置默认在工作空间下的 \General\Scripts 文件夹中。 2、 3、点击浏览&#…
阅读更多...
海外业务运营 别让资金支出管控成为开疆拓土的“绊脚石”

海外业务运营 别让资金支出管控成为开疆拓土的“绊脚石”

据《中国企业出海信心报告》显示,超六成企业有海外业务拓展计划。成熟出海企业将把目光放至新市场,新锐出海企业更聚焦新业务线的开辟。其中,当属高端制造业的出海步伐“迈得早”、“迈得大”。 高端制造业主要包含医药制造业,通用设备制造业,专用设备制造业,汽车制造业,通信设…
阅读更多...
如何用Flask中的Blueprints构建大型Web应用

如何用Flask中的Blueprints构建大型Web应用

本文分享自华为云社区《构建大型Web应用Flask中的Blueprints指南》&#xff0c;作者&#xff1a; 柠檬味拥抱。 什么是Blueprints&#xff1f; 什么是Blueprints&#xff1f; Blueprints是Flask中的一种模式&#xff0c;用于将应用程序分解为可重用的模块。每个蓝图实际上是…
阅读更多...
23届嵌入式被裁，有什么好的就业建议？

23届嵌入式被裁，有什么好的就业建议？

最近看到了一个提问&#xff0c;原话如下&#xff1a; 本人23届毕业生&#xff0c;就业方向嵌入式软件&#xff0c;坐标深圳&#xff0c;工作3月公司裁员&#xff0c;目前接近12月开始找工作。 boss上投递简历&#xff0c;校招岗&#xff0c;比较有规模的好公司基本已读不回&am…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023