自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(44)
  • 收藏
  • 关注

原创 波纹扩散效果

* 设置边框颜色为蓝色 */

2024-02-07 10:56:56 750

原创 3D立方体图册

/ 通过鼠标位置计算 Y 轴旋转角度。// 通过鼠标位置计算 X 轴旋转角度。

2024-02-05 16:54:20 2616

原创 css多行文本擦拭效果

* 动画生效 一定是一个数值类的css属性 --p初始只是变量,因此要定义为css属性 *//* 定义一个css属性 属性值规定为百分比值 初始值0% 不可继承*//* 指定元素的框模型类型,元素的宽度和高度会包括边框和内边距 *//* 文本段落行首缩进 */

2024-02-01 18:00:00 465

原创 css蜂巢布局

【代码】css蜂巢布局。

2024-01-31 15:06:01 597

原创 css圆形弹出菜单按钮效果

【代码】css圆形弹出菜单按钮效果。

2024-01-29 18:00:00 409

原创 css文本水波效果

【代码】css文本水波效果。

2024-01-28 21:04:57 596

原创 流动雨滴效果

【代码】流动雨滴效果。

2024-01-27 18:00:00 744

原创 css不规则的文本环绕

其中的 50% 表示圆心在水平方向上位于元素宽度的中心位置,50% 表示圆心在垂直方向上位于元素高度的中心位置。circle(50% at 50% 50%) 表示一个以元素中心为圆心、半径为元素宽度的一半的圆形。在 shape-outside 属性中,可以使用 circle() 函数来创建一个圆形形状。/* shape-outside 设置元素的外形形状,使文本或其他内容能够沿着该外形形状进行环绕布局。circle() 函数接受 3 个参数,分别是圆心的水平位置、圆心的垂直位置和半径。

2024-01-26 18:00:00 414

原创 css文本镂空效果

"../assets//img/夜景.jpg"/* 设置背景只覆盖文字 *//* 文本阴影 */

2024-01-25 18:00:00 953

原创 文本智能匹配背景

* 设置渐变背景颜色,白色和黑色各占一半 *//* 混合像素点属性 */

2024-01-24 18:00:00 415

原创 css文本溢出处理

* 设置行高为 相对于字体大小的倍数, 1是使用浏览器默认行高 *//* 多行文本溢出无兼容性问题实现 *//* 改变盒子 存在兼容性问题 *//* 文本溢出省略号 *//* 设置显示几行 *//* 强制不换行 *//* 溢出隐藏 *//* 排列方向 */

2024-01-24 16:10:51 690 1

原创 css文本立体效果

【代码】css文本立体效果。

2024-01-23 18:00:00 569

原创 实现粒子时钟特效

【代码】实现粒子时钟特效。

2024-01-22 23:12:27 365

原创 文本视差背景效果

* 背景色的线性渐变 可以设置起始位置到结束位置变化(因此至少2个位置值) 可以设置角度和方向 具体变化颜色及程度 *//* fixed 可以将背景固定(使其保持不动的状态) *//* 去掉文字本身颜色(设置文字透明) *//* 设置背景只覆盖文字 *//* 设置文字描边效果 *//* 兼容性处理 */

2024-01-21 20:42:18 355

原创 css文本连续光影特效

【代码】css文本连续光影特效。

2024-01-20 18:49:37 429

原创 css文本描边效果实现

text-show 属性实现 (从六个方向设置文本阴影面积)-webkit-text-stroke 属性实现。"../assets/img/渐变色.png"/* 旋转背景图180度 *//* 设置背景图路径 *//* 禁用背景图重复 *//* 背景图居中对齐 *//* 背景图铺满容器 *//* 设置容器宽度 *//* 设置容器高度 */

2024-01-19 09:11:52 357

原创 vue3中使用echarts 生成增长区间折线图

【代码】vue3中使用echarts 生成增长区间折线图。

2023-11-27 14:35:40 537

原创 使用Element Plus的Tooltip 文字提示组件样式修改问题

【代码】使用Element Plus的Tooltip 文字提示组件样式修改问题。

2023-10-02 11:40:52 537

原创 IOS端h5页面跳转到第三方页面,回跳页面空白问题

【代码】IOS端h5页面跳转到第三方页面,回跳页面空白问题。

2023-09-07 15:09:53 384

原创 vue3基础之vue-router4的二级路由使用

【代码】vue3基础之vue-router4的二级路由使用。

2023-08-13 15:45:34 771

原创 vue3基础之vueRouter4基本使用

【代码】vue3基础之vueRouter4基本使用。

2023-08-13 13:57:03 91

