周万宁.FoBJ
码龄4年
关注
提问 私信
  • 博客:69,025
    问答:27
    69,052
    总访问量
  • 39
    原创
  • 50,709
    排名
  • 160
    粉丝
  • 0
    铁粉
  • 学习成就

个人简介:不辜负生活中的每一份热爱

IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:黑龙江省
  • 加入CSDN时间: 2020-11-17
博客简介:

Angel_Tears_的博客

查看详细资料
  • 原力等级
    成就
    当前等级
    3
    当前总分
    465
    当月
    17
个人成就
  • 获得174次点赞
  • 内容获得17次评论
  • 获得296次收藏
  • 代码片获得1,225次分享
创作历程
  • 10篇
    2024年
  • 14篇
    2023年
  • 15篇
    2022年
成就勋章
TA的专栏
  • 前端面试总结-js部分
    1篇
  • 前端面试总结-css部分
    2篇
  • 前端学习
    14篇
  • 网络安全
  • html
    1篇
  • java学习
  • 计算机网络
    1篇
兴趣领域 设置
  • Python
    python
  • 编程语言
    javac++c语言javascript
  • 数据结构与算法
    算法
  • 前端
    html5ajaxvue.jsreact.jses6前端框架
  • 后端
    爬虫后端
  • 人工智能
    人工智能深度学习
  • 网络与通信
    网络安全
  • 操作系统
    centos
  • 服务器
    负载均衡
  • 用户体验设计
    ui人机交互
创作活动更多

HarmonyOS开发者社区有奖征文来啦!

用文字记录下您与HarmonyOS的故事。参与活动,还有机会赢奖,快来加入我们吧!

0人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

利用vue-capper封装一个可以函数式调用图片裁剪组件

使用该组件需要可以使用这里用到是版本本组件用到了element-ui的dialog, 这里也可以使用其他的dialog组件函数传入的参数, 参照type.ts中的如果组件封住有不合理的地方, 或者哪里有问题, 欢迎评论与私信。
原创
发布博客 2024.09.30 ·
669 阅读 ·
4 点赞 ·
0 评论 ·
3 收藏

vue3 实现文本内容超过N行折叠并显示“...展开”组件

> 组件内文字样式取决与外侧定义> 组件大小发生变化时,文本仍可以省略到指定行数> 文本不超过时, 无展开,收起按钮> 传入文本发生改变后, 组件展示新的文本
原创
发布博客 2024.09.28 ·
1551 阅读 ·
20 点赞 ·
0 评论 ·
25 收藏

关于el-card的height设置100%后, el-card内容超出高度后,内容被隐藏这件事

所以`el-card__body`的宽高, 由内容决定, 当内容超过了`el-card`设置的高度后就会出现内容被隐藏的问题,所以给`el-card__body`一个不超过`el-card`的宽高问题就可以解决
原创
发布博客 2024.09.27 ·
508 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

封装一个vue3的文件上传组件(拖拽或点击选择文件)

封装一个vue3的文件上传组件(拖拽或点击选择文件)选择文件后:
原创
发布博客 2024.09.25 ·
1159 阅读 ·
23 点赞 ·
0 评论 ·
17 收藏

vue3 自定义指令 自动获取节点的width 和 height

想写一个依赖库, 但是需要监听组件的width和height这些数据, 就找到了这个方法,不想每次使用的时候都要创建和销毁, 索性就直接封装成为一个指令用来获取想要的信息,对象上能够获取的信息还是非常多的, 除了还有等, 需要使用到这些可以到MDN去查看他的使用方法实现效果当元素大小发生改变时,会自动更新width 和height 的值。
原创
发布博客 2024.08.01 ·
1194 阅读 ·
6 点赞 ·
0 评论 ·
10 收藏

ElMessage自动引入,样式缺失和ts esline 报错问题解决

在配置了自动引用, 这样去使用显然不是优雅的, 而且每次时候都需要进行引入。这个会产生esline报错,和ts报错, 后面有解决方法。中进行全局引用, 当然这还是不优雅的 (所以看下面 ↓)如果按照这个过程没有配置成功, 可以找项目引入。的Readme文件, 按照提供的方法去搞。文件, 这时我们需要更新我们的。看到了英文, 嘿嘿打开翻译。
原创
发布博客 2024.07.22 ·
602 阅读 ·
6 点赞 ·
2 评论 ·
8 收藏

使用vue3模拟element-ui中el-tabs的实现

组件没有背景颜色, 为了凸显组件文字,才设置了背景颜色。
原创
发布博客 2024.07.18 ·
1166 阅读 ·
21 点赞 ·
0 评论 ·
11 收藏

关于我在vue3中使用swiper的使用碰到swiper-slide的width特别大的这件事儿

在加上其他的一些样式会将swiper撑开,swiper大小变化后影响后面slide的width的计算.swiper大小可变, 内部的slides的width是根据swiper的大小进行计算的,因为内部的。还要注意swiper可变的情况,要么对slide大小进行控制,要么对swiper进行控制, 可以使用。非常大, 奇怪的是我没有设置任何的行内样式啊。所以在使用swiper的时候除了注意。自己在写样式的时候设置为。属性对最大宽度进行限制。
原创
发布博客 2024.07.17 ·
1234 阅读 ·
6 点赞 ·
0 评论 ·
17 收藏

