e.clientX e.clientY,e.pageX e.pageY,e.offsetX e.offsetY的三种含义以及小demo，补充知识.children, .onmousemove
//显示的数值表示距离可视区的水平，数值方向上的距离 console.log(evt.clientX); console.log(evt.clientY); //显示的数值表示距离页面的水平，数值方向上的距离 //这里解释一下页面和可视区 //当页面很大时，页面通过滚动条滚动展示，展示的区域称为可视区 console.log(evt.pageX); console.log(evt.pageY); //显示的数值表示距离事件源的水平，数值方向上的距离 ...
.onkeypress和.onkeydown的含义 以及补充知识document.onkeypress的含义
<!DOCTYPE HTML><html lang = 'en'> <head> <meta charset = 'UTF-8'/> <title>Document1</title> <style> </style> </head> <body> <script> //补充知识document.onkeyprss的含义：给页面绑定键盘事件
键盘事件对象中.altKey .ctrlKay .shiftKey的含义，以及.keyCode的用法以及小demo（.value表示输入框的输入的内容）
//键盘事件对象中的altkey ctrlKey shiftKey对应三个键alt ctrl shift document.onkeydown = function(e){ var evt = e || event; console.log(evt.altKey, evt.ctrlKey, evt.shiftKey); //判断是否按了某一个键 //我们这里以回车键举例.keyCode if(evt.keyCode === 13){ console.log('你..
冒泡，捕获例子和解释
<!DOCTYPE HTML><html lang = 'en'> <head> <meta charset = 'UTF-8'/> <title>Document1</title> <style> .a{ width:200px; height:200px; background-color:red; } .b{ width:100px; heigh
取消js中的默认行为如a标签 表单提交按钮的自动刷新 输入框的可输入能力 等，补充知识.oncontextmenu的含义
<!DOCTYPE HTML><html lang = 'en'> <head> <meta charset = 'UTF-8'/> <title>Document1</title> <style> </style> </head> <body> <a href = "">test</a> <form> <in
DOM2级事件处理程序详解以及兼容性写法
<!DOCTYPE HTML><html lang = 'en'> <head> <meta charset = 'UTF-8'/> <title>Document1</title> <style> .a{ width:200px; height:200px; background-color:red; } .b{ width:100px; heigh
ES6中let的块作用域，声明提升等结合代码解释，以及const的使用
<!DOCTYPE HTML><html lang = 'en'> <head> <meta charset = 'UTF-8'/> <title>Document1</title> <style> </style> </head> <body> <script> let a = 10; console.log(a); //
ES6中let的各种赋值方式结合代码详解
<!DOCTYPE HTML><html lang = 'en'> <head> <meta charset = 'UTF-8'/> <title>Document1</title> <style> </style> </head> <body> <script> //let [a,b,c] = [1,2,3]; //console
列表过滤应用搜索框中搜索效果
<!DOCTYPE HTML><html lang= 'en'> <head> <meta charset = 'UTF-8'/> </head> <body> <div id = 'box'> <!--@input 当输入框中value的值改变的时候执行函数--> <!--v-model 实时获取输入框中的value值--> <input type = 'te
vue中事件修饰符.once.self.stop.prevent
<!DOCTYPE HTML><html lang= 'en'> <head> <meta charset = 'UTF-8'/> </head> <body> <div id = 'box'> <button @click = 'handleClick'>click</button> <button @click = 'handleClick()'>click
vue中的按键修饰符比如.enter(.13)
<!DOCTYPE HTML><html lang= 'en'> <head> <meta charset = 'UTF-8'/> </head> <body> <div id = 'box'> <button @click = 'handleClick'>click</button> <button @click = 'handleClick()'>click
前端工程师是什么，前端工程师怎么产生的，前端工程师做哪些工作（成哥，学习笔记）
前端工程师是什么？补充知识：前端工程师 front-end-developer（前面 终端 开发者）这个名词来源于美国***是软件产品研发中不可缺少的一种重要研发角色***补充知识：2005前端工程师正式被行业所认可，2010年互联网全面进入移动时代，前端工程师的地位越来越重要了前端工程师是怎么产生的？***起初所有的工作都是由后端工程师来完成，随着业务增多，逻辑变复杂，后端工程师不堪重负将一部分可视与部分交互功能给前端工程师做，前端工程师应运而生。***补充知识：由于互联网行业发展过
渡一春季班第一天作业
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
渡一春季班第二天作业
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
今日推荐
周排行