原创 vue3基础练习之todoList

【代码】vue3基础练习之todoList。

2023-07-30 14:29:07 415

原创 vue3基础之setup中的props和自定义事件

使用setup中默认存在的defineEmits方法接受自定义事件我们在defineEmits的泛型中书写接口来接受自定义事件接口中每接收一个自定义事件,都是函数类型,参数固定第一个值event值是自定义事件名称,后边参数都是自定义事件接收的参数,这个函数类型返回值一般都是voiddefineEmits返回一个emit方法,方便我们调用自定义事件也可以在模板中直接使用 组件实例上的 $emit 调用。

2023-07-30 14:18:29 1299

原创 vue3基础之自定义hooks和mixins区别

mixins不能追踪数据来源,自定义hooks可以(import引入暴露)mixins不能传递参数,自定义hooks可以(import暴露出的是个函数)mixins重名会覆盖,自定义hooks语法上不可能重名(import暴露,接收时可起别名)

2023-07-23 17:10:31 281

原创 vue3基础之自定义hooks

官方并没有此概念,是程序开发人员约定成俗的写法每个hooks往往代表一个独立的功能模块,抽离为一个ts文件文件和函数命名用use开头,ts文件暴露一个函数,函数暴露出需要的数据和方法在需要使用的地方引入函数,解构出数据和方法是组合式API的高级应用,实现开发代码的低耦合,方便维护功能不同的代码块。

2023-07-23 16:57:04 922

原创 vue3基础之生命周期

vue3同时支持选项式写法和组合式写法使用组合式写法与vue2没有不同使用选项式写法,我们需要在setup中使用,没有beforeCreate和created函数使用选项式写法,beforeDestory函数变更为beforeUnmount,destoryed函数变更为unmounted使用选项式写法,每个生命周期函数都可以多次书写,可以被多次调用

2023-07-22 19:08:05 35

原创 vue3基础之toRefs方法

【代码】vue3基础之toRefs方法。

2023-07-12 22:46:16 1737 1

原创 vue3基础之watch监听

监听reactive定义的代理数据,写法和逻辑和监听ref定义复杂数据的代理数据一样。

2023-07-09 11:38:31 1410 1

原创 vue3基础之计算属性

【代码】vue3基础之计算属性。

2023-07-08 10:00:31 125

原创 vue3创建响应式数据ref 和 reactive 区别

【代码】vue3创建响应式数据ref 和 reactive 区别。

2023-07-07 14:17:42 80 1

原创 vue3基础之响应式数据的创建

【代码】vue3基础之响应式数据的创建。

2023-07-06 18:18:23 191 1

原创 Vue3基础之setup

当renderer遇到组件时,使用选项式API就使用beforeCreat 和 created,使用组合式API就使用setup函数。支持选项式API 和 组合式API。

2023-07-02 15:20:50 209 1

原创 vue3基础之初创项目分析

新创建一个vue3项目,比较和vue2项目的不同(大体)

2023-06-18 12:59:03 35

原创 vue3基础之项目创建和比较

在公司总是写vue2,vue3语法都忘干净了,于是进行复习整理,温故而知新.

2023-06-12 15:36:24 43

原创 Vue2移动端当前页面pdf预览最终版

哎,需求总是最难伺候的,优化了几次都不满意,但是没办法,只能想办法.这是最终版的PDF,使用了 pdfh5 插件,别说,还挺好用的,强烈推荐!

2023-06-12 09:41:02 335 2

原创 移动端vue2使用vue-pdf当前页面预览(优化为滑动翻页)

1.基于上次的优化处理,移动端进行点击翻页,感觉很怪,于是继续进行优化,改为滑动翻页。2.使用 :vue2-touch-events 插件。### main.js 引入并注册。

2023-06-09 23:23:30 813

原创 移动端vue2使用vue-pdf当前页面预览(分页优化)

1.继续上次的PDF预览优化,为解决文件过多一次性加载超长时间问题,做出分页效果,进行分页加载。

2023-06-09 23:16:00 992

原创 移动端vue2使用vue-pdf当前页面预览

1.初始使用iframe总觉得很丑,于是进行改进PDF预览方式,这是使用了vue-pdf的预览。2.此代码是直接一次性展示全部文件,文件内容多时,存在很长时间的加载空白问题。

2023-06-09 23:13:52 766

原创 jsp文件中实现生成二维码

1.QRCode插件实现生成带白边的二维码。

2023-06-09 23:01:40 513

原创 Vue2移动端图片上传

1.vant2 uploader组件实现文件上传(图片) && 图片压缩。### js 代码。

2023-06-09 21:01:05 617

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除