- 博客(44)
- 收藏
- 关注
原创 css多行文本擦拭效果
* 动画生效 一定是一个数值类的css属性 --p初始只是变量,因此要定义为css属性 *//* 定义一个css属性 属性值规定为百分比值 初始值0% 不可继承*//* 指定元素的框模型类型,元素的宽度和高度会包括边框和内边距 *//* 文本段落行首缩进 */
2024-02-01 18:00:00
564
原创 css不规则的文本环绕
其中的 50% 表示圆心在水平方向上位于元素宽度的中心位置,50% 表示圆心在垂直方向上位于元素高度的中心位置。circle(50% at 50% 50%) 表示一个以元素中心为圆心、半径为元素宽度的一半的圆形。在 shape-outside 属性中,可以使用 circle() 函数来创建一个圆形形状。/* shape-outside 设置元素的外形形状,使文本或其他内容能够沿着该外形形状进行环绕布局。circle() 函数接受 3 个参数,分别是圆心的水平位置、圆心的垂直位置和半径。
2024-01-26 18:00:00
608
原创 css文本溢出处理
* 设置行高为 相对于字体大小的倍数, 1是使用浏览器默认行高 *//* 多行文本溢出无兼容性问题实现 *//* 改变盒子 存在兼容性问题 *//* 文本溢出省略号 *//* 设置显示几行 *//* 强制不换行 *//* 溢出隐藏 *//* 排列方向 */
2024-01-24 16:10:51
757
1
原创 文本视差背景效果
* 背景色的线性渐变 可以设置起始位置到结束位置变化(因此至少2个位置值) 可以设置角度和方向 具体变化颜色及程度 *//* fixed 可以将背景固定(使其保持不动的状态) *//* 去掉文字本身颜色(设置文字透明) *//* 设置背景只覆盖文字 *//* 设置文字描边效果 *//* 兼容性处理 */
2024-01-21 20:42:18
429
原创 css文本描边效果实现
text-show 属性实现 (从六个方向设置文本阴影面积)-webkit-text-stroke 属性实现。"../assets/img/渐变色.png"/* 旋转背景图180度 *//* 设置背景图路径 *//* 禁用背景图重复 *//* 背景图居中对齐 *//* 背景图铺满容器 *//* 设置容器宽度 *//* 设置容器高度 */
2024-01-19 09:11:52
489
原创 使用Element Plus的Tooltip 文字提示组件样式修改问题
【代码】使用Element Plus的Tooltip 文字提示组件样式修改问题。
2023-10-02 11:40:52
1067
原创 vue3基础之setup中的props和自定义事件
使用setup中默认存在的defineEmits方法接受自定义事件我们在defineEmits的泛型中书写接口来接受自定义事件接口中每接收一个自定义事件,都是函数类型,参数固定第一个值event值是自定义事件名称,后边参数都是自定义事件接收的参数,这个函数类型返回值一般都是voiddefineEmits返回一个emit方法,方便我们调用自定义事件也可以在模板中直接使用 组件实例上的 $emit 调用。
2023-07-30 14:18:29
1760
原创 vue3基础之自定义hooks和mixins区别
mixins不能追踪数据来源,自定义hooks可以(import引入暴露)mixins不能传递参数,自定义hooks可以(import暴露出的是个函数)mixins重名会覆盖,自定义hooks语法上不可能重名(import暴露,接收时可起别名)
2023-07-23 17:10:31
498
原创 vue3基础之自定义hooks
官方并没有此概念,是程序开发人员约定成俗的写法每个hooks往往代表一个独立的功能模块,抽离为一个ts文件文件和函数命名用use开头,ts文件暴露一个函数,函数暴露出需要的数据和方法在需要使用的地方引入函数,解构出数据和方法是组合式API的高级应用,实现开发代码的低耦合,方便维护功能不同的代码块。
2023-07-23 16:57:04
1151
原创 vue3基础之生命周期
vue3同时支持选项式写法和组合式写法使用组合式写法与vue2没有不同使用选项式写法,我们需要在setup中使用,没有beforeCreate和created函数使用选项式写法,beforeDestory函数变更为beforeUnmount,destoryed函数变更为unmounted使用选项式写法,每个生命周期函数都可以多次书写,可以被多次调用
2023-07-22 19:08:05
62
原创 Vue3基础之setup
当renderer遇到组件时,使用选项式API就使用beforeCreat 和 created,使用组合式API就使用setup函数。支持选项式API 和 组合式API。
2023-07-02 15:20:50
303
1
原创 Vue2移动端当前页面pdf预览最终版
哎,需求总是最难伺候的,优化了几次都不满意,但是没办法,只能想办法.这是最终版的PDF,使用了 pdfh5 插件,别说,还挺好用的,强烈推荐!
2023-06-12 09:41:02
524
2
原创 移动端vue2使用vue-pdf当前页面预览(优化为滑动翻页)
1.基于上次的优化处理,移动端进行点击翻页,感觉很怪,于是继续进行优化,改为滑动翻页。2.使用 :vue2-touch-events 插件。### main.js 引入并注册。
2023-06-09 23:23:30
1160
原创 移动端vue2使用vue-pdf当前页面预览(分页优化)
1.继续上次的PDF预览优化,为解决文件过多一次性加载超长时间问题,做出分页效果,进行分页加载。
2023-06-09 23:16:00
1254
原创 移动端vue2使用vue-pdf当前页面预览
1.初始使用iframe总觉得很丑,于是进行改进PDF预览方式,这是使用了vue-pdf的预览。2.此代码是直接一次性展示全部文件,文件内容多时,存在很长时间的加载空白问题。
2023-06-09 23:13:52
1347
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人