属性 变量vue css
前端Vue自定义精美横向步骤条组件 水平步骤条组件 可用于电商跟进商品订单状态
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
HTML5新增属性
# 一、HTML5简介 ## 1. 什么是HTML ##### HTML5 是新一代的 HTML 标准， 2014 年 10 月由万维网联盟（W3C）完成标准制定。 ##### 官网地址： ``` W3C提供： httpswww.w3.orgTRhtmlindex.html WHATWG提供： ht ......
vue-day15--key的作用与原理
面试题 react vue 中 的key 有什么作用（key 的内部原理） 1.虚拟DOM中key的作用 key是虚拟对象的标识，当数据发生变化时，Vue会根据新数据生成新的虚拟DOM，随后Vue进行新虚拟DOM与旧虚拟DOM的差异比较。 2.对比规则 ①旧虚拟DOM找到了与新虚拟DOM相同的key ......
vue-day15--列表渲染
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>列表渲染< ......
前端框架及项目面试－聚焦Vue、React、Webpack
第1章 课程导学介绍课程制作的背景和课程主要内容。第2章 课程介绍先出几道面试真题，引导思考。带着问题来继续学习，效果更好。第3章 Vue 使用Vue 是前端面试必考内容，首先要保证自己要会使用 Vue 。本章讲解 Vue 基本使用、组件使用、高级特性和 Vuex Vue-router ，这些部分的 ......
前端编程开发 --- vue3 监听属性
监听变量的变化并触发函数 <div id = "app"> <p style = "font-size:25px;">计数器: {{ counter }}</p> <button @click = "counter++" style = "font-size:25px;">点我</button> / ......
vue-day15--条件渲染
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>条件渲染< ......
Golang学习笔记-变量
## 声明变量 > 声明变量关键字`var` ``` var {变量名称} {变量类型} ``` ### 例子 ```go // 声明一个变量为v1的整型变量，未赋值时默认值为0 var v1 int // 声明一个变量为v2的浮点型变量，未赋值时默认值为0 var v2 float32 // 声明 ......
CSS 父元素没有设置高度，子元素如何跟父元素保持一样的高度？
 如上图所示，height 属性需要让父元素有高度，所以，h2 的 `::before` 设置 ......
CSS
.css ``` /* author: weiyupeng date: 2023/7/8 10:09 */ #para2 { font-size: xxx-large; } /*背景样式*/ body { /*背景色*/ background-color: mintcream; /*背景图*/ ba ......
vue.config.js
const { defineConfig } = require("@vue/cli-service"); module.exports = defineConfig({ // 默认：'/',部署应用包时的基本 URL，Vue CLI 会假设你的应用是被部署在一个域名的根路径上，如果是部署在一个子路 ......
vue（十一）服务启动
本地debug 在项目路径下输入命令 npm run serve 打包部署 1、打包：在项目路径下输入打包命令，会打包成一个dist文件夹 npm run build 2、安装服务器： npm install -g serve 3、启动服务 serve -s dist -s 参数的意思是将其架设在 ......
vue（九）vue3新特性
vue3六大亮点： 性能比Vue2强 可以将无用模块去掉，仅打包需要的 组合API 碎片（fragment），portal传送门（teleport），悬念（suspense） 更好的TS支持 暴露了自定义渲染API setup() 在setup函数中声明对象，代替data()。ref声明简单对象，r ......
vue（十）Element-plus
Element-plus 基于Vue3，Element-ui 基于Vue2，是一套前端页面组件库 安装和使用 安装 npm install element-plus --save 使用：按需导入，只打包使用到的组件 安装插件 unplugin-vue-components 和 unplugin-au ......
vue（八）状态管理vuex
安装和使用 Vuex是一个专门为vue.js应用程序开发的状态管理模式 + 库，采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 简单说，状态管理可以理解成为了更方便的管理组件之间的数据交互，提供了一个集中式的管理方案，任何组件都可以按照指定的方式进行读取和 ......
JAVA集成velocity实现对已有模板替换(占位符变量)替换
平时我们如果有一些简单的模板替换需求，比如有个txt文件，或者代码生成模板文件 要根据传入的变量替换成具体的值 就可以使用这个框架 依赖 <dependency> <groupId>org.apache.velocity</groupId> <artifactId>velocity-engine-c ......
Vue + Element ui 实现动态表单，包括新增行/删除行/动态表单验证/提交功能
总结/朱季谦 最近通过Vue + Element ui实现了动态表单功能，该功能还包括了动态表单新增行、删除行、动态表单验证、动态表单提交功能，趁热打铁，将开发心得记录下来，方便以后再遇到类似功能时，直接拿来应用。 简化的页面效果图如下：  4. 指定配置项，渲染数据 - el:指定挂载点 - data提供数据 ```html {{ msg }} ``` ......
第十二篇 - 将Vue2升级成Vue3
vue3在vue2的基础上有所更新，所以从vue3开始学起吧。 参考链接：https://zhidao.baidu.com/question/2275453896941683268.html 一、升级vue 首先，查看当前vue的版本：npm list vue 接下来对npm进行升级：npm ins ......
css 隐藏滚动条
&：那个元素有滚动条，就是那个元素 ```js scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ &::-webkit-scrollbar { display: none; /* Chrome Sa ......
vue通用组件自动注册
### 前置知识 #### vite中的Glob 导入 Vite 支持使用特殊的 import.meta.glob 函数从文件系统导入多个模块 `const modules = import.meta.glob('./dir/*.js')` 以上将会被转译为下面的样子： ``` // vite 生成 ......
修改数组对象的属性名称
// 修改对象属性名 this.otherfileList = JSON.parse(JSON.stringify(res.data).replace(/fileOriginName/g, 'name')) //data为数组，fileOriginName为修改前，name为修改后 ......
vue+jszip多图下载成压缩包
1、引入jszip <script src="https://cdn.staticfile.org/jquery/3.6.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/jszip/3.10.1/jszip.min ......
Vue3+.net6.0 二 模板语法-属性绑定，指令绑定，动态属性和指令，修饰符
Vue部分 const { createApp} = Vue; const app = createApp({ data() { return { count: 0, content:'<h3>我是html内容<h3/>', isDisabled:false } } }); app.mount('# ......
Vue后台管理系统(一)
### ```vue-admin```后台管理系统 - 框架地址 ``` - 简洁版: https://gitee.com/panjiachen/vue-admin-template - 加强版: https://gitee.com/panjiachen/vue-element-admin ``` ......