间距 组件css
js中使用css变量（vue）
html <div class="test" :style="{ '--backgroundColor': backgroundColor }"></div> js css .test { background-color: var(--backgroundColor); } ......
vue3 动态加载组件
<el-dropdown style="margin: 0px"> <el-button type="primary"> 视图 </el-button> <template #dropdown> <el-dropdown-menu> <el-dropdown-item v-for="dropItem ......
微信小程序--9.父子组件
1.在父组件中调用子组件的方法 1）父组件 <addcar id="classCart" cartdata-data="{{cartdata}}" /> js调用： let classCart = this.selectComponent('#classCart')// 页面获取自定义组件实例 cl ......
css实现图片的居中、拉大和缩小
resize和overflow实现拉大和缩小，绝对定位+transform实现剧中，max-height和max-width限制图片不能超出div的范围 <html> <head> <style> #div{ background-color: antiquewhite; height: 300px ......
CSS3 -- 优化滚动（scroll-behavior ｜ scroll-snap）
实现横向滑动：当子元素溢出父级盒子时，做以下操作。 第一种方式： 1.父级定义可横向滑动。 overflow-x: auto; 2.子元素设置为行内块。 display: inline-block; 3.父元素不允许子元素换行。 white-space: nowrap; 也可以隐藏滚动条 ::-we ......
多个vue项目共用组件
本文主要介绍引入本地的自己写的组件。 1.准备3个vue2项目 demo-common文件夹里是组件在demo1和demo2中都需要使用 2.在demo-common文件夹里新建index.js文件，跟package.json同级。在index.js文件里导出在其他项目里需要用到的组件 3.分别在d ......
Jquery 下拉树下面是一个使用Combotree组件的简单案例：
1、html <!DOCTYPE html> <html> <head> <title>Combotree使用案例</title> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/jquery-com ......
2023-10-24 Too many re-renders. React limits the number of renders to prevent an infinite loop. ==》组件在渲染过程中执行了任务导致状态更新，从而触发了无限循环
React报错： Too many re-renders. React limits the number of renders to prevent an infinite loop. 重新渲染过多。React限制渲染次数，以防止出现无限循环。 解决方案：查看你最近写的代码，比如我写了一个函数组件 ......
JavaWeb开发-CSS基础
2.CSS层叠样式表基本语法 层叠样式表，用来控制页面的样式 （1)CSS的三种引入方式 内部样式表：适合学习使用，将CSS代码写在style标签里面，style标签嵌套在title里 外部样式表：开发常使用，将CSS代码写在单独的CSS文件中.css；在HTML中使用link标签引入： href放 ......
DevExpress WinForms地图组件 - 轻松集成地图功能到应用程序
DevExpress WinForms地图控件允许您在WinForms应用程序中合并地图服务，您可以选择现有的地图资源，如如Bing或OpenStreetMap，或者在公司网络中创建自己的地图数据服务器。DevExpress WinForms地图控件完全支持矢量和笛卡尔坐标地图。 DevExpres ......
CSS必学：你需要知道的盒子模型的秘密
作者:WangMin 格言:努力做好自己喜欢的每一件事 作为前端开发来说，要掌握的CSS基础一定很多，那么CSS中盒子模型肯定是必考必问必掌握的前端知识点，因为它是CSS基础中非常重要的内容，接下来我们就一起来了解一下盒子模型吧！ 什么是盒子模型？ CSS 所有的HTML 标签元素在网页中都生成了一 ......
关于elementui的cascader组件多个级联大量数据滚动定位样式导致卡顿问题
如题，多个cascader级联组件，下拉选项含大量数据，滚动时会有实时样式重新渲染，导致CUP内存溢满而卡顿 解决尝试：使用elementui中的内部源码方法处理 <script> import { addResizeListener, removeResizeListener } from 'el ......
初步了解CSS
初步了解CSS 一、CSS介绍 CSS定义 css（Cascading Style Sheet）层叠样式表，它是用来美化页面的一种脚本语言。 CSS作用 美化界面，比如：设置标签文字大小，颜色，字体加粗等样式。 控制页面布局：比如：设置浮动，定位样式。 CSS基本语法 css是由两个主要部分构成：选 ......
css---等宽瀑布流布局制作
瀑布流布局效果如下图： 当前项目需求，如下图： 商品展示，需要按接口返回的顺序展示，依次从左至右，从上至下。 方案1：CSS3 column 属性(实现的布局顺序为先从上到下，再从左至右，所以这种方式仅适用于数据固定不变的情况，对于滚动加载更多等可动态添加数据的情况就并不适用了。) 关键思路： co ......
前端反卷计划-组件库-01-环境搭建
Hi, 大家好！我是程序员库里。 今天开始分享如何从0搭建UI组件库。这也是前端反卷计划中的一项。 在接下来的日子，我会持续分享前端反卷计划中的每个知识点。 以下是前端反卷计划的内容： 目前这些内容持续更新到了我的 学习文档 中。感兴趣的欢迎一起学习！ 环境搭建 组件库名字 因为我们的组件库要发布到 ......
从零用VitePress搭建博客教程(6) -– 第三方组件库的使用和VitePress搭建组件库文档
接上一节：从零用VitePress搭建博客教程(5) - 如何自定义页面模板、给页面添加独有的className和使页面标题变成侧边目录？ 九、第三方组件库的使用 我们经常看见UI组件库的文档，这里我们就用element-plus第三方组件库为例子，搭建组件库文档 examples：作为组件库示例目 ......
一种基于闭包函数实现自动化框架断言组件的设计实践
目前测试组同学基本具备自动化脚本编写能力，为了提高效率，如何灵活运用这些维护的脚本去替代部分手工的重复工作？为了达到测试过程中更多的去使用自动化方式，如何能够保证通过脚本覆盖更多的校验点，提高自动化测试的精度和力度？那么一定是不断的丰富断言，符合预期场景。紧接着棘手的问题就是，在前人维护的脚本不清楚... ......
Vue.js框架：vue3版本父子组件之间的传值和事件触发
一、子组件 使用vue3官方提供的setup语法糖中给出的defineEmits、defineProps来定义父子间的传参值和关联方法（useContext在3.2版本之后已去除）。 <script setup lang="ts"> import { defineProps, defineEmits ......
npm安装datav-vue3(一个大屏边框和装饰组件)后报错Failed to resolve entry for package "@dataview/datav-vue3". The package may have incorrect main/module/exports specified in its package.json.
原因:个人认为应该是npm上的版本比较低,因为弄好后装饰只能用到第8个,后面的都没有,查看package.json里它的版本为^0.0.0-test.1672506674342,也就是说还没有正式版,在官方的说明里也有体现 [目前还处于 Alpha 阶段，所有的 API 及 Props 都可能在后续 ......
css 跟随屏幕大小变动
在网页设计中，我们常常需要让元素随着屏幕大小的变化而自适应。这样可以让网页在不同尺寸的设备上显示得更加美观和合理。CSS提供了很多的技巧来实现这一目的。 第一种方法是使用百分比来设置元素的大小。比如，可以将容器宽度设置为100%，这样容器就会随着屏幕大小的变化而自适应。同时，也可以使用百分比来设置字 ......
forms组件
forms组件 基本使用 from django import forms class MyForm(forms.Form): # username字符串类型最小3位最大8位 username = forms.CharField(min_length=3,max_length=8) # passwo ......
复习css
复习css 样式 内联样式，行内样式，外部样式优先级 离HTML元素越近，优先级越高 内联样式离元素近：行内样式>内联样式>外部样式 外部样式离元素近：行内样式>外部样式>内敛样式 本质：浏览器从上到下解析过程中，后出现的样式会覆盖较早出现的样式 选择器 基本选择器 id > 类 > 标签 本质：定 ......
html 不使用脚手架 如何使用vue组件 1
html 不使用脚手架 要使用vue组件的话有两种方法 1 使用 vue3-sfc-loader git地址: https://github.com/FranckFreiburger/vue3-sfc-loader cdn地址: https://cdn.jsdelivr.net/npm/vue3-s ......
React框架的基本运行原理与组件定义方式
React框架的基本运行原理 React的本质是内部维护了一套虚拟DOM树，这个虚拟DOM树就是一棵js对象树，它和真实DOM树是一致的，一一对应的。 当某一个组件的state发生修改时，就会生成一个新的虚拟DOM，让它和旧的虚拟DOM通过Diff算法进行对比，生成一组差异对象。 然后变量差异对象， ......
HTML+CSS面试题
1、内元素和块级元素的区别？ 行内元素：不会独立出现在一行，单独使用的时候后面不会有换行符的元素。eg：span, strong, img, a 等。这些元素，默认的高宽，总是其内容的高宽。并且，margin和padding值，只有左右有效。 块级元素：独立在一行的元素，他们后面会自动带有换行符。e ......
03前端开发【css结束】
伪元素选择器 '''通过css操作文本内容''' 1.修改首个字体样式 p:first-letter{ color: red; font-size:48px； } 2.在文本开头添加内容 p:before{ content: '哈哈'； color：bule； } 3.在文本结尾添加内容 p:aft ......
防御性CSS
什么是防御性CSS呢？ 我的理解是我们所写的网页的内容不完全是静态的，也是可以发生变化的，因此也就增加了CSS出现的问题。不管网页的内容是多是少，还是窗口尺寸是大还是小，页面里面的内容与布局是要能正常显示而不会被破坏。 Flexbox 折行 Flexbox 是 CSS 中经常使用的布局，在父元素中设 ......
css 背景样式 梯形/平行四边形
绘制这种不规则的背景图形，目前我的思路是使用伪元素 伪元素的优点在于不用添加新的元素 实现平行效果使用了css transform: skew(); 具体代码如下 { position: relative; padding-left: 12px; color: #2187FF; background ......
Vue3 typescript script setup获取范型组件的ref
原博客地址： https://juejin.cn/post/7247433208437850169?from=search-suggest 在typescript下，如果想获取带类型的组件模板引用，官方文档中说明了方式: https://cn.vuejs.org/guide/typescript/c ......
html5+css-06
HTML5（最常用） 新增标签 语义化 header：头部 nav：导航 article:内容 section:定义文档某个区域 aside：侧边栏 footer:尾部 主要针对搜索引擎 可多次使用 在IE9中需要转化为块级标签 视频 audio：音频(.mp3) video：视频（尽量使用.mp4 ......