javascript,web前端开发
clh386
一只单纯的前端小白。为了防止忘记,简单记录学习遇到的问题,欢迎各位大佬批评指正!
展开
-
Springboot+thymeleaf项目报错 template might not exist or might not be accessible by any of the configure
报错代码如下:@GetMapping("/chat/lt") public String tochat(){ return "/chat/ltzy"; }application.xml配置如下:thymeleaf: suffix: .html prefix: classpath: /templates/ cache: false项目在IDEA上运行,可正常跳转到ltzy.html。但是我在cmd用mvn compile pack原创 2022-02-11 15:49:47 · 793 阅读 · 0 评论 -
JS中的事件委托和移除事件处理程序
1.什么是事件委托?对“事件处理程序过多”的问题的解决方案就是事件委托。事件委托利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。例如,click事件会一直冒泡到documeng层次,也就是说我们可以为整个页面指定一个onclick事件处理程序,而不必给每一个可单击的元素分别添加事件处理程序。如下代码://html<ul id="myLinks"> <li id="goSom原创 2017-11-22 11:35:43 · 2791 阅读 · 0 评论 -
JaveScript事件处理程序
事件就是用户或者浏览器自身执行的某种动作,而响应某个事件的函数就叫做事件处理程序。为事件指定处理程序的方式有好几种:第一种 HTML事件处理程序①在HTML代码中指定: <input type="button" value="点击我" onclick="alert('点击事件发生。')" />②调用在页面其他地方定义的脚本:<script type="text/javascript">functi原创 2017-11-16 17:16:26 · 285 阅读 · 0 评论 -
获取鼠标位置坐标
如何实现鼠标移动,实时显示光标的位置? 关于获取鼠标位置坐标有三种方法: 1.客户区坐标位置 事件对象的clientX和clientY这两个属性保存着这个位置的信息,所有浏览器都支持这两个属性。//客户区坐标位置/*div.onmousemove=function(event){ //alert("qwe"); var xzb=event.clientX; var y原创 2017-11-21 21:08:53 · 4795 阅读 · 0 评论 -
焦点事件onfocus和onblur造成的死循环问题
在学习焦点事件的时候,使用onfocus和alert(),onblue和alert(),点击文本框触发onfocus()事件,弹出alert文本信息,点击确定后又触发onblur事件,弹出alert()信息,再点击确定又触发onfocus事件,形成一个死循环,代码如下: <script type="text/javascript">window.onload=function(){var tex原创 2017-11-19 21:19:53 · 8881 阅读 · 3 评论 -
JS中的事件对象
在触发DOM上的某个事件时,会产生一个事件对象event,这个对象包括着所有与事件有关的信息。包括导致事件的元素,事件的类型及其他与特定事件相关的信息。例如,鼠标操作导致的事件对象中,会包含鼠标位置的信息,而键盘操作导致的事件中,会包含与按下的键有关的信息。所有浏览器都支持event事件,但支持方式不同。包括this和target和currentTarget的区别分析。preventDefault()阻止默认行为。原创 2017-11-18 12:52:34 · 533 阅读 · 0 评论 -
JS中for循环出现的问题:如何给li元素绑定事件,点击每个li元素弹出对应的索引?
刚开始遇到一个问题就是我在HTML中写了四个< li >标签,想给每个li 绑定一个点击事件,通过点击每个li ,弹出它对应的索引,刚开始是这么做的:<html><head><title>无标题文档</title><script type="text/javascript">window.onload=function(){var li=document.getElementsByTagN原创 2017-11-17 13:01:37 · 10231 阅读 · 2 评论 -
JS中的匿名函数
定义函数的方式有两种,一种是函数声明,一种是函数表达式(匿名函数)。一.函数声明(function 语句) 要使用一个函数,我们就得首先声明它的存在。而我们最常用的方式就是使用function语句来定义一个函数,如:function sayHi(){ alert("hi"); } 当然,你的函数也可以是带参数的,甚至是带返回值的。function abc(x,y){ r原创 2017-11-17 13:20:59 · 17712 阅读 · 0 评论 -
DOM(文档对象模型)学习笔记(二)
Document类型document对象是window对象的一个属性,可以将其作为全局对象使用。document节点具有以下特性: nodeType的值为9; nodeName的值为“#document”; nodevalue的值为null; ownerDocument的值为null; 访问文档的子节点: 快捷方式: documentElement属性指向< html >元素; do原创 2017-11-12 22:59:29 · 163 阅读 · 0 评论 -
DOM(文档对象模型)学习笔记(一)
DOM可以将任何Html或XML文档描绘成一个由多层节点构成的结构,节点分为多种类型,每个节点都有自己的特点,数据和方法。 **Node类型:** 每个节点都有一个nodeType属性,表明节点的类型,nodeName属性表示元素的标签名,nodeValue属性取决于节点类型。 每个节点都有一个childNodes属性,其中保存着一个NodeList数组对象,有length原创 2017-11-12 22:11:49 · 567 阅读 · 0 评论 -
javascript在闭包中使用this对象
在闭包中使用this对象会导致一些问题,this对象在运行时是基于函数的执行环境绑定的:在全局环境下,this等于window,当函数被作为某个对象的方法调用时,this指向这个对象。匿名函数的执行环境具有全局性。在闭包中使用this可能会出现非预期的结果。 var name=”window”; var obj={ name:”object”, getname:func原创 2017-11-10 14:04:23 · 760 阅读 · 0 评论 -
如何理解JavaScript闭包问题
闭包是指有权访问另一个函数作用于中的变量的函数,注意删繁就简后,闭包是函数。创建一个闭包的方式是在一个函数中创建另一个函数。function原创 2017-11-10 12:41:07 · 244 阅读 · 0 评论 -
JavaScripy关于对继承原型链,借用构造函数和组合继承的理解
ECMAScript将原型链作为实现继承的主要方法。基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。原型链和借用构造函数都可以实现继承,只是缺点都比较明显,然后就引出一个组合继承的方法。本文记录了我对这三个继承方法的理解。1.//原型链继承 function Supertype(){ //构造函数1this.property=true;}S原创 2017-11-09 21:56:16 · 1089 阅读 · 0 评论