【4-1】js函数、事件、补充知识】的更多相关文章

目录 一.Vue基础 (一)什么是Vue (二)为什么学习Vue (三)如何使用Vue 二.Vue指令 (一)文本指令 (二)事件指令v-on (三)属性指令v-bind (四)表单指令v-model (五)条件指令v-if (六)循环指令v-for (1)用法 (2)基于循环指令的todolist案例 (七)斗篷指令v-cloak 三.Vue实例成员 (一)el:实例 (二)data:数据 (三)methods:方法 (四)computed:计算 (五)watch:监听 (六)delemite…
每个函数都有4个默认对象 arguments 保存着实际传入的参数,集合列表 return 有两个功能,打断函数和返回函数值 this 谁调用的函数,this就是谁 event 事件对象 事件 box.onlick=function(){} 表示点击 box 触发了一个函数. 事件包含三点: 1 谁触发的 2 触发了什么事件 3 触发的事件执行了什么动作 焦点事件: 使浏览器能区分用户输入的对象. 当一个元素有焦点的时候可以接受用户输入. 不是所有元素都有焦点,能响应用户输入的才有焦点. onf…
1.mousedown->mouseup依次触发后相当于click事件 2.除了mouseenter和mouseleave外,其它的鼠标事件都是冒泡的 3.mouseover和mouseout事件的event对象有一个relatedTarget属性(相关元素) mouseover的主要元素是获得光标的元素,相关元素为失去光标的元素,mouseout相反 ie8及更早的浏览器不支持该属性,但为mouseover提供了fromElement属性,为mouseout提供了toElement属性来达到相…
JS通用事件监听函数 版本一 //把它全部封装到一个对象中 var obj={ readyEvent:function (fn){ if(fn==null){ fn=document; } var oldOnload=window.onload; if(typeof window.onload !='function'){ window.onload=fn; }else{ window.onload=function (){ oldOnload(); fn(); } } },//添加事假 add…
1. 程序异常 ① try-catch语法    测试异常 try-catch语法代码如下: try { 异常代码;     try中可以承重异常代码, console.log(“try”)  出现异常代码后,正确代码不会执行 } catch (e) { console.log(“e:”+e);  try中出现异常在e中展现出来 console.log(“catch”);  只有try中出现异常才执行这段代码 } finally { console.log( 1 );  无论try中有无异常,都…
/* 从网站 https://nodejs.org/zh-cn/ 下载 这里用的 9.4.0 版本 下载完安装 安装目录是 D:\ApacheServer\node 一路默认安装 安装后打开cmd命令行输入 path 在显示的结果中查找是否有 D:\ApacheServer\node\ 有的话表示环境变量中已经包含了 D:\ApacheServer\node\ 可以在cmd中直接使用 node 这个命令 如在当前命令行中输入 node --version 显示 v9.4.0 当前nodejs的版…
函数:function 函数名(参数列表) 事件 单击:onclick()表单提交:onsubmit()鼠标经过:onmouseover()值改表时:onchange() window窗体对象转跳:window.location = url 警告框:alert() 确认框:confirm("messge"),返回true 和false 接收用户输入 prompt("请输入内容", "默认值") <!DOCTYPE html><h…
今年在渣X工作整理的常用JS函数 今年来了渣X工作,我所在这个部门分工很奇怪,CSS竟然有专门的人在搞,开发PHP的人员需要处理JS,以至于有时候开发起来不是那么得心应手,感觉把JS和CSS拆开就像是把方向盘.油门分别交给了两个人来控制,两个人都很不得劲.再说说这边的js吧,完全是那种复制粘贴的方式,更别说使用什么新的前端工具来进行各种优化了.到目前为止,我做了一件事情,将公共常用的JS拆出来,避免复制粘贴去使用,提高开发效率.提高代码鲁棒性.但还是拿出来分享给大家,顺便记录下. 基础工具Too…
一  dom文档树加载完之后执行一个函数 在Dom加载完成后执行函数,下面这三个的作用是一样的,window.onload 是JavaScript的,window.onload是在dom文档树加载完和所有文件加载完之后执行一个函数 $(document).ready(function (){}) 是Jquery的,dom文档树加载完之后执行一个函数,这个函数比 window.onload 执行的要早而$(function(){}) 是 $(document).ready 的简便写法: <!DOC…
09-JS的事件流的概念(重点)   在学习jQuery的事件之前,大家必须要对JS的事件有所了解.看下文 事件的概念 HTML中与javascript交互是通过事件驱动来实现的,例如鼠标点击事件.页面的滚动事件onscroll等等,可以向文档或者文档中的元素添加事件侦听器来预订事件.想要知道这些事件是在什么时候进行调用的,就需要了解一下“事件流”的概念. 什么是事件流 事件流描述的是从页面中接收事件的顺序 1.DOM事件流 “DOM2级事件”规定的事件流包括三个阶段: ① 事件捕获阶段: ②…