前端仔牛俊生-优快云博客

原创关于element-ui表单自定义验证

在data里面，通过rules，对acc账号设置验证规则。这里是通过validator设置一个验证函数（名字随便取），我们在验证函数里写对应的验证规则这里只是提供自定义验证的简单思路，还有很多的验证方法值得去学习，一起加油！

2022-10-24 19:41:09 1721

原创页面时间的做法（你懂的速进）

在我们日常许多项目，在网站页面会有如下的时间的动态显示，那这种是怎么做的呢，接着往下看。最后在你需要的地方炫出来。

2022-10-13 11:39:44 394 1

原创 Vue里实现菜单栏选中字体颜色改变效果

大致意思是我们通过循环遍历，得到菜单栏，在li上绑定一个点击事件，传入index参数。在methods里，我们将index赋值给我们所定义的变量currentIndex，然后在a标签上动态添加类名，运用:class来动态添加类名active（active已在style中写好样式），这样就能愉快的切换菜单改变字体样式了效果：1657551641187...

2022-07-11 23:54:17 3560

在我们进行请求数据接口，发送请求的时候，后端会返回我们所需要的响应数据。里面可能包含一些时间数据。但是后端可能会返回来的时间数据会是数据库的时区时间，就好比这样的：那我们如何转成普通时间格式呢？ filters过滤器1.1什么是filters呢？filters是vue的一个配置选项，主要是在数据输出到页面之前，进行显示格式处理。1.2 其特点(1).过滤器，函数会接收一个参数，函数必须有返回值，对传入数据进行处理(2).过滤器，无缓存机制，调用次数，取决于页面中有所多少过滤器(3).过滤

2022-05-09 01:45:09 1748 2

原创简单基础的原生JS实现图片上传添加

随着我们时代的发展，交流沟通不仅仅是局限于面对面，互联网提供了更为方便便捷的交流方式，各种交流软件层出不穷。在我们使用这些社交软件时，往往都需要自己提交一些简单的数据，包括自己想的网名，密码，个人资料等等。其中，头像就是其中之一。有的时候，我们会觉得想换个头像。那，这是如何实现的呢？1.我们先做一个简单的页面布局简单的做了一个图书app的图书添加页面。在图片上传处其实是个input标签，类型为file，只不过将他隐藏起来，用一个正方形框替代。当我们点击这个正方形图片框时，触发.click() 方法即可

2022-04-29 07:45:00 5788 3

原创初级基础HTML CSS实现二级下拉菜单

我们在日常浏览网页时，会经常看到有二级下拉菜单列表的应用。它在我们日常网页，特别是在头部导航运用较多，那我们如何通过HTML和CSS来实现它呢？1.HTML部分HTML整体部分较为简单，看到这个结构，我们可以首先想到的是运用ul列表标签和a标签来整体实现。话不多说，代码如下： <header> <ul> <li> <a href="#">英雄介绍</a> .

2022-04-21 23:28:33 6554 6

原创关于Ajax原生封装

接上文，我们已经对原生的Ajax有了一个基础的了解，但是在我们日常工作中，不可能每次需要用到时在用原生写一遍，所以本文针对后续工作需要，对Ajax进行封装，主要演示其封装过程，实际工作根据需求封装。...

2022-04-13 01:13:38 1584 2

原创 Ajax基础入门

1.什么是Ajax技术？AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），AJAX不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的独立的 Web 应用程序的技术。通过在浏览器与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行局部更新。2.为什么要采用Ajax技术（优缺点）使用Ajax的最大优点，就是能在不更新整个页面的前提下和服务器进行数据交互。这使得W

2022-04-03 00:32:42 716 5

原创关于手写轮播图

轮播图在我们平时网页上几乎都能随处可见，提高了网页交互效果。我们平时一般写轮播图使用的是用Swiper轮播插件，Swiper插件极大的便利了我们工作效率。但是作为一个初学者来说，手写轮播图是必不可少的一个过程。那如何来手写一个呢？其实，简单来说，大致可分三步来走1.你要拿到所有的图片用document.querySelectorAll()或者document.querySelector()拿到图片2.定义一个全局变量，用来保存图片位置。换句话来说就是图片索引3.设置一个定时器..

2022-03-26 21:44:23 1541 2

weixin_67318211的博客