属性 变量vue css
CSS中层次选择器有哪些？
层次选择器是CSS中用来选择文档中特定元素的一种方法。它通过使用不同元素之间的层次关系来选择目标元素。常见的层次选择器包括后代选择器（descendant selector）、子元素选择器（child selector）、相邻兄弟选择器（adjacent sibling selector）和通用兄弟 ......
java基础-变量、常量、作用域
变量 变量：指可以变化的量 Java是一种强类型预言，每个变量都必须声明其类型 Java变量是程序中最基本的储蓄单元，其要素包括变量名，变量类型和作用域。 type varName [=value] [{,varName[=value]}]; //数据类型 变量名=值；可以使用都好隔开来声明多个同类 ......
Maven的安装与配置本地仓库，镜像源，环境变量。
参考视频： 黑马程序员2023新版JavaWeb开发教程，实现javaweb企业开发全流程 【小飞非系列】最新Maven实战教程-项目实战构建利器 一.下载Maven安装包 注意安装maven前要先安装jdk环境： JDK11版本安装包下载地址 1.下载安装包，存放在没有中文的路径中 Maven安装 ......
props传来的每个list对象加属性
情景：在 vue 组件获取了 js 里存储的数据后，想要给获取的 list 的每一条数据加上相同的属性作为公共部分 // 页面打开即加载方法 mounted() { this.init() }, methods:{ init(){ // 给新的进行重新赋d： this.xAxisStyle.forE ......
vue 弹窗组件
vue 弹窗 <el-dialog> </el-dialog> 可以在其中编写所需的弹窗显示的内容 也可以在其中放组件标签作为弹窗 放一个组件的话，例： <el-dialog v-model="addGoodsDialog" :title="addGoodsTitle" width="60%" de ......
vue 循环显示数据场景
vue 循环显示数据 el-table 中 <template> <el-table :data="goodsList"> <el-table-column prop="goodsName" label="商品名称"></el-table-column> <!-- ...... --> </el-t ......
vue 编辑器+使用场景+问题解决
vue 编辑器组件 添加依赖 "dependencies": { "@codemirror/autocomplete": "^6.4.2", "@codemirror/commands": "^6.2.1", "@codemirror/lang-javascript": "^6.0.2", "@co ......
基于uQRCode封装的Vue3二维码生成插件
标题：基于uQRCode封装的Vue3二维码生成插件 摘要：本文介绍了一种基于uQRCode封装的Vue3二维码生成插件，可以在Javascript运行环境下生成二维码并返回图片地址。该插件适用于所有Javascript运行环境，并且支持微信小程序。本文将详细介绍该插件的使用方法，并给出一个基于Vu ......
自定义精美商品分类列表组件 侧边栏商品分类组件 category组件(适配vue3）
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化对 ......
Vue 常用的指令都有哪些？
1、v-model 多用于表单元素实现双向数据绑定（同 angular 中的 ng-model） 2、v-for 格式：v-for="字段名 in(of) 数组 json" 循环数组或 json(同 angular 中的 ng-repeat), 需要注意从 vue2 开始取消了$index 3、v- ......
vue3中css使用js中的变量
<script setup lang="ts"> import { SoundOutlined } from '@ant-design/icons-vue' const props = defineProps({ title: { type: String, default: '' }, color ......
streamlit 展示自定义 html 以及 css
目前探索出来的有效方法： style = """ <style> .memo-box { border: 1px solid #ccc; padding: 10px; margin-bottom: 20px; } .tag { font-size: 12px; color: #888; } </st ......
变量/常量
变量 修饰符【static】 变量是什么：就是可以变化的量！ Java是一种强类型语言，每个变量都必须声明其类型。 Java变量是程序中最基本的存储单元，其要素包括变量名，变量类型和作用域。 注意事项： 每个变量都有类型，类型可以是基本类型， 也可以是引用类型。 变量名必须是合法的标识符。 变量声明 ......
防御式CSS—设置背景图片
通常情况下，当使用大图像作为背景时，我们往往会忘记考虑在大屏幕上查看设计时的情况。默认情况下，该背景将重复。 这在笔记本电脑屏幕上基本上看不到，但在更大的屏幕上可以清楚地看到。 要提前避免这种行为，请确保重置 background-repeat .hero { background-image: u ......
防御式CSS—设置组件间距
我们开发人员需要考虑不同的内容长度。这意味着，应该向组件添加间距，即使它看起来不需要。 在这个例子中，我们在右侧有一个章节标题和一个操作按钮。目前，它看起来不错。但是让我们看看当标题更长时会发生什么。 注意到文本离操作按钮太近了吗？你可能会想到多行包装，但我会在另一节谈到这一点。现在，让我们把注意力 ......
防御式CSS—网格布局中的列自动分配
当使用CSS grid minmax() 函数时，重要的是要决定使用 auto-fit 或 auto-fill 关键字。如果使用不当，可能会导致意想不到的结果。 当使用 minmax() 函数时， auto-fit 关键字将扩展网格项以填充可用空间。而 auto-fill 将保留可用空间，而不改变网 ......
防御式CSS—长文本省略
这是一份名单，现在看起来很完美。 然而，由于这是用户生成的内容，我们需要小心如何保护布局，以防内容过长。 如下图所示： 在这种布局中，一致性很重要。为了实现这一点，我们可以简单地使用text-overflow及其朋友来截断名称。 .username { white-space: nowrap; ov ......
防御式CSS—Flexbox 折行
CSS flexbox是当今最有用的CSS布局功能之一。很容易将 display: flex 添加到包装器中，并使子项彼此相邻排序。 这是一个典型的例子。我们有一组选项，应该显示在彼此旁边。 .options-list { display: flex; } 当空间不足时，将出现水平滚动。这应该是意料 ......
Vue3 读取Hdr 文件转Image显示
import { decodeRGBE } from '@derschmale/io-rgbe'; //引入io-rgbe //读取Hdr文件 const ReadHdrFile = (buffer: ArrayBufferLike & { BYTES_PER_ELEMENT?: undefined ......
MATLAB 单变量函数一阶及N阶求导
1 对一维函数的求导及求特定函数处的变量值 %%最简单的一阶单变量函数进行求导 function usemyfunArray() %主函数必须位于最上方 clc clear syms x %syms x代表着声明符号变量x,只有声明了符号变量才可以进行符号运算，包括求导。 %f(x)=sin(x)+ ......
【趣味JavaScript】一文让你读懂JavaScript原型对象与原型链的继承，探秘属性的查找机制! 《重置版》
🚀 个人主页 极客小俊 ✍🏻 作者简介：web开发者、设计师、技术分享博主 🐋 希望大家多多支持一下, 我们一起学习和进步！😄 🏅 如果文章对你有帮助的话，欢迎评论 💬点赞👍🏻 收藏 📂加关注 前言 有些新手朋友可能听说过这么一句话，就是js中存在两个链条,它们分别为:作用域链和原 ......
富文本里解析vue、react组件
react 封装的渲染富文本的组件： RenderRtf.tsx import { useState, useEffect, useRef } from "react"; import parse from "html-react-parser"; import ReactDOM from "rea ......
C语言-变量常量数据类型
常量：不会变化的数据。不能被修改。 1. “hello”、'A'、-10、3.1415926（浮点常量） 2. #define PI 3.1415 【强调】：没有分号结束标记。 【推荐】 定义宏： 定义语法： #define 宏名 宏值 3. const int a = 10; 定义语法：const ......
[Vue] vue学习笔记(5): 过滤器
关于过滤器 注册过滤器：Vue.filter(name, callback) 或 new Vue({filters: {...}}) 使用过滤器：{{xxx | filter_name}} 或 v-bind:www="xxx | filter_name" 过滤器可以接受除过滤对象以外的其他参数，也可 ......
引用类型变量
1.基本概念：存放对象的引用，而不是存放对象本身。通过引用可以找到该对象。（可以为空null） Person p1 = new Person(); p1.name = "Fiona";p1.age = 22; Person p2 = new Person(); p2.name = "Lip";p2. ......
[Vue] 案例：收集表单数据
创建一个表单，利用vue完成所有逻辑 准备一个容器 <div id="root"> <! @submit 指定提交行为， prevent阻止默认的刷新页面行为 > <form @submit.prevent="submitForm"> username: <input type="text" v-m ......
企业级 Web 应用里使用 CSS 调整应用外观的一些例子
笔者在日常工作中曾经负责过一些企业级 Web 应用的负责和开发，也曾经指导过一些客户的二次开发人员，通过各种方式对我们发布的企业级 Web 应用进行一些定制开发。 所谓企业级前端应用，是指为大型企业或组织开发的前端应用，这些应用具有超过一般 2C 软件的技术复杂度，高度定制化和可扩展性，因为企业级前 ......
CSS进阶3-transform 动画-渐变(线性渐变、镜像渐变)-关键帧
1. 动画 介绍：改变盒子在平面内的形态（平移、缩放、旋转、倾斜） 属性： 平移：transform：translate(值1 ，值2);(默认为X轴，translateY--下移) — —平移依然在原来文档流。 移动：transform：translate(值1，值2)；可右斜移动 代码： /* ......
使用样式表和 rcParams字典自定义 Matplotlib属性和样式
3种方式自定义Matplotlib的属性和样式 1. 运行时通过rcParams字典动态设置 2. 使用样式表 3. 更改 matplotlibrc 文件 在运行时设置 rcParams 优先于样式表、样式 工作表优先于文件matplotlibrc即1>2>3 1. 运行时通过rcParams字典动 ......
Vue3 + TS 搭建组件库
开始 在编写组件库之前，我们首先要对整个代码项目的解构有一个清晰的划分，以及用到的大多数规范，和代码风格有一个约定，这篇文章主要就围绕着下面图中的几个问题展开描述一下。 1、搭建 monorepo 环境 我们使用pnpm当做包管理工具，用pnpm workspace来实现monorepo。可以看下面 ......