1.搭建脚手架 因为全局安装vue-cli 脚手架，在之前就已经安装好了。所以我们直接在桌面的projects文件夹下创建新项目。在命令行输入：vue init webpack-simple pizza-app 然后cd pizza-app, 安装cnpm,最后运行。然后创建所需要的文件夹如下：2.制作导航1.来到  
为什么大厂不使用 Kubernetes（K8S）？
Kubernetes（K8S）是目前比较流行的容器编排工具，可以管理容器化应用程序的部署、运行和扩展。然而，尽管K8S在中小型公司和一些互联网公司中得到了广泛应用，但一些大厂并不选择使用Kubernetes。在本文中，我们将探讨为什么一些大厂不选择K8S，并解释他们可能选择的替代方案。
流程概述：
| 步骤 | 描述 |
|------|-
原创
2024-03-29 11:06:39
1078阅读
一、指令1.v-text{{ msg }}2.v-html更新元素的 innerHTML ，内容按普通 HTML 插入，不会作为 Vue 模板进行编译，如果试图使用 v-html 组合模板，可以重新考虑是否通过使用组件来代替在网站上动态渲染任意 HTML 是非常危险的，因为容易导致 XSS 攻击，只在可信内容上使用 v-html ，永不用在用户提交的内容上在单文件组件里， scoped 的样式不会
转载
2024-04-24 16:29:10
7阅读
1、介绍篇vue cli是一个基于vue.js进行快速开发的完整的系统。有三个组件：CLI： @vue/cli ：全局安装的npm包，提供了终端里的vue命令。（vue create、vue server、vue ui等命令）CLI服务 @vue/cli-service ：开发环境依赖，构建于webpack、webpack-dev-server之上，如server、
13.1 创建项目创建vue# 初始化vue项目
vue init webpack hello-vue
cd hello-vue
# 安装vue-router
npm install vue-router --save-dev
# 安装element-ui
npm i element-ui -S
# 安装所有依赖
npm install
# 依赖安装报错，执行
npm audit fix
# 安装
转载
2024-05-08 22:28:20
836阅读
为什么大厂不用K8S？
在当前的云原生领域，Kubernetes（简称K8S）作为一种容器编排工具，被广泛应用于容器化部署和管理。然而，尽管K8S在小型团队和中小型企业中表现出色，但在大型互联网公司却并不是首选方案。那么为什么大厂不用K8S呢？接下来我会从不同的角度为你解答。
首先，我们来看一下K8S的部署流程以及大厂在实际情况中的需求：
| 步骤 | 操作 |
| ------
原创
2024-04-01 10:38:49
640阅读
为什么大厂MySQL不使用分区技术的原因
### 引言
在现代数据库系统中，分区技术被广泛用于处理海量数据，提高查询效率和数据管理能力。然而，我们可能会发现一些大型互联网公司如Facebook、Google等在其使用的MySQL数据库中并不使用分区技术。本文将解释为什么大厂MySQL不使用分区技术的原因，并给出相应的代码示例。
### 什么是分区技术
分区技术是一种将数据库表分割为较小、更
原创
2023-08-25 15:28:59
149阅读
# Vue3 不用axios
在Vue.js 3中，我们不再需要使用传统的axios库来进行网络请求，而是可以直接使用Vue提供的内置工具来进行数据请求和响应处理。Vue3中的Composition API和新的reactive属性使得处理异步请求变得更加简单和高效。
## Vue3中的异步请求
Vue3提供了一个内置的`fetch`函数来处理异步请求。`fetch`函数返回一个Promis
原创
2024-05-03 03:37:56
326阅读
一、前言：Vue3和Vue2对比：性能提升：Vue3这个框架将Vue全部重构了。新的框架。底层采用TS来进行重构，性能提升能达到100%对TS的支持，Vue3底层默认采用TS进行开发。我们Vue开发过程中，一般也会默认结合TS来使用Vue3目前创建项目采用了新的打包工具，vite工具（xxx）团队他们自己发布的一个打包。目标干掉webpack新增了组合式api和响应式api进行开发（hook编程）
javascript -> typescriptVue3相较于Vue2，其使用TypeScript完全重写了vue源码，ts的优势不用多说，它带来的类型检查的能力不论是对于vue内部还是项目本身，都很大程度上的减少了代码错误出现频率，进而提升了整体的项目质量与性能。Object.defineProperty -> ProxyVue2采用Object.defineProperty实现的响
文章目录webpack的基本使用webpack中的插件webpack打包发布Source Map注意：在实际开发中我们并不需要自己配置 webpackwebpack中@的用法在Chrome浏览器中安装vue_devtools调试工具 webpack的基本使用1，什么是webpack？概念：webpack是前端项目工程化的具体解决方案。主要功能：它提供了友好的前端模块化开发支持，以及代码压缩混淆，
转载
2024-10-10 14:20:39
155阅读
本文会介绍几种常用的安装流程。 准备工作 1. 安装 node 2. vscode 方法一：CDN 引入一般用于制作原型或学习，或者对一些旧项目进行改造。使用方法：<script src="https://unpkg.com/vue@next"></script>在生产环境，推荐链接到一个明确的版本号和构建文件，以避免新版本造成的不可预期的破坏。
1.什么是Axios Axios 是一个开源的可以用在浏览器端和 NodeJS 的异步通信框架，主要作用就是实现 AJAX 异步通信，其功能特点如下：从浏览器中创建 XMLHttpRequests
从 node.js 创建 http 请求支持 Promise API [JS中链式编程]拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御
哎~~~java小白开始转方向学前端了~~Vue前端环境搭建：1、Python安装：双击运行，配置环境变量path（其实具体我也不知道到底要不要装） 2、node安装：https://nodejs.org/dist/v8.16.1/ （下载一个8.16.1版本的）直接双击运行配置环境变量：path：D:\software\nodejs\node_global\ 3、
一、前言
就像是 React 社区在 HOOK API 出现后很快就使用 useReducer、useContext 代替了 Redux 进行状态管理一样。Vue3 也是时候抛弃 Vuex 进行状态管理了。
在考虑为什么要抛弃 Vuex 之前，我们先来想一下为什么要引入 Vuex？Vuex 实际上解决的问题是「组件间传递对象」的问题：在传统的方式里，我们如果要把一个对象从父组件传递到子组
转载
2024-09-09 00:04:32
33阅读
Vue 中的 key，如同身份证一样起作用。但为何说 v-for 中尽量不用 index 作为 key 呢？1. key 的作用 标识模板中的 DOM 元素 注意！一个很重要的结论：在 v-for 中，拿 index 作为 key 的前提，是该数组数据的顺序不会被改变（即只是单纯地展示，而不涉及删除等会打乱数组排序的操作）2. 如何起作用 Vue2 的模板语法，即被写在 <templa
转载
2024-01-11 20:42:55
37阅读
概要使用示例关注我，不迷路 概要vue2.x中的vuex版本是4.x以下，vue3.x中使用的vuex版本必须保证在4.x以上。vue3.x中的vuex在用法上其实和vue2.x大同小异。vue3.2相关的知识可以到另一篇博客：快速体验vue3.2之setup语法糖，怎么使用怎么爽！
使用示例接下来会使用一个简单的示例，在这里就不分模块了，示例代码只做展示使用。话不多说，快速体验vuex在vue
vue.js不是node；两者是完全不同的。vue.js是一款JavaScript前端框架，一个用于创建用户界面的开源JS框架；而Node是一个基于Chrome V8引擎的JavaScript运行环境，一个让JS运行在服务端的开发平台。本教程操作环境：windows7系统、node12.19.0&&vue2.9.6版本、Dell G3电脑。vue.js不是node；两者是完全不同的
转载
2024-07-14 06:58:41
27阅读
首先,
vue中v-for中的key，为什么不能使用index，而是多使用其id或者其他数据中的唯一值。这其中肯定有一些道理。就比如：<ul>
<li>1</li>
<li>2</li>
</ul>
在vue中所有的指令都是以 v- 开头的。 文章目录v-text指令v-html指令v-bind指令v-if指令v-show指令v-on指令v-for指令v-model指令v-cloak指令v-once指令 v-text指令<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"&g
