样式 组件scoped vue
vue2生命周期、vue3生命周期、uni-app生命周期
一、生命周期 Vue 实例有一个完整的生命周期。 也就是从开始创建、初始化数据、编译模版、挂载 Dom -> 渲 染、更新 -> 渲染、卸载等一系列过程，我们称这是 Vue 的生命周期 二、vue2生命周期（钩子函数） （1）钩子函数： 在特定阶段或特定事件发生时被执行的函数 在钩子函数中可以编写逻 ......
vue 步骤条
效果图 <template> <!-- --> <div class='stepBar' v-if="list"> <dl> <dd v-for="(item, index) in list" :key="index" :class="{ actafter: index + 1 <= selecte ......
emmet快速生成html标签和css样式
## emmet快速生成html标签语法 > 1.生成标签，直接输入标签名，按下tab键即可； 2.生成多个相同标签，加上*即可，如生成3个div标签，div*3； 3.生成父子级的标签，使用>号，如ul>li; 4.生成兄弟标签，使用+号，如div+p; 5.生成带有类名或者id名的标签，直接写. ......
CSS基础：学习CSS样式的基本语法和应用，了解如何美化网页。
CSS（层叠样式表）是一种用于描述网页上元素（例如文字、图像、背景等）外观和布局的样式语言。通过使用CSS，您可以控制和改变网页的外观，使其更具吸引力和易于使用。 下面是一些CSS基础知识和常用的语法： 1. 选择器：CSS中的选择器用于选择要应用样式的HTML元素。最常见的选择器是元素选择器（例如 ......
Vue全家桶系~2.Vue3开篇（过渡）
# Vue全家桶 先贴一下Vue3的官方文档： > 官方API文档： ## 1.前言：新旧时代交替 ### 1.1.开发变化 1.**网络模型的变化**： 1. 以前网页大多是b/s，服务端代码混合在页面里； 2. 现在是c/s，前后端分离，通过js api(类似ajax的方式)获取json数据，把 ......
插件系列 vue2安装tailwindcss
官方网址：https://www.tailwindcss.cn/docs/installation 安装步骤： 直接安装 创建文件 tailwindcss.css main.js全局引入文件 tailwindcss.css 在项目更目录下执行初始化配置文件指令 第一步：直接安装 npm instal ......
文本关键词高亮-vue版本
、、 <template> <div> <div> <input type="text" @keyup.enter="mark"> </div> <div ref="text" style="height: 200px; overflow: auto" v-html="html"> </div> < ......
Vue v-on 修饰符
官方文档;https://cn.vuejs.org/guide/essentials/event-handling.html#event-modifiers ......
Room组件的用法
一.Android官方ORM数据库Room Android采用Sqlite作为数据库存储。但由于Sqlite代码写起来繁琐且容易出错，因此Google推出了Room，其实Room就是在Sqlite上面再封装了一层。下面是Room的架构图： 要想更好地理解上面的图，我们先要理解几个概念：Entity和 ......
vue 文档解释
当你将一个响应式对象的属性赋值或解构到一个本地变量时，访问或赋值该变量是非响应式的，因为它将不再触发源对象上的 get / set 代理。注意这种“断开”只影响变量绑定——如果变量指向一个对象之类的非原始值，那么对该对象的修改仍然是响应式的。 注意这种“断开”只影响变量绑定（有歧义，应该是 只影响原 ......
vue2调用接口
初见vue2，试探了两天，第一次正经接触前端，蛮兴奋的。 1. 首先，通过FastAPI简单构造几个后端接口 ~~~ import uvicorn from fastapi import FastAPI, Header from typing import Union from typing_ext ......
微信小程序开发，使用vant组件样式无法显示解决方法
新版的渲染模式是 sk，老板是webview，这个vant组件不支持sk渲染模式，会出问题 原贴链接：微信小程序开发，使用vant组件样式无法显示解决方法-泸州科技网络公司 (luzhoukeji.com) ......
springboot+activiti+vue+mysql 轻松搞定审批!(源码)
前言 activiti工作流，企业erp、oa、hr、crm等审批系统轻松落地，请假审批demo从流程绘制到审批结束实例。 一、项目形式 springboot+vue+activiti集成了activiti在线编辑器，快速开发平台，可插拔工作流服务。 二、项目介绍 本项目拥有用户管理，部门管理，代码 ......
让Webbrowser、CDHtmlDialog中的控件显示为系统主题样式
方法1:在HTML文件里加上如下代码 <META HTTP-EQUIV="MSThemeCompatible" CONTENT="Yes"> 方法3:在以CDHtmlDialog 类为基类的头文件中加入如下代码(推荐) class CWebBrowserThemeDlg : public CDHtm ......
vue2使用table进行单元格合并，后面列合并需根据前某列条件合并
示例： <table class="table_style"> <thead> <tr> <td>姓名</td> <td>年龄</td> <td>车辆</td> <td>房子</td> <td>身份</td> </tr> </thead> <tbody v-for="(group, name) in ......
Vue 内置指令
<span v-text="msg"></span> <!-- 等同于 --> <span>{{msg}}</span> 官方文档:https://cn.vuejs.org/api/built-in-directives.html ......
Vue 数据绑定 input v-if 切换后 取值不对
1、当一个页面有多个类型输入框时，联系人是 password 类型，联系地址是text类型, (1)当切换regType==1时联系地址还是password类型 (2)当限制输入长度时input的value值和v-model取得值也是不一样的 <div class="lfItem" v-if="re ......
vue 实现动态表单点击新增 增加一行输入框
点击增加后会新增一行，点击每行后面的删除图标则会删除该行，新增按钮只会出现在最后一行 ``` 删除 添加 ``` 定义方法 ``` // 添加原材料 const addDomain = () => { form.productItemList.push({ name: '', num: '', }) ......
BootstrapBlazor组件库，组件方法的表达式传参
# BootstrapBlazor组件库，组件方法的表达式传参 有时候我们在循环中创建组件的时候，可能想把item的值也一并传入组件的方法事件中去处理，有很多小伙伴就不知道如何去调用事件了。 下面是一段实例代码，通过循环遍历来创建图片，并且创建一个删除图片的按钮，这个按钮的```OnConfirm` ......
vue-router命名视图以及实现页面抽屉功能
#### 命名视图 首先介绍什么是命名视图，命名视图是vue-router的功能，当我们想在一个页面展示多个视图，而不是嵌套展示时，就可以使用命名视图了； 当使用嵌套路由时，只有一个router-view，而使用命名视图时，可以使用多个router-view，然后给每个router-view设置自己 ......
模拟Vue2的v-model
## 模拟Vue2的v-model ```html Title 改变username--> 请输入些什么： ``` 运行效果：  const CopyWebpackPlugin = require('copy-webpack-plugin') //最新版本copy-webpac ......
vue3+vite+view-ui-plus 实现按需引用
现有项目使用的是 vue3+vite+view-ui-plus 由于公司要求秒开速度对h5页面进行优化，首先想到的是把组件的引用从全量引用打包改成按需引用； 下面是改之前的 view-ui-plus 引用配置，简单粗暴直接在 main.ts 中引用 import ViewUIPlus from 'v ......
[oeasy]python0083_[趣味拓展]字体样式_正常_加亮_变暗_控制序列
字体样式 回忆上次内容 上次了解了 一个新的转义模式 \033 逃逸控制字符 esc esc 让输出 退出 标准输出流 进行 控制信息的设置 可以 清屏 也可以 设置光标输出的位置 还能做什么呢？ 可以 设置 字符的颜色吗？？？🤔 添加图片注释，不超过 140 字（可选） 查看细节 回忆 控制 ......
xgplayer 西瓜视频播放器在Vue项目中通过【自定义插件】实现弹幕发送功能
基于西瓜视频播放器xgplayer 3.x在Vue代码框架下开发实现【弹幕发送】UI和相关逻辑功能，使用了其自定义插件流程，更加简单高效。 ......
关于多行文本框默认选中内容样式
有的项目页面是禁止选中文本的，但是输入框是个特例，需要单独设置样式，即选中内容时的背景颜色； textarea { outline: none; background: transparent; outline: medium; } *:focus { outline: none; backgrou ......
avue组件自定义按钮/标题/内容/搜索栏
在使用avue框架开发中，相对复杂一点的功能都需要通过自定义才能实现想要的需求，所以自定义按钮、标题和操作方法等等是必不可少的环节，下面就总结了各种自定义的操作以供大家参考 ......
基于 Webpack4 和 Vue 的可热插拔式微前端架构
如果项目对你有所帮助，可以给个star Github地址 什么是 Puzzle Puzzle 是基于 Vue 和 Webpack4 实现的一种项目结构；业务模块可以像拼图一样与架构模块组合，形成不同的系统，而这一切都是可以在生产环境热插拔的；这意味着你可以随时向你的系统添加新的功能模块，甚至改版整个 ......
VUE+ElementUI的表单验证二选一必填项，并且满足条件后清除表单验证提示
 ### 上代码 ``` html ``` ``` js data() { var validateNa ......
百度地图避坑，vue3，typescript setup
1、刚开始一直安装 vue-baidu-map，他适用于vue2，一直处于不识别_BMap 2改用：vue-baidu-map-3x 安装后配置main.ts import BaiduMap from "vue-baidu-map-3x"; app.use(BaiduMap, { // ak 是在百 ......