前端学习日记
关注
分享
扫一扫
前端学习小结及小实战，以此记录自己的学习历程
小蟹 ！
而世之奇伟、瑰怪，非常之观，常在于险远，而人之所罕至焉，故非有志者不能至也。
展开
-
Layui基础操作总结
/**********Layui学习总结********/在学习中，我采用的是非模块化方式加载Layui(尽管官方不推荐这种使用方式)，在Layui官网下载后导入到工程目录中，然后在工程文件中加入<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...原创 2020-04-26 17:49:57 · 743 阅读 · 0 评论 -
canvas高级使用(刮刮卡实现)
效果展示：代码部分：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>scratchCard</title> <style> #myCanvas { background: url(./bg.png); dis...原创 2020-04-09 13:29:12 · 304 阅读 · 0 评论 -
H5 canvas+js实现签名板
示例：代码部分：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>签名板</title> <style> #myCanvas { background: #cccccc; display: block; ...原创 2020-04-07 14:24:52 · 789 阅读 · 0 评论 -
使用Ajax做注册时的用户名存在性校验
现在我们来使用Ajax来做异步校验用户名是否存在的小案例，效果展示在本实例中，我们模拟了一个已经存在的用户名123，下面就让我们来看主要的实现过程前端代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>注...原创 2020-03-29 15:50:39 · 243 阅读 · 0 评论 -
Javascript实现简单的注册按钮倒计时
在一些网站的会员注册页面里，为提高用户的责任心，以及给用户留下足够的时间阅读注册协议，可以采用10s倒计时以后才可以单击“注册”按钮的特效，代码相对较少。案例展示代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta na...原创 2020-03-29 15:39:28 · 602 阅读 · 0 评论 -
Javascript立即执行函数学习小结
*注：本文仅个人学习总结，可做参考，如有个人理解错误，欢迎指正学习立即执行函数首先需要了解js中函数的创建使用机制，在js中，函数声明后并不会马上执行，而是在需要的时候调用才执行里面的代码(所以创建函数后一定要使用"函数名();"来执行哦)。立即执行函数顾名思义就是函数创建后立即执行的情况。我们先来了解普通函数的创建和执行方法上图可以看见，每创建使用一个函数最少要使用一个全局变...原创 2020-03-29 15:34:44 · 155 阅读 · 0 评论 -
js做一个首页轮播图效果
轮播图主要用来做电商网站的首页促销和企业首页的产品展示，可以说对电商，企业来讲，是必不可少的一个板块。案例展示案例链接代码实现html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" ...原创 2020-03-29 14:06:00 · 557 阅读 · 0 评论 -
html+css完成一个鼠标移入，文字下滑显示的效果
在很多电商网站，会存在商品的展示，当用户把鼠标移入商品图片上时，会从上面滑下商品的详情，价格等文字，来实现这个小案例案例展示代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conte...原创 2020-03-29 13:48:25 · 3432 阅读 · 1 评论 -
html+css完成简单的下拉菜单栏效果
在一些电商,企业网站中，下拉菜单是必不可少的一部分，今天就来完成这个小练习实例展示代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=de...原创 2020-03-29 13:35:56 · 1232 阅读 · 0 评论