前端 终端 实战vue
Vue中的虚拟DOM和Diff算法
## 一、 虚拟DOM ### 1. 什么是虚拟DOM？ 一个用来表示真实 DOM 节点 的 JS 对象，主要包含标签名 tag、属性 attrs 和子元素对象 children 属性等。 代码示例如下： ``` 标题 段落内容 { tag:'div', attrs:{ id:'baseNo', c ......
前端同事最讨厌的后端行为，看看你中了没有
> **公众号「古时的风筝」，专注于后端技术，尤其是 Java 及周边生态。** 个人博客：[www.moonkite.cn](https://www.moonkite.cn) **大家好，我是风筝** 听说这是前端程序员最讨厌的后端行为，不知道你有没有碰到过，或者你的前端同事虽然没跟你说过，但是你 ......
quarkus实战之六：配置
### 欢迎访问我的GitHub > 这里分类和汇总了欣宸的全部原创(含配套源码)：[https://github.com/zq2599/blog_demos](https://github.com/zq2599/blog_demos) ### 本篇概览 - 本文是《quarkus实战》系列的第六篇 ......
DevOps实战：使用GitLab+Jenkins+Kubernetes(k8s)建立CI/CD解决方案
DevOps实战：使用GitLab+Jenkins+Kubernetes(k8s)建立CICD解决方案。DevOps简介，CI/CD简介，安装并配置docker参数，使用registry搭建镜像仓库，安装部署gitlab代码仓库，创建Git版本库，安装部署CI/CD服务器jenkins，配置Jenk... ......
小狐狸AI付费创作系统chatgpt管理后台-前端界面vue源码增加新的登录方式配置
前面我们已经搭建好了小狐狸AI付费创作系统chatgpt管理后台vue前端环境 现在，就修改一下设置地方，使其可以配置使用哪种登录方式 查看路由找界面 一般我们找界面源码，先看一下路由部分，就能知道在哪个界面里 /src/router/index.js 直接就能找到设置地方/views/module ......
vue--day45---组件的自定义指令
1.App.vaule <template> <div > <h1>{{ msg }}</h1> <!--通过父组件给子组件传递函数的props 实现 子给父传数据--> <School :receiveSchoolName="receiveSchoolName"></School> <!-- v- ......
小狐狸AI付费创作系统chatgpt管理后台-前端界面vue源码环境搭建
小狐狸AI付费创作系统搭建完成以后，只能对接到微信公众号才能使用。我的公众号已经对接了自己的客服系统，没法再对接到小狐狸，所以就想着改造一下用户的登录方式。 现在后台设置部分，除了扫码公众号登录，想要新增一个登录方式，账号密码登录。 编辑源码 后台vue源码已经有了，是基于vue-admin-tem ......
vue之sync
在 Vue 中，.sync 是一个用于实现双向数据绑定的特殊修饰符。它允许父组件通过一种简洁的方式向子组件传递一个 prop，并在子组件中修改这个 prop 的值，然后将修改后的值反馈回父组件，实现双向数据绑定。 使用 .sync 修饰符的基本语法是：:propName.sync="dataProp ......
vue--day44-todolist的localStorage本地存储
添加修改删除数据发生变化，可以用watch 监测来实现监测数据的变化 1. App.vue <template> <div id="root"> <div class="todo-container"> <div class="todo-wrap"> <!--传递函数 儿子给父亲传东西,父亲偷偷传递 ......
前端之Bootstarp框架
Bootstarp简介 Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。 Bootstrap是前端开发中比较受欢迎的框架，简洁且灵活。它基于HTML、CSS和JavaScript，HTML定义页面元素，CSS定义页面布局，而JavaScript负责页面元素的响应。Boots ......
Vue详解----一篇带你从头领悟到尾，享受飞升的感觉
## 🏰 脚手架文件结构 """ ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── compon ......
初学vue
做为一个在圈子内混饭吃的我来说，对于vue是久有耳闻，但是混饭吃嘛，也不要太新的技术，一般实现客户需求就好，毕竟不是一线城市 最近有一个项目需要用到Vue,而且计划给公司用uniapp开发一个手机端应用，里面也需要用到vue的相关技术，所以今天开始了学习之路 初学嘛，当然跳过Vue2直接学vue3 ......
Java设计模式实战教程（全网最强）
全网最强的设计模式Java实战教程，此教程用实际项目场景结合SpringBoot让你彻底掌握设计模式，看完后你将会应用设计模式、进行项目设计、吊打面试官。 ......
vue-cats
# Vue-cats ## 模板语法 > 插值语法 > > 用于解析标签体内容 > > `{{xxx}}` xxx 是 js 表达式 可以直接读取 data 的所有属性 > 指令语法 > > 用于解析标签 (包括: 标签属性,标签体内容,绑定事件 ....) > > 举例: v-bind:href= ......
前端多次调用1个接口， 要最后一次请求的数据
前端多次调用1个接口， 要最后一次请求的数据，在以上示例中，我们使用`lastRequestId`来记录最后一次请求的ID，每次请求时都将`lastRequestId`更新为当前的请求ID。在请求完成后，我们只会将最后一次请求的数据保存到`lastResponse`变量中，并将其传递给`update... ......
使用脚手架环境开发vue2项目
一、检查node版本 （1）有node.js （2）没有node.js 安装地址：Node.js 二、使用npm，包管理工具，是node包管理和分发工具 【需要配置仓库镜像地址，改为中国仓库镜像地址】 1、查看当前镜像：npm get registry 2、设置镜像地址的命令： 设置最新的国内淘宝镜 ......
Vue 常用属性汇总
1、Vue实例常用属性 （1）数据 data:Vue 实例的数据对象 components：Vue实例配置局部注册组件 （2）类方法computed:计算属性 watch：侦听属性 filters：过滤器 methods:Vue实例方法 render：渲染函数，创建虚拟DOM （3）生命周期crea ......
web前端 静态资源路径问题
问题：对于一个简单的form表单，url究竟应该如何填写？ 1、url的各部分组成 对于地址：http://192.168.1.1:8080/hello/index.html其中：分解为三部分 服务器地址： http://192.168.1.1:8080 WEB应用上下文： /hello 网页或请求 ......
Vue3使用问题
1.watch:{immediate: true}执行时间晚于onMounted 2.定义数组响应式 2.1错误： import { reactive } from 'vue'; let arr = reactive([]) function change(){ let newArr = [1,2, ......
Vue任务调度。
### 1、作用 vue中一个非常重要的功能，批量更新或者叫异步更新 响应式数据发生变化出发副作用函数重新执行时，我们有能力去决定副作用函数的执行时机、次数和方式。 ### 2、例子 ```javascript const state = reactive({ num: 1 }) effect(() ......
Vue3.0 页面跳转的几种方式
首先引入 import { useRouter } from "vue-router"; 使用router接收useRouter const router = useRouter(); 1. router.push 我们最常用的 router.push 方法会将新的路由添加到历史记录中，同时会导航到 ......
python自动化-vue
import sys import time import os import paramiko from pygments.lexers import shell import zipfile import json baseconfig =None # baseconfig={ # "ip": ......
vue项目目录结构和启动过程
1.首先是index.html index.html则是项目的首页，入口页，也是整个项目唯一的HTML页面。 一般只定义一个空的根节点，在main.js里面定义的实例将挂载在根节点下，内容都通过vue组件来填充。 2.src/main.js 相当于Java中的main方法，是整个项目的入口js。主要 ......
Vue使用v-viewer插件实现图片预览和缩放和旋转等功能
科普：v-viewer 简单来说：v-viewer是一款支持vue项目中的图片浏览组件，它支持图片旋转、缩放、翻转等操作，支持配置化.非常强大 官网目录：v-viewer 安装依赖 直接执行命令： npm install v-viewer --save 引入并使用依赖 下载完成之后，就可以配置了，具 ......
vue 实现复制功能
不使用插件 不使用插件，可以使用input标签，然后通过execCommand(‘copy’)函数实现复制功能。 复制input标签中的内容 <template> <div id="app"> 请输入你需要复制的内容：<input id="copy" v-model="mes"/> <button ......
Vue3组件二次封装
# naive-ui的n-input举例 ``` //import { useAttrs, useSlots } from 'vue' //const slots = useSlots() //const attrs = useAttrs() ``` ......
vue的router文件里面import路径的时候ts报红色下划线
Cannot find module '@/views/index/index.vue' or its corresponding type declarations.ts(2307) View Problem (Alt+F8) No quick fixes available 解决方法 在vite ......
分布式操作系统会不会是操作系统的终端形态？
昨天一位网友私信我，提出一个问题：“Laxcus分布式操作系统会不会是操作系统发展的终极形态？”。今天觉得有必要把这件事说一说，所以就忙里偷闲写下这篇文章。咱们先说结论：是也不是，需要具体情况具体分析。操作系统发展到今天，基本分为两种：面向个人工作的操作系统，和面向企业业务的操作系统。前者的主要代表 ......