前端 终端 实战vue
k8s实战案例之部署Zookeeper集群
zookeeper是一个开源的分布式协调服务，由知名互联网公司Yahoo创建，它是Chubby的开源实现；换句话讲，zookeeper是一个典型的分布式数据一致性解决方案，分布式应用程序可以基于它实现数据的发布/订阅、负载均衡、名称服务、分布式协调/通知、集群管理、Master选举、分布式锁和分布式... ......
scrapy简单教程以及实战
1.scrapy基础 首先看看本学习视频的学习大纲 1.1 简介 Scrapy是用python实现的一个为了爬取网站数据，提取结构性数据而编写的应用框架。使用Twisted高效异步网络框架来处理网络通信。Scrapy架构： 关于Scrapy架构各项说明，如下所示： ScrapyEngine：引擎。负 ......
Linux 中的主机、控制台和终端的起源
如果你见过一些台式机，那么它们大多是这样的。键盘、显示器、机箱可以分开。哪怕机箱和使用者不在一个房间，只要线路连通，还是可以使用电脑的。在早期，机箱和键盘、显示器确实是分开的。 你知道 Linux 中的主机、控制台和终端的起源么？ 在 UNIX 诞生之初，计算机的价格非常昂贵。当时还没有个人计算机， ......
Linux 中的主机、控制台和终端的起源
如果你见过一些台式机，那么它们大多是这样的。键盘、显示器、机箱可以分开。哪怕机箱和使用者不在一个房间，只要线路连通，还是可以使用电脑的。在早期，机箱和键盘、显示器确实是分开的。 你知道 Linux 中的主机、控制台和终端的起源么？ 在 UNIX 诞生之初，计算机的价格非常昂贵。当时还没有个人计算机， ......
Linux 中的主机、控制台和终端的起源
如果你见过一些台式机，那么它们大多是这样的。键盘、显示器、机箱可以分开。哪怕机箱和使用者不在一个房间，只要线路连通，还是可以使用电脑的。在早期，机箱和键盘、显示器确实是分开的。 你知道 Linux 中的主机、控制台和终端的起源么？ 在 UNIX 诞生之初，计算机的价格非常昂贵。当时还没有个人计算机， ......
Vue自定义指令-让你的业务开发更简单
## 1、使用场景 在日常开发中，我们会将重复代码抽象为一个函数或者组件，然后在需要时调用或者引入。但是，对于某些功能，这种方法可能不够优雅或者不够灵活。例如，我们可能需要在DOM元素上添加一些自定义属性或者绑定一些事件，这些操作可能难以通过函数或组件来实现。这时，[自定义指令](https://v ......
Vue router 二级默认路由设置
### 一、起因 打开默认地址 / （http://localhost:5432/），home 页面有空白，因为没有指定默认打开的子页。 ```js // router.js export const constantRoutes = [ { path: '/', component: () => ......
【VUE】Vue事件与表单处理02
一、事件与表单处理 1、v-on 监听事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name= ......
【VUE】Vue 快速入门 笔记基础01
一、vue相关了解 1、概述 Vue.js是一种流行的JavaScript框架，用于构建响应式、交互式的前端Web界面。它采用了基于组件的开发模式，允许在单个页面中使用多个可重用的组件，提高了代码的复用性和维护性。 只关心视图层，自底向上.遵守SOC关注点分离原则(术有专攻，只关注一点) HTML ......
vue之三种与后端交互的方式
[toc] # 一、vue与后端交互之Ajax # 情况一：出现了跨域问题 ## 前端：index.html ```html Title 点我加载数据 您的名字是：{{name}}，您的年龄是：{{age}} ``` ### 后端：main.py ```python from flask impor ......
前端彩色背景
div { background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); background-size: 1000% 100%; animation: smooth-transiti ......
springboot+vue基于协同过滤算法商品推荐系统，附源码+数据库
**1、项目介绍** 项目分为普通用户和管理员两个角色。 用户的功能有：登录、注册、商品信息、加入购物车、直接购买、点击收藏、评论、商品资讯、个人中心、我的订单、我的地址、我的收藏 管理员的功能有：登录、个人中心、用户管理、商品类型管理、商品信息管理、轮播图管理、商品资讯管理、订单管理 # [项目获 ......
vue3+vant4+vuex4入门案例
案例用的是vant-ui库，你可换成你自己用的ui库即可。 安装vuex依赖包 npm install vuex --save main.js引用vuex，并挂载到vue中 import store from './store'; app.use(router).use(store); add.vu ......
Vue购物车展示功能
### 1.基本购物车 ```html 购物车 商品id 商品名 商品价格 商品数量 操作 {{good.id}} {{good.name}} {{good.price}} {{good.number}} 选中了：{{checkGroup}} 总价格：{{getPrice()}} 选中了checkb ......
vue3+vant4+vuex4实现todolist备忘录案例
案例图片如下： 1 <van-cell-group> 2 <van-cell> 3 <van-row> 4 <van-col span="20"> 5 <van-field 6 :value="content" 7 @change="handleChange" 8 placeholder="请输入内 ......
Vue基础之表单控制 ,v-model进阶,箭头函数,JS循环
[toc] # 一、表单控制 ## 1.checkbox选中 ```html Title checkbox单选 用户名: 密码: 记住密码: 用户名：{{username}}--–>密码：{{password}}--–> {{remember}} ```  ## 初始化实例 每个 Vue 应用都是通过 `createApp` 函数创建一个新的应用实例： ``` // index.html // main.js impo ......
Vue——表单控制、购物车案例、v-model进阶、与后端交互三种方式、箭头函数
## 表单控制 ```html // 1 checkbox 单选 多选 // 2 radio 单选 checkbox单选 用户名: 密码: 记住密码: 用户名：{{username}} >密码：{{password}} >记住密码：{{remember}} checkbox多选 用户名: 密码: 记 ......
前端遗忘知识点
# JS 1.基本数据类型 number string boolean undefind null bigint symbol 2.交互 alert confirm确认 prompt带输入的确认 3.Object.assign(a,b,c)进行合并将a，b，c中的同名属性进行合并 4.计算属性名 可 ......
vue3学前准备
# vue3学前准备 ## 学习vue3的原因 * Vue3 是一个面向未来的框架：Vue3 相比 Vue2 有更好的性能和更好的扩展性，将来会成为前端开发的主流。 * 改进的响应式系统：Vue3 采用了 Proxy 对象来实现响应式系统，使得性能更高、内存消耗更小、支持动态添加属性等。同时，在 V ......
Vue3 setup语法糖下的axios全局设置教程
# Vue3 setup语法糖下的axios全局设置教程 ## 前言 在Vue3的组件式API开发下，this关键词不再适用，网上很多配置axios教程都是以Vue2为基础的，在Vue3下不再适用。 近期尝试用组件式API风格写项目，在配置全局axios就遇到了这个问题。 经过我反复尝试，查阅官网的 ......
完成第一个 Vue3.2 项目后，使用体会
第一次Composition API 在vue3.2中，正式支持了script setup的写法,这样可以大大简化组件的代码量，减少一些重复操作，我认为当你写vue3时，应该把这当作默认写法。在vue3.2之前，一般会这样写。 <script> export default { setup(prop ......
前端实现导出word文档docx格式
## 说明 前端实现导出word文档，我们需要用到docxtemplater这个库 使用的是vue2.6和vue-cli5 还需要准备一个word模板，更多模板变量请去[docxtemplater官网获取](https://docxtemplater.com/demo/ "docxtemplater ......
vue-router注意事项
vue-router目前的默认版本为4了，但是4只能在vue3中使用，所以如果是用的vue2，要安装vue-router3: ......
Vue基础之事件指令，属性指令，class和style，条件和列表渲染，事件处理和数据双向绑定
[toc] # 一、事件指令 ## 1.vm对象 > 1 写在data或method中的属性或方法，从vm中直接可以 . 出来 **vm.name**  # 1.若依前后端分离页面改变title 修改浏览器title和icon图标 在项目==public==文件夹中有==index.html==文件
解决方法在env.d.ts中加入下面代码 declare module '*.vue' { import { DefineComponent } from "vue" const component: DefineComponent<{}, {}, any> export default compo ......
安装好插件，启动vue项目过程中报错：error Component name "Home" should always be multi-word vue/multi-word-component-names
在package.json中找到rule 添加如下两个字段即可： "vue/multi-word-component-names":0, "no-unused-vars": "off" 添加完记得重新启动项目 ......