练习
Joy Weijiao
一个小前端
展开
-
前端基础第九天,综合
这已经是我们学习前端的第九天了,到底掌握了多少东西呢?做练习才是提升自己最快的方式,下面就让我们用自己所学的基础知识,将一下页面完整的展示出来吧(注意哦,有一些小的图片的给的文档中的,可不要傻不拉几的自己做起了UI的工作)文档会上传资源,可以下载试一试,看看究竟自己掌握了多少 ...原创 2019-01-06 21:54:26 · 150 阅读 · 0 评论 -
实现时间倒计时
实现时间倒计时我们经常会看见一些网页或者其他地方的倒计时是怎么实现的呢?运用我们的时间戳来实现举例,现在到2019年3月19日0点0分0秒的倒计时<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" ...原创 2019-03-18 21:37:02 · 678 阅读 · 0 评论 -
webapi练习二--重点全选案例和排他思想,还有阻止a跳转
总结一波第二天的练习题1.给多个按钮注册点击事件,当点击按钮,显示对应的图片 -- title属性记录图片src<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w...原创 2019-03-22 21:47:47 · 155 阅读 · 0 评论 -
如何快速的判断this指向
this指向问题是不是经常搞不懂所谓的this指向,到底指向谁?一头雾水,越看越头大别急 ! this指向是在面试中经常会考到知识点,也就要求我们必须掌握,但是大多数人总是会判断错误,接下来就仔细看一下这篇文章吧this指向可以分为四种情况我们从最容易分辨的开始1. obj.fn() 也就是方法调用模式 this----> obj这个其实也是比较好理解的,就是谁调...原创 2019-04-03 22:10:17 · 406 阅读 · 3 评论 -
webapi练习三 ----- tab栏切换,百度换肤等
【案例:获取当前元素的索引.html】<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...原创 2019-03-23 10:27:47 · 226 阅读 · 0 评论 -
js基础中用假设成立法实现数组去重
js基础中的数组去重<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ...原创 2019-03-27 22:12:30 · 409 阅读 · 0 评论 -
js中判断一个字符串里面元素出现的次数
判断一个字符串中,每个元素出现的次数,并返回一个对象来统计出现的元素,以及次数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale...原创 2019-03-27 22:23:43 · 2759 阅读 · 0 评论 -
H5C3实现正方体的旋转
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Comp...原创 2019-04-16 16:23:55 · 708 阅读 · 0 评论 -
使用js内置对象Math生成随机颜色
随机一个颜色 rgb 颜色然后调用函数给body就可以改变浏览器中body的颜色其实就是把rgb的三个颜色值使用随机的数字来表示就达到了取一个随机颜色的目的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport...原创 2019-03-18 21:33:13 · 527 阅读 · 0 评论 -
webAPI 第一天 的相关习题
习题是提升的根本,可以将自己的知识更好地巩固第一天的课程总共有11道练习题,我们一一填写1.点击按钮,切换图片2. 点击按钮,修改图片的宽高 -- width、height属性3. 点击按钮,修改div的样式 -- 预定义类名4. 点击按钮,div进行显示和隐藏(两个按钮) -- 预定义类名5. 点击按钮,div进行显示和隐藏(一个按钮) -- 预定义类名 + innerText属...原创 2019-03-21 21:35:25 · 395 阅读 · 0 评论 -
前端基础第十一天和十二天
前端学习所需要的一些html和css的基础基本已经了解完了 ,现在就应该着手做自己的静态页面增加熟练度,便于之后学习js的时候更加顺畅这几天会陆陆续续的增加一点小的细节,实际开发中会用的很少,但是如果用到也得会 这些都是会遇到,但是用的少,大家理解即可,知道些样式如何实现 一.双伪元素清除浮动伪元素清除浮动升级版,即解决了清除浮动,有解决了塌陷两个伪元素合并如下:...原创 2019-01-11 21:37:39 · 168 阅读 · 0 评论 -
前端基础总结之html系列
html总结HTML总结 网页的认识 网页的基本组成部分 文字 图片 超链接 视频 音频 浏览器的认识 ie trident 火狐 gecko c...原创 2019-01-13 16:33:28 · 128 阅读 · 0 评论 -
前端基础总结之css系列
很多,一定要掌握css总结 CSS总结 css相关的属性 color 文字的颜色 取值 关键字:red、pink rgb 每一项 0~255 rgba ...原创 2019-01-13 16:35:21 · 213 阅读 · 0 评论 -
前端学习js基础第四天---函数以及函数的作用域详解
学习函数之前我们应该明确为什么要学习函数?函数可以进重复冗余的代码进行封装将来函数还可以多次调用一.函数的基本知识1.函数的声明和调用声明:function 函数名(){函数体}调用:函数名()注意点:函数在声明后不会立即执行,徐亚调用之后才能使用,,而且函数还可以多次调用2.函数的参数(形参和实参)形参:形式参数,本身没有具体的值或者类型,只在将来函数调用的时候才...原创 2019-03-17 11:28:49 · 154 阅读 · 0 评论 -
前端学习js基础第五天---对象的认识
简单数据类型:number string Boolean null undefined复杂数据类型:数组 函数 对象我们现在学习了前面的所有,就差最后的一个对象了,今天我们就学习一下对象一.对象的基本知识1.生活中的对象可以通过特征和行为描述出来的2.js中的对象概念:无序的键值对的几个作用:存储数据,存储一个对象的属性和方法3.创建对象的两种方式1...原创 2019-03-17 18:20:54 · 125 阅读 · 0 评论 -
webAP练习五 --- 电子表 短信验证码 定时跳转
在页面中显示 :电子表 实时更新事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...原创 2019-03-24 21:33:58 · 129 阅读 · 0 评论 -
前端学习js基础第六天---内置对象中的其他内置对象
我们在此之前已经对Math对象和Date对象做出了一定的了解,下面就认识一下其他的对象一.Array对象,提供的是Array构造函数join, arr.join(' | ') 将数组的每一项元素根据分隔符拼接成一个字符串,默认分隔符,push, 往后加pop,往后面删shift,在前面删unshift,在前面加reverse,翻转sort,sort(fn...原创 2019-03-21 17:44:33 · 98 阅读 · 0 评论 -
js基础中的驼峰命名生成
在面试时,我们经常会遇见js基础的一些问题,不是很难,且不知道从哪下手知识就在里面,就是取不出来下面就是我们运用js基础来实现的驼峰命名<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="...原创 2019-03-21 17:48:04 · 1063 阅读 · 0 评论 -
form表单提交时onsubmit返回调用的函数名和name属性值重复时不能调用的的问题
前几天在做提交表单验证的时候,就发现自己的表单提交没有效果,onsubmit根本调用不到check()函数,将函数换个名称或者调用其他的都可以实现一脸懵逼的情况下,发现了设置的name属性值的其中一个和我们的函数名重复了我们学习js的时候,明确的讲过,函数是js中的一等公民,所有当函数和变量名重复的时候,变量会被覆盖但是这和我们的name属性值又有什么关系呢?在网上找了一些资料...原创 2019-04-20 10:37:13 · 626 阅读 · 0 评论