前端
文章平均质量分 69
各种前端知识,以vue为主
糯米w
这个作者很懒,什么都没留下…
展开
-
【移动端】菜单的自动展开与收回
为了满足手机上菜单栏随用户移动,菜单的自动展示与隐藏。原创 2024-09-15 22:43:19 · 354 阅读 · 0 评论 -
【前端】自制密码展示隐藏按钮
小组件实现密码框的隐藏和显示原创 2023-07-17 16:49:50 · 712 阅读 · 0 评论 -
【js】Date相关方法总结以及格式化的使用
JavaScript中Date相关方法的全面总结,包括Date新建的相关参数,Date的基本方法,Date的进阶使用以及Date的格式化方法原创 2022-07-06 10:09:37 · 2359 阅读 · 1 评论 -
【element】el-autocomplete的常见用法
详细讲解一下模糊匹配的种种方法,有前端自行匹配以及请求后端接口的匹配,同时包括各种自定义的样式设计,涵盖了基本需求所需,同时配备了源码,相信通过自己的尝试可以更好的理解各种方法的作用....原创 2022-04-28 15:46:48 · 35023 阅读 · 0 评论 -
localStorage,SessionStorage和Cookie的操作方法
关于客户端数据存储,使用的local Storage,session Storage和cookie基本信息以及相关使用方法的介绍。原创 2022-03-24 15:14:33 · 804 阅读 · 0 评论 -
【vue模拟移动端 数字输入框】
使用vue+element,在PC端模拟移动端的密码输入框,体验确实很不错,重点是如何定义对应标签,以及相关焦点的移动,用到了document相关方法原创 2022-02-25 11:52:25 · 931 阅读 · 0 评论 -
【css + echarts】实现两种时钟展示
在vue3条件下,用css和echarts不同的方法实现不同的时钟样式,实现个性化的设计原创 2022-01-14 12:05:17 · 1916 阅读 · 0 评论 -
【CSS】页面背景的毛玻璃效果
利用css的属性实现一种毛玻璃的效果,实现弹框和背景图完美融合的效果原创 2022-01-06 17:34:03 · 4508 阅读 · 0 评论 -
【element-plus】icon在菜单的使用(二)
主要说明了vue3中如何通过全局注册element-icon的方式,可以在菜单中动态使用icon图标。在进行进一步的学习后,学习了新更新的icon的使用方式,全局注册组件更提供了灵活的图标使用。原创 2021-12-28 11:35:31 · 3310 阅读 · 0 评论 -
vue中axios的参数位置整理
在vue里面使用axios进行接口的联调,如何处理后端给出的不同变量类型原创 2021-12-06 18:45:24 · 2681 阅读 · 0 评论 -
【image】src相对地址的引入
src相对地址的引入前言:相对路径:src引用:前言:在引入图片的时候,突然发现通过相对地址引入项目内图片不会了特此在这里记录一下,以便学习相对路径:使用原因:对于放在一个项目包内的图片资源,通过相对路径可直接引用,绝对路径是对于网络资源或者硬盘上资源的引用。基本语法:1、 “ . ” – 当前目录2、 “ … ” – 上一级目录3、 “ / ” – 分隔目录实例:[ ./ ] : 代表当前目录和文件目录在同一个目录[ …/ ]:代表当前文件所在上一级目录[ / ]:代表根原创 2021-10-09 11:43:42 · 2798 阅读 · 0 评论 -
【前端】js实现图片自适应
前言: 前几天写第一版代码的时候,测试跟我说,你这用户上传图片显示有问题啊,图像不是被拉宽就是被拉长了,不行啊。因为我给el-image设计的是固定长宽,如果图片不是这个比例,那直接就会变形了,如图秒变鬼片有没有后来我给图片固定了宽,长度为auto,这样一部分图片是没问题了,但是本来没有那么宽的图片又被强行拉宽了,也不行! 我还不信了,最终用一个js方法实现了图片的自适应,无论什么格式的图片,显示其比例都不会出错。目录前言:一...原创 2021-10-08 16:25:12 · 8093 阅读 · 1 评论 -
【element】修改step的图标样式
step步骤条组件,当对于流程化的事件显示很清晰,但是官网提供的样式很少,如果想使用自己icon如何实现修改内容1.图标的大小2.图标内部icon的显示具体代码html<el-steps :space="250" finish-status="success"> <el-step title="吃饭" status="success"></el-step> <el-step title="听歌"原创 2021-09-23 17:06:31 · 4893 阅读 · 0 评论 -
【git】git基本指令(适合没用过的小白)
前言在做第一个项目的时候要会的不是什么HTML,CSS也不是什么vue2,vue3,而是git的相关指令,因为前辈已经完成了大块项目,小白只是在庞大项目上加一个用法或者一个页面,如果都不会把代码拉下来,那写啥?一、从远程库下载代码很简单,就是大家把已经写好的代码封装存入了远程的一个库里,你想要用,就从这个库中间取出来就好。git clone XXX //XXX 填入远程库的地址这里面有两个问题,一 是你电脑里面得有git,不然你都无法使用git语法(下载方法自行百度)。...原创 2021-09-08 16:13:22 · 173 阅读 · 0 评论 -
【vue+El-element】实现todolist
好像拖更了很久,很抱歉,最近想了一下css和js等内容还是不总结了,本来内容就多,不是一篇博客能说完的,而且我也只学了皮毛,以后还是通过实例的方式来分享一下学过的东西,希望能帮到大家。目录一、实现功能二、实现方法1.数据的传递2.按钮的实现3.全选按钮的实现4.记录用户键盘数据三、源代码(感兴趣自己试试)总结前言最初了解到这个todolist的时候我还感觉挺简单的,但实现确实遇到了好多问题(我太菜了),而且在网上看大佬的文章,看不懂(哭),所以我会.原创 2021-08-25 15:11:32 · 1185 阅读 · 0 评论