js事件委托的优点 1、绑定在父元素上只需要绑定一次，节省性能。 2、子元素不需要每个人都绑定同一个事件。 3、如果后续添加新的子元素，由于事件委托，会自动接收父元素的事件监控。...实例 //原生js事件委托的例子，css部分可以忽略 <!..."li"); ul.onclick = function(e){//e指event,事件对象 var target = e.target || e.srcElement; //target获取触发事件的目标...target.nodeName.toLowerCase() == 'li'){//目标(li)节点名转小写字母，不转的话是大写字母 alert(target.innerHTML) } } 以上就是js...事件委托的优点，希望对大家有所帮助。
js原型链继承的优点 1、非常纯粹的继承关系，实例是子类和父类的实例。 2、将父类的实例作为子类的原型，父类可以访问新的原型方法/属性。 3、简单易实现。... false console.log(kitty instanceof Cat); // true console.log(kitty instanceof Animal); // true 以上就是js...原型链继承的优点，希望对大家有所帮助。
引入Javascript 的方式有三种 1.在html 中直接放到 2.外部引入js文件 3.在标签直接写 <p...2、以驼峰命名规则 ——开始单词小写 后面的单词首字母大写 例如 helloWorld boyAge suZiXing 保留字 js中大小写严格区分的 alert弹框 String（） 保留字不能用于普通表示符...boolean布尔类型，可能是byte,int,char,string,枚举(常用于等值判断) switch需要case来跳转一个循环条件 每一个循环条件需要加break结束循环， （1）switch case的优点...所传的对象就是this的指向。...全局作用域： 在js中作用域： 一个变量作用的范围 1、全局作用域（整个 标签中）： 页面打开全局作用域被打开，页面关闭全局作用域被销毁； 全局作用域的变量叫全局变量，全部变量可以在全局作用域中使用
转自：https://www.cnblogs.com/yufann/p/JS-Ajax.html 1.创建一个Ajax对象 非IE6浏览器：var obj = new XMLHttpReuqest...Date().getTime(),true); 3.发送请求 obj.send(); 4.接收返回值 请求状态监控:onreadystatechange事件：当自己的Ajax...---返回值responseText:从服务器返回的文本：obj.responseText（返回的为字符串） GET方式 function getAjax(){ var obj
大家好，又见面了，我是你们的朋友全栈君。...1.onfocus 当input 获取到焦点时触发 2.onblur 当input失去焦点时触发，注意：这个事件触发的前提是已经获取了焦点再失去焦点的时候才会触发该事件，用于判断标签为空。...4.onkeydown 按下按键时的事件触发， 5.onkeyup 当按键抬起的时候触发的事件，在该事件触发之前一定触发了onkeydown事件–相当于一个按键，两个事件，没怎么用过 6.onclick...主要是用于 input type=button，input作为一个按钮使用时的鼠标点击事件 7.onselect 当input里的内容文本被选中后执行，只要选择了就会触发，不是全部选中 8.oninput...当input的value值发生变化时就会触发，(与onchange的区别是不用等到失去焦点就可以触发了) 使用方法： 以上事件可以直接放到input的属性里，例如： 1 ， 可以通过js给input
原生ajax 原文链接:http://caibaojian.com/ajax-jsonp.html 一.JS原生ajax ajax:一种请求数据的方式,不需要刷新整个页面: ajax的技术核心是 XMLHttpRe...… JS原生ajax与Jquery插件ajax深入学习 序言: 近来随着项目的上线实施,稍微有点空闲,闲暇之时偶然发现之前写的关于javascript原生xmlHttpRequest ajax方法以及后来...jquery插件ajax方法,于是就行了一些总结,因 … js原生Ajax的封装与使用 一.原生Ajax代码的封装如下: (function() { var XHR = { createStandardXHR...原生ajax 主要复习了php的pdo数据库操作,和js的ajax,真麻烦,希望jquery的ajax简单点. index.php: 1 2 [代码]JS原生Ajax&comma...;GET和POST javascript/js的ajax的GET请求: Jquery学习笔记(10)–ajax删除用户，使用了js原生ajax 主要复习了php的pdo数据库操作,和js的ajax,真麻烦
大家好，又见面了，我是你们的朋友全栈君。全局变量的优点：可以减少变量的个数，减少由于实际参数和形式参数的数据传递带来的时间消耗。...全局变量的缺点： （1）全局变量保存在静态存贮区，程序开始运行时为其分配内存，程序结束释放该内存。与局部变量的动态分配、动态释放相比，生存期比较长，因此过多的全局变量会占用较多的内存单元。...（2）全局变量破坏了函数的封装性能。函数象一个黑匣子，一般是通过函数参数和返回值进行输入输出，函数内部实现相对独立。...但函数中如果使用了全局变量，那么函数体内的语句就可以绕过函数参数和返回值进行存取，这种情况破坏了函数的独立性，使函数对全局变量产生依赖。同时，也降低了该函数的可移植性。...（3）全局变量使函数的代码可读性降低。由于多个函数都可能使用全局变量，函数执行时全局变量的值可能随时发生变化，对于程序的查错和调试都非常不利。 因此，如果不是万不得已，最好不要使用全局变量。
在此记录自己已理解并开始遵循的前端代码规范。What How Why 原生JS TitleTip 为了实现对特定的A标签Title的美化，使其可以按照我们想要的样式显示。
").innerText; var input = document.getElementById("input"); input.value = text; // 修改文本框的内容
content="IE=edge"> 原生...JS拖拽 * { margin: 0; padding: 0; }...class="box" id="drag"> window.onload = function () { // 获取拖拽的节点...let drag = document.getElementById('drag') // console.log(drag); // 按下别拖拽对象的时候...=点击时的位置相对于浏览器最左边的距离-物体左边框相对于浏览器最左边的距离 let leftX = event.clientX - drag.offsetLeft;
//打印预览 window.print(); /*设置默认横向打印*/ @page { size: landscape; } /*设置默认纵向打印*/ @...
js构造继承有什么优点 1、解决了原型链继承中子类实例共享父类引用属性的问题。使用父类结构器来增强子类实例，相当于将父类的实例属性复制到子类。 2、创建子类实例时，可向父类传递参数。...console.log(cat instanceof Animal); // false console.log(cat instanceof Cat); // true 以上就是js构造继承的优点，希望对大家有所帮助
今天看JS文章，发现了一个新方法fetch https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API/Using_Fetch 这货跟ajax...很类似，跟axios功能一样； 除啦IE这个货之外基本上都支持的属性； fetch('http://example.com/movies.json') .then(function(response...response.json(); }) .then(function(myJson) { console.log(myJson); }); 看起来是不是很爽，不用安装任何插件完成请求大写的666
笔者最近在对原生JS的知识做系统梳理，因为我觉得JS作为前端工程师的根本技术，学再多遍都不为过。...第一篇: JS数据类型之问——概念篇 1.JS原始数据类型有哪些？引用数据类型有哪些？...这导致JS中的Number无法精确表示非常大的整数，它会将非常大的整数四舍五入，确切地说，JS中的Number类型只能安全地表示-9007199254740991(-(2^53-1))和9007199254740991...JS中类型转换有哪几种？ JS中，类型转换只有三种： 转换成数字 转换成布尔值 转换成字符串 转换具体规则如下: 注意"Boolean 转字符串"这行结果指的是 true 转字符串的例子 ?...这就是面向组合的设计方式。 参考出处: ES5实现继承那些事 重学JS系列:聊聊继承 JS最新基本数据类型:BigInt(译) yck前端面试之道
局部变量 常见的局部变量有以下两种： ● 在函数内声明的变量（使用var）； ● 函数参数（形参）。 局部变量存在于函数体内，它们的值只能在函数体内访问和修改。...变量的查找方式 & 作用域链 变量的查找方式 当局部作用域当中出现属性的时候，首先查找当前的作用域当中是否具有存储空间，如果有，直接采用；如果没有，向其父级查找，如果父级没有，继续向上，直到查找到window...也就是“案例1”的代码中 user与window.user是等价的。...，不难看出，全局的user变量和函数内部的变量，并不是同一个变量。...更多的案例练习 在我们（HTML5学堂-码匠）开发的微信小程序“决胜前端”当中，我们最新更新了关于作用域的一些练习题，感兴趣的可以进入微信小程序。
大家好，又见面了，我是你们的朋友全栈君。...原生js数组排序 js 排序 以正序为例（即由小到大） var arr = [0,2,1,4,3,9,6,5,7,8]; // 未排序的数组 var sortArr = null; // 排序后得到的数组...} } return nArr; } sortArr = sort(arr); 此方法会重新生成一个数组，并对其进行排序，并且执行效率较高,但是代码量比较大，对于我们这种爱研(de)究(se)的同学来说是不会满足于此的...这也是递归算法的终结部分 var base = Math.floor(arr.length / 2);//找到中间的基准元素位置 var baseEle = arr.splice(base, 1...这也是递归算法的终结部分 var base = Math.floor(arr.length / 2);//找到中间的基准元素位置 var baseEle = arr[base];//把基准元素从
/当滚动至demo1与demo2交界时 demo.scrollTop-=demo1.offsetHeight//demo跳到最顶端 else{ demo.scrollTop++ //如果是横向的 ...setInterval(Marquee,speed)//设置定时器 demo.onmouseover=function() {clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的...//当滚动至demo1与demo2交界时 demo.scrollTop-=demo1.offsetHeight//demo跳到最顶端 else{ demo.scrollTop++ //如果是横向的...setInterval(Marquee,speed)//设置定时器 demo.onmouseover=function() {clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的
原生Ajax: Ajax基础: --ajax:无刷新数据读取,读取服务器上的信息 --HTTP请求方法: --GET:用于获取数据,如浏览帖子 --POST:用于上传数据,如用户注册...--有缓存 POST:--不通过网址传递 --post容量较大,一般可达2G --安全性相对较高 --没有缓存 原生Ajax的编写: Ajax...t='+new Date().getTime(),true); --同步:js中指事情必须一件一件来 --异步:js中指多件事情要一起做 --ajax是做异步传输的,... alert('成功:'+oAjax.responseText); } } } 将原生Ajax封装成一个函数使用,最终编写的原生Ajax...为: 1) GET方法封装的函数为: function ajax(url,fnSuccess,fnFaild){ //1.创建Ajax对象 //js中,使用一个没有定义的变量会报错,
其实人们把Spring Boot 称为搭建程序的脚手架。其最主要作用就是帮我们快速的构建庞大的spring项目，并且尽可能的减少一切xml配置，做到开箱即用，迅速上手，让我们关注与业务而非配置。...一个是混乱的依赖管理。 项目的依赖管理也是件吃力不讨好的事情。决定项目里要用哪些库就已经够让人头痛的了，你还要知道这些库的哪个版本和其他库不会有冲突，这难题实在太棘手。...我们将jdbc的url改成：/heima，再次测试： 4.自动配置原理 使用SpringBoot之后，一个整合了SpringMVC的WEB工程开发，变的无比简单，那些繁杂的配置都消失不见了，这是如何做到的...如果没有指定这些属性，那么将从声明这个注解的类所在的包开始，扫描包及子包 而我们的@SpringBootApplication注解声明的类就是main函数所在的启动类，因此扫描的包是该类所在包及其子包...ResourceProperties中主要定义了静态资源（.js,.html,.css等)的路径： 如果我们要覆盖这些默认属性，只需要在application.properties中定义与其前缀prefix
我先用jquery实现的功能，然后替换里面几个方法即可 ，无非就是查找，添加class等！ 在控制台先测试好，直接使用就行了，但遇到以下问题，简单记一下： 0、项目引用了prism.js来加亮代码。...高亮后，IE11非常的卡，无法滚动，按F12查看性能，要2秒多去渲染一屏，这和JS无关了。我以为是元素过多，IE性能太差的原因。后来偶然把prism.css文件去掉，结果瞬间显示出来。...先想肯定是阴影或变形引起的吧，就把css中的shadow去掉，还不行。就一块块的去CSS代码。在把透明度去掉，就好了！...执行它的脚本会提示“不能执行已释放 Script 的代码” 。 这个问题也好理解，因为我是往里写了完整的页面： .........frm得到的竟然直接是一个window对象，我的个天呀！ 在chrome，ff中， 可不是这样，我还没有去百度原因，不知道有没有什么说法没有。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