vue3 实现一个tab切换组件

3, 将bg大小进行调整 并移动到相应的位置。* 2. 获取元素的当前位置以及大小。// 没有找到值的时候找default。* 1. 找到相应的元素。文件: wqTabType。// wqTabs 元素。// 若没有找到tab。
原创
发布博客 2024.03.12 ·
1619 阅读 ·
19 点赞 ·
0 评论 ·
17 收藏

manjaro 安装 wps 教程

1. 安装wps主体```yay -S wps-office ```2. 安装wps字体 (如果下载未成功看下面的方法)```yay -S ttf-waps-fonts```3. 安装wps中文语言```yay -S wps-office-mui-zh-cn```
原创
发布博客 2024.03.06 ·
1341 阅读 ·
9 点赞 ·
0 评论 ·
10 收藏

vue3 + vite + ts 封装 SvgIcon组件

> 备注: SvgIcon组件的, 按照自己的喜好与需求去封装, > 还有很多使用其他插件的教程, 大家根据自己的需求去下载使用, > 但对于每篇教程都要保留一定的思考性, 如果能找到对应的版本就很棒了, > 没有得话就找一下相似版本的教程作为参考,
原创
发布博客 2023.08.11 ·
636 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

Object.assign()的使用以及模拟实现

Object.assign()是JavaScript中的一个内置方法用于一个或多个源对象属性复制到目标对象中语法如下多个源对象可以通过逗号分隔或作为一个数组传递该方法将返回目标对象, 其中包含源对象的属性, 如果目标对象中的属性与源对象的属性相同, 则源对象中的属性将覆盖到目标对象中的属性。
原创
发布博客 2023.08.04 ·
371 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

Element-plus将默认语言设置为中文

【代码】Element-plus将默认语言设置为中文。
原创
发布博客 2023.07.31 ·
2241 阅读 ·
2 点赞 ·
0 评论 ·
1 收藏

如何在vue3中使用swiper插件(教程)

/pagination 就是指示器, 在效果中为小圆点...一定要下载正确的版本, 每个版本的使用差异还是有一些的。我的项目环境Vue3+vite+ts+scss,// 他有很多的模块, 具体看官方文档。// 这里需要引入样式,2.使用以下代码进行测试。// 这里需要引入模块。// 这里需要引入组件。
原创
发布博客 2023.07.26 ·
2134 阅读 ·
3 点赞 ·
5 评论 ·
2 收藏

js判断数据类型的几种方法及其局限性(typeof, instanceof, Object.prototype.toString.call())

​js中判断了类型的方法有很多, 这篇文章主要来说一下常用的几种判断类型的方法,以及使用:每个方法都各有优缺点,在日常使用的时候请结合这些优缺点进行斟酌:javaScript中typeof可以判断以下类型:undefined: 未定义的变量或者值boolean: 布尔类型, true 或falsenumber: 数值类型, 包括整数,浮点数, NaN, 和Infinity (无穷大)string: 字符串类星星, 表示文本symbol:符号类型,ES6中新增的基本数据类型function: 函数类型,可以
原创
发布博客 2023.06.08 ·
1561 阅读 ·
3 点赞 ·
1 评论 ·
5 收藏

CSS中flex属性的的使用以及应用场景有哪些

表示默认的状态,无需设置,适合小控件元素的分布布局,或者某一项内容动态变化的布局flex:0适用场景较少,适合设置在替换元素的父元素上,flex:none适用于不换行的呢绒固定或者较少的小控件元素上,如按钮flex:1适合等分布局flex:auto适合基于内容动态适配的布局。
原创
发布博客 2023.04.17 ·
615 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

js使用正则完成字符串去除空格(前后空格, 前空格, 后空格, 全部空格,中间空格)

去除字符串1) 前后空格2) 前空格3) 后空格4) 中间空格5) 去除中间空格(这个方法值得讨论)
原创
发布博客 2023.04.12 ·
1747 阅读 ·
0 点赞 ·
3 评论 ·
2 收藏

使用CSS实现书籍的翻页效果(使用了animation)

要注意的是父盒子要开启3d, 并且要调整视距;还要注意旋转的角度以及起始位置;定义动画的起始状态和结束状态;让翻转到反面的元素不显示。来实现中间的动画效果;废话不多说,直接上代码。
原创
发布博客 2023.04.11 ·
2298 阅读 ·
1 点赞 ·
0 评论 ·
4 收藏

js对字符串进行字符计数,并将结果按照顺序输出

根据排好序的数组,对数组进行遍历,根据数组中元素取出Map容器中的存储的数据。使用Set容器进行去重,将set转换为Array并进行排序,采用Map容器进行计数,
原创
发布博客 2023.04.11 ·
350 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

HTTPS的加密原理(工作机制)

对称加密, 非对称加密, CA证书, 数字签证,https加密机制,http协议与https协议的区别, https的安全性,http为什么不安全, 数字证数是一种权威性的电子文档,它提供了一种在Internet上验证身份的方式;其作用类似于司机的驾驶证或日常生活中的凭证;它是由一个权威机构--CA证数授权(Certificate Authority)中心发行的,人们可以在互联网交往中用它来识别对方的身份。
原创
发布博客 2023.03.13 ·
3075 阅读 ·
9 点赞 ·
1 评论 ·
49 收藏
加载更多