- 博客(10)
- 收藏
- 关注
RSS订阅原创 基于 Vue3 + TS + Element-Plus + Stackblur 实现图片背景模糊处理工具
本文介绍了一个基于Vue3+TypeScript+Element Plus的图片处理工具开发方案，使用StackBlur.js实现图像模糊效果。工具功能包括：上传图片、模糊背景处理、前景图叠加及参数调节（背景缩放/模糊度、前景大小/边框/圆角等），并提供处理结果下载功能。核心代码采用Composition API实现，包含canvas绘图逻辑、参数监听器及响应式UI组件，最终生成带圆角边框的前景图和模糊背景的合成效果图。项目采用Vite构建，完整代码已开源。
2025-05-29 14:38:16
349
1
原创 2024年前端面试题全攻略【CSS篇】
最近准备面试中，整理了一些关于CSS的面试题，欢迎有需要的朋友们一起交流学习，让我们共同提升，攻克面试关。
2024-10-24 16:49:19
666
1
原创 2024年前端面试题全攻略【HTML篇】
整理了一些关于HTML、CSS、JS、VUE等面试题，欢迎有需要的朋友们一起交流学习，让我们共同提升，攻克面试关。
2024-10-23 17:33:17
705
原创 如何往原型添加方法
往字符串原型添加方法String.prototype.strSplicing = function () { let str = ""; Object.values(this).forEach((item) => { if (str == "") { str = item; } else { str += " " + item; } }); return str;};Object.values是把传递进来的字符串或者对
2021-12-31 11:34:16
534
原创 Vue父子组件生命周期顺序
父组件的beforeCreate => 父组件的created => 父组件的beforeMount => 子组件的beforeCreate => 子组件的created =>子组件的beforeMount => 子组件的Mounted=>父组件的Mounted更新也类似 父组件的beforeUpdate =>子组件的beforeUpdate => 子组件的updated => 父组件的updated...
2021-12-30 14:58:29
325
原创 一天一个小知识，你学废了吗？
?的用法可以用来可检查对象是否存在，对象存在则执行代码，否则不执行，这样就不会报错const obj = { a: { b: { c: 5 } } }if (!!obj.a && !!obj.a.b && !!obj.a.b.c) { ... } // obj.a.b.c exist 不用?的时候我们可能这样写// 可以用 ? 简化代码if (!!obj.a?.b?.c) { ... } // obj.a.b.c exist// 如果键不存在，返
2021-12-02 16:10:15
101
原创 ES6中的类和对象
前言在ES6中新增加了类实例的概念，让我们一起学习吧！一、对象是什么？现实生活中，万物皆对象。对象是一个具体的事物，看得见摸得着的实物。例如一本书，一辆汽车，一个人，一张网页，一个数据也可以是一个对象。在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。对象是由属性和方法组成的。属性：事物的特征，在对象中用属性来表示（常用名词）方法：事物的行为，在对象中用方法来表示（常用动词）二、类class在ES6中新增加了类的概念，
2021-08-31 23:21:56
172
原创 面向对象与面向过程的理解
前言面向对象和面向过程是两大编程思想，了解它们对开发也很有用处，想更清晰了解面向对象和面向过程，就来和我一起学习吧！一、面向过程POP（Process-oriented programming）面向过程就是分析出解决问题所需的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的调用就好了。举个例子：将大象装进冰箱，面向过程的做法。 1.打开冰箱门 2.大象装进去 ...
2021-08-31 01:52:11
530
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人