![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
新手教学
文章平均质量分 54
popping_Sun
前端攻城狮
展开
-
git初级教学
什么是git?git是一个开源的分布式版本控制系统,这个是比较官方的说法,说白了git用来上传下载项目代码的工具。对于初级者来说github一定不能陌生,上面有着各种开源项目供我们学习,当我们想要把项目clone到本地的时候,就需要借助git。git基本命令电脑上安装好git之后,就可以利用它管理项目代码啦。不管是项目的上传、下载、合并都可以做。做到这一切的前提,就必须掌握以下的git命令。git init ——初始一个仓库(运用出命令初始化本地项目代码时,会出现.git文件,只有具有.gi原创 2022-01-12 17:45:09 · 182 阅读 · 0 评论 -
padStart与padEnd方法
padStart与padEnd是es6新增的两个方法,作用是为了补全字段。前者是向前补全,后者是向后补全 。它们有两个参数,一个表示字符长度,一个表示补全用的数值。下图可以直观感受到方法的作用以及各种情况...原创 2021-07-14 18:00:03 · 313 阅读 · 0 评论 -
vscode配置
hello!好久不见,前段时间博主也是选择了跳槽,所以很长时间没有写过东西了,刚好进入新公司需要重新安装vscode,并安装插件进行配置,在配置中也是经过公司大佬的指点,所以也是想自己总结一下,这样每次就不需要要麻烦大佬了,以下配置是大佬教我的,有收获的话谢谢大佬哦!...原创 2021-04-16 19:19:47 · 371 阅读 · 2 评论 -
JS新手案例-----点击效果的实现
hello!大家好,今天我们要练习的案例特别的有趣,就是实现鼠标点击页面的动画效果。我们在浏览一些页面时,点击页面就会有文字或者图片出现,看起来很高大上!这样的效果也能由js实现,好我们还是先看下效果当我们点击页面时就会有文字效果,并且颜色会随机代码如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport"原创 2021-01-19 21:43:42 · 689 阅读 · 0 评论 -
Js新手案例---留言板
留言板案例好久不见大家了,最近在忙项目,没有时间来整理一些小案例,一直到今晚才有点时间继续给大家分享Js新手案例,真的是这段时间忙到爆呀,不过生活就是这样,努力奋斗吧!言归正传,之前的案例相信大家都已经完全弄清楚了,还记得我们之前统计字数的那个案例吗?忘记的可以再去翻阅一下,今天就是在这个方法的基础上,把它变成一个留言版,就像我们之前的评论一样,是不是很期待呢?先来看一下效果图输入昵称,选择头像,输入留言,点击广播就能够在下面显示出来了,是不是很nice呢,具体怎么实现的呢,我们来看代码<!原创 2021-01-08 21:59:15 · 1942 阅读 · 4 评论 -
JS新手案例---登录注册
登录注册案例又见面了!今天我们继续学习一起JS相关的小案例,登录注册案例。这个案例在日常生活中我们经常碰到,学完之后自己都能建一个漂亮的登录界面。首先先来看一下效果图(具体的图片和样式可以自己更改),如下:这里我添加了背景图片,并且利用透明属性,大家可以按照自己的喜好装扮,该案例重点是验证码的发送,当我们点击时,验证码会自动填入,此时按钮会进行倒计时,并处于不可选中,点击添加会添加到下面的表格当中。具体效果如下:看来效果我们是不是迫不及待想要写出来属于自己风格的代码呢?下面我们就来看具体代码,跟原创 2020-11-01 19:35:27 · 1157 阅读 · 2 评论 -
新手案例--字数统计
字数统计小案例hello!今天又要带大家学习一下字数统计的小案例,这种在平常生活中非常常见,比如:我们在注册某个页面。需要填写自我介绍,一般都会有字数限制,最多200字,当我们填内容时,字数也在慢慢减少,直到写不了。这种情节也完全可用js来实现,并且很简单,跟着下面的代码敲一遍,大家肯定会掌握的。首先我们先整理下思路,我们需要利用文本域,并设置最大字数,接下来我们就要想办法统计写进去的字数,这样才能知道剩余字数,这也是该案例的难点与重点。那么该用什么方法来实现的?答案就是利用表单事件——oninput,原创 2020-10-26 14:41:28 · 303 阅读 · 0 评论 -
JS新手案例---出版社信息
##新手案例本篇适合刚刚入手js的小萌新哦!主要利用函数、DOM的方法及点击事件,实现数据的添加、删除、查找。萌新跟着例子敲一遍,对于js肯定会有更加清晰的认识,接下来让我们开始!首先我们来看下效果图输入信息点击添加按钮会在下面的表格中渲染,输入书名点击查找与表格相同的背景色会变红色点击删除按钮会删除该条信息点击清除会将数据清空接下来我们来看原始代码<!DOCTYPE html><html> <head> <meta charset="UTF原创 2020-10-15 20:47:55 · 171 阅读 · 1 评论