vue 双向锚点实现 简易版(scrollIntoView)
2024-01-31一. 需求:左边是内容板块,右边是目录结构,点击右边内容跳转到左边相应位置展示,滑动左边内容右边目录自动跳转。_vue锚点定位双向滚动插件
jQuery圆形轮播自动切换图文
2024-01-30jQuery圆形轮播自动切换图文
vue 限制 el-cascader 的高度和宽度
2024-01-30element里面的el-cascader组件宽度限制_el-cascader 宽度_丹丹的小跟班的博客-CSDN博客。当选择项字符过长时,下拉框会自动变长,有时甚至会超出屏幕宽度,影响使用。当选择项过多时,选择器的长度会突破屏幕高度,会导致无法查看相应选择项。优化方案:添加 el-tooltip 组件对被遮挡的内容进行显示。/* 改变级联选择器的最大高度 *//* 改变级联选择器的最大宽度 */解决方法:限制选择器的高度。解决方法:限制选择器的宽度。_el-cascader宽度设置
前端:纯css实现图片轮播(自动 手动)
2024-01-30图片轮播效果_网页图片自动轮播代码
CSS 中几种常用的换行方法
2024-01-29white-space 属性可以控制元素中文本的换行方式。word-break 属性可以控制单词在换行时的断开方式。:允许在单词内部断行,例如超出容器宽度时会将单词拆分为多行显示。(默认值):文本自动换行,默认情况下会根据容器的大小自动换行。:保留原始的空白符(空格和换行符),文本按照源码中的格式显示。:保留原始的空白符,文本在遇到边界时会自动换行。:合并连续的空白符,文本在遇到边界时会自动换行。:尽量保持多字母语言的连续性,适用于东亚语言。:文本不进行换行,超过容器宽度时会溢出。_css换行
CSS实现单行或者多行文本溢出隐藏并且显示省略号
2024-01-29如果文字超出父元素指定宽度,文字会自动换行,而连续不间断数字和英文字母(没有其他字符)不会自动换行;省略号:text-overflow: ellipsis;设置弹性盒子的子元素的排列方式 :-webkit-box-orient: vertical;对于内核是webkit的浏览器(Google/Safari),可以直接用CSS样式;设置显示文本的行数:-webkit-line-clamp: 5;溢出隐藏:overflow: hidden;_css一行显示不下显示省略号
CSS:calc() 函数 / 动态计算长度值 / 不同场景使用
2024-01-29CSS calc() 函数是一个用于计算 CSS 属性值的函数。它可以在 CSS 属性值中使用数学表达式,从而实现动态计算属性值的效果。calc() 函数可以使用加减乘除四种基本数学运算符来计算属性值,还可以使用括号来改变优先级。这个样式规则中,div 元素的宽度为整个父容器的宽度减去 20px。当浏览器窗口大小发生变化时,div 元素的宽度会自动重新计算,以适应新的窗口大小。这个样式规则中,div 元素的上下内边距为 10px 加上父容器宽度的 2%,左右内边距为 20px 减去父容器宽度的 5%。_css calc
win11如何实现油猴脚本自动点击网页内按钮
2024-01-29js小白求问网页编码_油猴自动点击脚本
echarts图标设置dataZoom拖拽时间轴时自动调整两侧文字的位置
2024-01-28echarts的dataZoom两侧文本样式调整_echarts可拖拽时间
vue-tsc --noEmit导致打包报TS类型错误
2024-01-28当我们新建vue3项目,package.json文件会自动给我添加一些配置选项,这写选项基本没有问题,但是在实际操作过程中,当项目越来越复杂就会出现问题。本文列举一个目前我遇到的一个问题:打包后报了一堆TS类型错误,怎么消除这些错误?_vue-tsc