html
文章平均质量分 65
小猫爱摸鱼
这个作者很懒,什么都没留下…
展开
-
javaScirpt模拟后台编写的简单的动态验证码!
1.javaScirpt如何编写简单的动态验证码?首先呢,由于我有这个想法的时候是在写一个简单的demo的时候萌生的一个小小的想法,能不能不借助后台在前台实现验证验证码里面的内容能否与输入框的内容匹配呢!其次,由于我用的是canvas画布绘制的验证码框子,我查阅了相关的资料发现,获取canvas画布里面的内容是一件不太方便的事情,还是不如在后台用canvas或者svg等第三方库在后台做数据验证来的方便,然后返回给前台将其渲染出来来的快!最后,没有办法,自己就硬着头皮写了下去,仅仅是实现了简单的效果而原创 2021-08-04 21:04:30 · 186 阅读 · 0 评论 -
canvas绘制中国国旗!
绘制中国国旗1、题目今天刚学了H5中的画布canvas元素,课堂上的案例挺有意思,就心血来潮想利用canvas绘制中国国旗;2、思路第一步,创建画布元素,在画布内作好辅助线和网格线来确定圆的位置;第二步,作好网格线后,我们先定好大圆的坐标和小圆的坐标;第三步,绘制出一个大圆和四个小圆;第四步,在大圆内绘制出五角星,和在第一个小圆内画出五角星,旋转画布为固定的弧度值绘制出其他三个小五角星,并且将大五角星和四个小五角星的元素填充至黄色(外边轮廓默认为黑色);第五步,五星红旗绘制完毕,取消辅原创 2021-05-23 17:28:44 · 2559 阅读 · 4 评论 -
canvas绘制七彩随机小球!
canvas绘制七彩随机小球1、题目拿到一个案例,需要在画布上实现不同大小颜色位置的七彩小球,并且要运动起来!2、思路(1)、第一步需要在页面上创建画布元素,创建一个数组用来存放随机小球的个数;(2)、第二步封装一个随机函数,定义圆的位置坐标cx,cy 圆的半径xr ,圆的背景颜色bg,圆每次移动的步长sx,sy,用随机数表示它们,并且把它们放入一个对象中,方便定时器的调用;例如:当数组中存放的小球数量达标了,我们就清楚定时器;(3)、第三部封装一个函数用来绘制刚刚创建的小球,并且渲染到画原创 2021-05-23 14:47:27 · 638 阅读 · 0 评论 -
单对象编程实现2048小游戏!
2048小Demo1、题目在百度搜索引擎搜索2048,我们可以在线玩2048 Game - Play 2048 GameOnline,同学都说很好玩,我就花了点时间简单的写了下,样式很简易!2、思路(1)、首先我们要对这个游戏有一个简单的了解,2048是按下上下左右将相同且相邻数字相同的数字相加,然后在随机位置随机生成一个新的数字,将每一列或者每一行的数字移动到最边缘,碰到相邻的相同数字就相加,没有碰到相同的数字就移动,每次移动后在页面中重新生成一个新的数字,当页面的数字都充满格子游戏就结束了原创 2021-05-22 16:03:38 · 732 阅读 · 1 评论 -
预编译面试题!
预编译面试题!1、预编译知识点(引用)首先,做这类题目需要掌握四个知识点:(1)、执行期上下文:当函数在执行前一刻,会创建一个执行期上下文的内部对象。一个执行期上下文定义了一个函数执行时的环境(1.初始化函数的参数arguments,AO,2.创建作用域链3.确定this的值),函数每次执行时对应的执行上下文一定是独一无二,所以多次调用一个函数会导致创建多个执行期上下文,当函数执行完毕,它所产生的的执行上下文被销毁。(2)、函数预编译(AO):从函数执行的前一刻开始:2.1、创建一个函数的原创 2021-04-22 20:48:04 · 300 阅读 · 0 评论 -
班级点名器!
点名器:1、题目利用定时器的原理写出一个简单的班级点名器,样式自拟,实现功能即可!思路与写法:(1)、拿到一个案例,我们首先要写出html的页面结构来,将班级上所以名字写到 li 的文本节点里,便于用 js 来操作元素样式;(2)、写好页面后,我们需要用到鼠标点击事件,控制点名器的开始与结束;(3)、如何实现点名器每次只出现一个人呢,那我们就需要用到循环定时器;(4)、将鼠标点击事件和定时器结合起来就可以啦,需要注意的是及时清理定时器,否则会出现bug;(5)、利用排他思想,给随机位置的当前原创 2021-04-21 13:59:20 · 1169 阅读 · 0 评论 -
如何用JS实现轮播图!
轮播图1.思路与写法1.1 首先我们拿到一个关于轮播图的实例我们要分析里面的功能,将其模块化处理;1.2 首先需要实现的是自动轮播的效果:1.2.1需要用到运动函数框架,startMove(),还需要用到定时器,这里我们用的是多次调用的延时定时器达到效果;1.2.2对dom元素的操作,获取它的样式;1.3其次实现上下按钮实现上一页和下一页的切换,对其绑定鼠标点击事件,同时需要获取该元素的节点;1.4最后实现底部的小圆圈的固定切换,需要对其绑定鼠标点击事件,这里用到获取该元素的节点,利用排他思想原创 2021-04-20 14:22:27 · 1699 阅读 · 1 评论 -
如何用JS实现城市三级联动!
如何用js实现城市三级联动1.思路及写法(1)、首先在网上下载我们所需要用到的json包,里面包含中国的省份以及对应的地级市和县级单位;(2)、第一步首先遍历一下json包里面的对象,分析如何将省份和地级市和县级单位对应起来,可以发现每一个里面都有唯一的code!(3)、遍历一遍省份,创建34个对象,将每个省份分别插入到相应的第一个下拉框中;(4)、同上省份中的一样,创建省份下对应的市级单位创建对象插入到第二个下拉框中,可以利用code唯一的原理判断与之相对应的地级市;(5)、同上市区中的一样,原创 2021-04-19 22:57:52 · 1109 阅读 · 2 评论 -
小司机入坑的第一堂js课程哈哈哈哈!
JavaScript第一堂课:webB/S C/S1.浏览器分为两个部分 外壳 内核 IE Trident FIRFOX Gecko SAFARI webkit CHROME blink OPERA blink编程语言机器语言 0 1 0 1 0 1汇编语言高级语言 C C++ C# JS JAVALiveScri原创 2021-03-28 22:31:22 · 92 阅读 · 0 评论 -
如何深入理解弹性布局,小司机娓娓道来!
弹性布局(Flex)## 弹性盒子(父级)原创 2021-03-28 22:09:03 · 158 阅读 · 0 评论 -
轻松学习三种层叠样式表!
层叠样式表三种引入方式归纳:引入方式:**第一种:** 行内式 CSS引入 使用: 在标签内 加上style属性在引号内 样式名:样式值;(每个样式之间用分号相隔) **第二种:** 内部式CSS引入 使用: 在head标签里面 加上一个style标签 标签名{样式;} **第三种:** 外部式CSS引入 使用:创建一个CSS文件 在html页面中的head标签里原创 2021-03-21 11:08:11 · 620 阅读 · 0 评论 -
一键学会三种定位布局,相对定位、绝对定位、固定定位!
定位布局定位属性: position 作用: 指定元素的定位类型取值: static 默认不定位 相对定位 绝对定位 固定定位相对定位关键字 position:relative特点: 相对不脱离文档流,并且是占有之前的位置,随着自身原来位置的左顶点进行位置偏移的。偏移量: top left right bottom 堆叠顺序: 在元素出现堆叠效果时改变他们原创 2021-03-18 20:21:45 · 886 阅读 · 0 评论 -
和大家分享一个学习盒子模型的小妙招,快来康康吧!
简单的盒子模型元素组成及分类:div 盒子的元素组成和写法:margin 外边距padding 内边距border 边框内容原创 2021-03-15 20:19:20 · 143 阅读 · 0 评论 -
小司机教你学html,来不及解释了快上车!
**html的简单基本标签**几个简单的常用标签:<h1 align="left">哎呦,今天天气不错!</h1> <p align="center">故事的小黄花,从出生那年飘着</p><font color="green" size="7" face="宋体">童年的荡秋千,随记忆一直晃到现在</font> <hr/> <br/><br/><br/>原创 2021-03-11 15:42:09 · 100 阅读 · 0 评论