E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
前端练习
web
前端练习
28----Dom4,事件(事件对象,事件冒泡,事件委派,事件传播,事件绑定,事件移除及案例练习)
一、事件对象event1.1概念:事件处理函数可以附加在各种对象上,包括DOM元素,window对象等。当事件发生时,event对象就会被创建并依次传递给事件监听器。在处理函数中,将event对象作为第一个参数,可以访问DOMEvent接口。event对象里有很多事件相关的属性和方法,例如事件,被点击元素对象target,创建时间,事件类型,坐标,path等1.2event的常用属性:event.
zhaihaohao1
·
2020-07-06 12:23
web前端2018
web
前端练习
22----js中的原型对象prototype,原型链(重要)
原型对象原理解析:我们创建的每一个函数,解析器都会向函数中添加一个属性prototype这个属性对应着一个对象,就是原型对象。如果函数作为普通函数,调用prototype没有任何作用当函数以构造函数的形式调用时,它所创建的对象都会有一个隐含的属性__proto__,我们可以通过__proto__来访问原型对象原型对象就相当于一个公共区域,同一个构造函数的实例都能访问到这个原型对象我们可以将对象共有
zhaihaohao1
·
2020-07-06 12:23
web前端2018
web
前端练习
29----Bom中,Navigator,loaction,history ,Screen,window及案例(滚动,刷新加载,传参)
BOM-浏览器对象模型-BOM可以使我们通过JS来操作浏览器-在BOM中为我们提供了一组对象,用来完成对浏览器的操作-BOM对象:1.Navigator-代表的当前浏览器的信息,通过该对象可以来识别不同的浏览器2.Location-代表当前浏览器的地址栏信息,通过Location可以获取地址栏信息,或者操作浏览器跳转页面3.History-代表浏览器的历史记录,可以通过该对象来操作浏览器的历史记录
zhaihaohao1
·
2020-07-06 12:23
web前端2018
web
前端练习
11----js中的回调(把函数作为参数传递)
*{margin:0px;padding:0px;}.anniu{width:100%;line-height:45px;text-align:center;background-color:cornflowerblue;border-bottom:1pxsolid#000;}无参具名调用匿名调用有参数的具名调用其它常见的具名调用其它常见的匿名调用//=====把函数作为参数传递的常见方法====
zhaihaohao1
·
2020-07-06 12:52
web前端2018
web
前端练习
1----实现登录功能
效果图:思路:1html+css完成基本布局2Ajax请求数据完成登录功能3把登录成功后的token和用户名传到下个页面代码:我把所有代码:htmlcssjs都写在了一个文件里Login.html*{margin:0px;padding:0px;}.title{font-size:20px;background-color:cornflowerblue;color:#fff;/**里面的文字居中*
zhaihaohao1
·
2020-06-30 13:27
web前端2018
JSON API免费接口,
前端练习
demo可以使用
#电商接口淘宝商品搜索建议http://suggest.taobao.com/sug?code=utf-8&q=商品关键字&callback=cb测试用例ps:callback是回调函数设定#物流接口快递接口http://www.kuaidi100.com/query?type=快递公司代号&postid=快递单号测试用例ps:快递公司编码:申通=”shentong”EMS=”ems”顺丰=”sh
周搏
·
2020-06-27 14:19
node
90个前端开发面试必问基础大总结
大家好,我是练习时长一年半的
前端练习
生,喜欢唱、跳、rap、敲代码。
IT 哈
·
2020-06-25 05:20
css
JavaScript知识点
学习web前端之练习一
web
前端练习
-模仿DJI首页(新手第一篇)(图片和文本水平垂直居中、标签之间的距离控制、标签大小的设置)自学web前端技术也有几个月了,学到jQuery,忽然学不下去了,想动手看看自己的水平。
ChinaTrojangirl
·
2020-06-25 05:45
新手篇
前端练习
27 不用循环生成数组
知识点递归思路Array.fromnewArray参数和Array.of的区别数组的keys()方法数组map方法对空对象的处理题目完成arrWithoutLoop函数,它会被传入一个整数n作为参数,返回一个长度为n的数组,数组中每个元素的值等于它的下标。arrWithoutLoop中不能使用循环控制结构。实现首先想到了用Array.from方法,原来用它来填充数组,它接受两个参数,第一个参数是一
多拉斯基
·
2020-06-23 05:03
前端练习
Web前端:
前端练习
题目一、简答题1.html中title属性和alt属性的区别?2.请说出几个常用的块级元素和行内元素.3.介绍一下CSS的盒子模型?4.JavaScript里有哪些数据类型5.JS怎么实现一个类。怎么实例化这个类。6.请列举五个常用的JavascriptDOM方法二、项目实例1.导航栏:2.特征布局:图片列表3.特征布局:淘宝主页4.电影排行榜5.仿腾讯微博效果图一、简答题1.html中title
Mr. Donkey_K
·
2020-06-21 19:39
Web前端练习
前端练习
二
特效按钮效果效果图html代码TitleHoverMeHoverMeHoverMeHoverMecss代码body{margin:0;padding:0;}.container{margin-top:360px;text-align:center;}.btn{padding:10px20px;border:1pxsolid#3498db;background:none;font-size:20px
soul_ec83
·
2020-06-20 19:32
自学前端:用豆瓣API来写电影搜索页面
这是楼主自学
前端练习
的一个小项目,欢迎大家来指正错误。欢迎加入前端自学群68701672。本群以项目为核心进行前端学习研究。
Vesine
·
2020-04-01 08:29
JavaScript数据结构与算法-二叉树
前言:之前做百度
前端练习
题时,遇到二叉树遍历的问题,由于不了解二叉树这种数据机构,自己只好学习一番并且总结如下。树的简介栈、队列、链表等数据结构,都是顺序数据结构。而树是非顺序数据结构。
朋友喜欢叫我春哥
·
2020-03-06 03:53
深入React,做一个高阶练习生
从很久以前说起很久以前,一个
前端练习
生,开源了一个不知名的组件库antd-doddle,还特意写了接入文档,文档地址,真的是用做开源的态度,在认认真真做项目。
Denzel
·
2020-02-07 14:13
react.js
前端练习
模拟博客园页面搭建
完成效果blog.css/*这是一个博客园首页的样式表*//*通用样式*/body{margin:0;background-color:#eeeeee;}a{text-decoration:none;/*取消下划线*/}ul{list-style-type:none;padding-left:0;}.clearfix:after{/*防止父标签塌陷*/content:'';display:bloc
战斗小人
·
2019-12-29 22:00
web
前端练习
23----js中延时执行函数setInterval()和setTimeout() 案例:倒计时,大小动画平移动画,轮播图
文档:https://developer.mozilla.org/zh-CN/docs/Web/API/Window/setIntervalhttps://developer.mozilla.org/zh-CN/docs/Web/API/Window/setTimeoutsetInterval();定时执行函数setInterval无限次的执行,要通过clearInterval()停止基本语法每1
zhaihaohao1
·
2019-10-16 20:15
web前端2018
最全的搭建Java的开发环境以及eclipse安装配置开发工具
又和大家见面了,我是那个练习1年半的
前端练习
生听风者,快有好几个月了嘛,好久都没有写过博客了,顿感空虚,也是因为之前在实习,然后开学后就也比较懒吧,然后一直没有写写博客,这不这个学期开了一门Java的课程
@听风者
·
2019-09-09 12:17
Java中的一些零碎知识
前端练习
29 循环调节列表
知识点DOM节点的获取、插入、删除事件委托题目页面上有这么一个列表:1UPDOWN2UPDOWN3UPDOWN...点击UP按钮会使得该li元素在列表中上升一个位置,点击DOWN按钮会使得该li元素下降一个位置。点击最后的元素的DOWN按钮会使得元素回到第一个位置,点击第一个元素的UP按钮会使其回到最后的位置。页面上已经存在该列表,你只需要完成initAdjustableList()函数,给元素添
多拉斯基
·
2018-12-21 10:49
前端练习
前端练习
25 实现一个EventEmitter
知识点观察者模式的概念和实现class的使用题目完成EventEmitter模块,它是一个类,它的实例具有以下几个方法:on、emit、off:on(eventName,func):监听eventName事件,事件触发的时候调用func函数。emit(eventName,arg1,arg2,arg3...):触发eventName事件,并且把参数arg1,arg2,arg3…传给事件处理函数。of
多拉斯基
·
2018-12-19 14:52
前端练习
前端练习
24 queryString分析器
知识点URL中的查询参数和hash值多种情况的考虑题目完成一个parseQueryString函数。它接受一个url字符串作为参数,返回一个对象,这个对象包含querystring上的键值对。例如:parseQueryString('https://scriptoj.com/problems?offset=100&limit=10')返回:{offset:'100',limit:'10'}特殊情况
多拉斯基
·
2018-12-19 10:31
前端练习
前端练习
22 数组展平
知识点concat方法可以接受数组作为参数,也可以接受非数组成员作为对象递归reduce方法判断数组类型题目编写一个JavaScript函数,接受一个仅包含数字的多维数组,返回拍平以后的结果。例如传入:[1,[[2],3,4],5],返回[1,2,3,4,5]。实现明显要通过递归实现,可以使用reduce方法,它可以保存当前只执行过的结果在total中,如果当前项目current仍然是数组,那么需
多拉斯基
·
2018-12-18 10:24
前端练习
前端练习
21 后端数据处理
知识点分析数据结构数组的reduce方法题目从某数据库接口得到如下值:{rows:[["Lisa",16,"Female","2000-12-01"],["Bob",22,"Male","1996-01-21"]],metaData:[{name:"name",note:''},{name:"age",note:''},{name:"gender",note:''},{name:"birthday
多拉斯基
·
2018-12-18 09:36
前端练习
前端练习
18 转换驼峰命名
知识点str.replace的用法,第二个参数的使用正则表达式的使用题目编写toCamelCaseVar函数,将下划线格式的字符串替换成为驼峰式的字符串,例如is_good转换为isGood变量名首尾的下划线不需要处理实现这道题目必然要用到的就是String.prototype.replace方法str.replace(regexp|substr,newSubStr|function)它的第一个参
多拉斯基
·
2018-12-17 11:27
前端练习
前端练习
17 函数式编程的compose函数
题目函数式变成可以把处理数据的函数向管道一样连起来,上一个函数的结果作为下一个函数的参数,得到最终的结果:constadd1=(x)=>x+1constmul3=(x)=>x*3constdiv2=(x)=>x/2div2(mul3(add1(add1(0))))//=>3完成一个compose函数,它接受多个函数作为参数,然后compose返回的也是一个函数,达到以下的效果:constopera
多拉斯基
·
2018-12-16 18:01
前端练习
前端练习
10 连续子串最大和
题目输入一组整数,例如:[-23,17,-7,11,-2,1,-34,2,-21,9,12],求出子序列的最大和实现1先尝试一种最暴力的方法,求最大子串,那么就将所有的子串计算出来,然后从中选出最大的constgetMax=arr=>{letresult=[];lettemp;for(leti=0;i{console.time('getMax');letmax=arr[0];lettemp;for
多拉斯基
·
2018-12-04 21:13
前端练习
前端练习
08 找出字符串中出现次数最多的字符
题目找出一个字符串中出现次数最多的字符conststr='asdfaaaa'最后的返回值是字符串'a'实现嗯,我略加思考(半个小时左右),给出了一个复杂的方案,一个屎一般的方案屎一般的方案我的方案是利用redcue,计算出了每个字符串出现的频次,存到了一个对象中:constobj={a:5,s:1,d:1,f:1}然后就是取出其中最大的那一项了,需要对这个对象按照属性值排序了,我当时写的方案就像屎
多拉斯基
·
2018-11-26 17:05
前端练习
前端练习
06 版本号排序
题目(2018-11-21)有一个项目,由于多人维护,导致版本号规则,例如:constversion=['1.45.0','1.5','6','3.3.3.3.3']现在需要对版本号进行从小到大排序,注意:1.45.0是大于1.5的实现直接用sort函数比较是不行的,sort函数在比较字符串的时候,是比较字符串的Unicode进行排序的:'1'b[k]是我们要交换位置的条件,这时候要结束内层循环,
多拉斯基
·
2018-11-21 09:54
前端练习
前端练习
03 把数字转换成中文
题目(2018-11-18)完成将toChineseNum,可以将数字转换成中文大写的表示,处理到万级别,例如toChineseNum(12345),返回一万二千三百四十五。实现将数字按照四位分成一组,存放在输入中,每一项的处理逻辑其实是相同的,无非是根据最后不同的位置,添加不同的单位即可分组的过程涉及到了上一个联系的内容,将数组每四位分成一组在对四位数字组成的一项进行处理时,有一些特殊的情况需要
多拉斯基
·
2018-11-18 14:40
前端练习
前端新手项目练习之星级评分
前端新手项目练习之星级评分前端新手记录自己在网络上找到的
前端练习
项目。项目简介一个简单的星评分系统,鼠标移上去显示评分和描述,点击之后评分和描述直接显示在右侧。
简单一点点
·
2018-11-02 07:29
几道web
前端练习
题目
在HTML语言中,以下哪个属性不是通用属性?A]B]C]D]在线练习:http://hovertree.com/tiku/bjaf/qi1g37nf.htm 在CSS样式定义中,以下哪种RGB颜色值是Web安全色?A]#111111B]#222222C]#333333D]#444444查看答案:http://hovertree.com/tiku/bjaf/72jaf1n0.htm 在下列的HTML
roucheng
·
2016-12-18 11:00
前端练习
在页面中,有一个单行输入框,一个按钮,输入框中用来输入用户的兴趣爱好,允许用户用半角逗号来作为不同爱好的分隔。当点击按钮时,把用户输入的兴趣爱好,按照上面所说的分隔符分开后保存到一个数组,过滤掉空的、重复的爱好,在按钮下方创建一个段落显示处理后的爱好。 保存显示 varsave=document.getElementById("save");save.onclick=function(){var
sufubo
·
2016-01-22 20:00
前端
上一页
1
2
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他