![](https://img-blog.csdnimg.cn/direct/a6c0f6feb70440ee848f03b4b80e6022.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
项目实战
文章平均质量分 69
记录项目开发中遇到的棘手问题
生活、追梦者
别怕过去的自己,如何生活的狼狈不堪;只有现在勇往直前的力量,才足以战胜遥不可及的梦想。路,一直在脚下,好好努力,明日必定越来越好。
展开
-
【vuejs】vue2项目中封装组件的分析以及常用方式和属性讲解
定义组件模板是封装过程的第一步。在Vue2中,模板是组件的声明式部分,它描述了组件的UI结构。模板可以包含HTML标签、组件自定义标签以及Vue指令。基本结构:每个组件模板都应遵循基本的HTML结构,包括标签包裹的组件内容。组件复用:在模板中使用标签来复用已有的Vue组件或HTML元素。动态组件:利用可以实现组件的动态切换。条件渲染:使用v-ifv-else-ifv-else和v-show实现条件渲染,使组件能够根据不同条件显示不同内容。列表渲染:使用v-for。原创 2024-07-17 18:00:45 · 664 阅读 · 0 评论 -
微信小程序图片保存功能和API讲解以及项目实战介绍
微信小程序提供了API,允许开发者实现将图片保存到用户手机相册的功能。这一功能在多个场景下都非常实用,例如用户希望保存小程序中的图片作为纪念或记录。权限请求:首先,小程序需要请求用户的授权,以获取保存图片到相册的权限。这通常涉及到调用来检查用户是否已经授权,如果没有,则需要调用来发起授权请求。图片保存流程:一旦获得授权,小程序可以通过下载网络图片到本地临时路径,然后使用API将图片保存到相册。这一流程需要处理网络请求和文件操作,确保图片能够正确保存。用户体验。原创 2024-07-17 20:45:00 · 934 阅读 · 0 评论 -
html+css+JavaScript 实现两个输入框的反转动画
做完之后觉得页面上加些许过渡或动画,其变化虽小,却能极大的提升页面质感,给人一种顺畅、丝滑的视觉体验。它的实现过程主要是通过css中的transition和animation来实现的。平时在开发的时候增加一些动画效果会让页面的观赏度和用户体验提高。利用定位的方式脱离文本流之后通过改变位置来加css3的动画实现。开发时遇到了一个输入框交换的动画。原创 2024-07-07 20:15:00 · 459 阅读 · 0 评论 -
html + css 快速实现订单详情的布局demo
主要是 background: repeating-linear-gradient(to right, #44928E, #44928E 15px, transparent 15px, transparent 20px);15px, transparent 15px 虚线的线条渐变的色值的宽度及虚线的宽度,不需要渐变的话这两个值设置成一样就行,就是虚线的宽度。突然安排让速写这样的一个布局,重点就是CSS画一条虚线,并且还要灵活设置虚线的宽度和虚线之间的间隔和虚线的颜色。原创 2024-07-03 21:45:00 · 1569 阅读 · 4 评论 -
【vue2+elemen-ui】el-form,el-table封装的条件过滤和列表展示的表格组件
然而,一旦项目的表格或表单多起来,每个不同的配置,以及多一个字段少一个字段,都要在 template 中重新写一大段组件代码,显得非常麻烦。或许你会考虑将这些代码封装起来,可是又会发现,封装的表格、表单大多数只在一处地方使用,还不如不封装呢。到底要如何封装,可以让每处使用 el-table 或 el-form, 都可以复用相同的组件,减少代码量的同时又具备高度的可定制性?本文章将会按照从无到有的步骤,按照封装组件常用的思路来封装 el-table,并且实现封装完成的组件支持 el-table 的全配置。原创 2024-04-10 16:19:53 · 993 阅读 · 4 评论 -
【element-ui】el-from的表单验证方式以及属性的使用总结
在后台管理系统的开发中,一般都是操作数据,因此表单的使用频率很高,然而表单的输入基本都需要输入验证来确保提交的数据格式符合需求,因此前端的验证很重要,就会避免一些不必要的错误提交到后台去原创 2024-04-12 16:19:47 · 3433 阅读 · 1 评论 -
react useState基本使用
React Hooks是React 16.8版本引入的新特性,它允许在不编写类的情况下使用state和其他React特性。Hooks的引入极大地简化了组件的编写,使得函数式组件能够拥有类似类组件的功能。原创 2024-05-28 15:43:46 · 996 阅读 · 0 评论 -
【element-ui】el-date-picker 组件 type=“monthrange“ 选择时间段操作异常
但是看了所有的属性和方法都没有发现可以清除上次选择的值,也在网上各种搜索没找到解决办法,经过各种办法处理后得到了最简单处理方式,就是利用 key 值的变化重新渲染组件。如果使用了key,Vue会根据keys的顺序记录element,曾经拥有了key的element如果不再出现的话,会被直接remove或者destoryed。如果不用key,Vue会用一种算法:最小化element的移动,并且会尝试尽最大程度在同适当的地方对相同类型的element,做patch或者reuse。原创 2024-04-30 16:16:52 · 346 阅读 · 0 评论 -
分享一份项目中使用的vite.config.ts的配置项集合
分享一份项目中使用的vite.config.ts的配置项集合。原创 2024-04-30 16:15:17 · 212 阅读 · 0 评论