对于jQuery中的事件绑定方法,主要有on()、bind()、delegate()、live()等这几个方法。之前都是之前拿过来用,也知道有这么几个方法,但是不清楚这几个事件绑定方法之间的区别。平时用的最多的是on方法,今天打算整理一下。 bind方法<!DOCTYPE html> <html> <head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>bind事件绑定</title> </head> <body> <div><button id="btn">添加新的p元素</b...
这篇文章主要介绍了JS排序算法之冒泡排序,选择排序与插入排序,结合实例形式分析了冒泡排序,选择排序与插入排序的概念、原理及实现方法,需要的朋友可以参考下本文实例讲述了JS排序算法之冒泡排序,选择排序与插入排序。分享给大家供大家参考,具体如下:冒泡排序: 对数组的中的数据,依次比较相邻两数的大小。如果前面的数据大于后面的数据,就交换这两个数。时间复杂度O(n^2)function bubble(array){var temp;for(var i=0; i<ar...
最近愈发觉得基础的重要性,细节决定成败,所以希望能够将自己注意到的搜集到的一些关于前端的小细节小知识整理出来,更好的方便自己记忆回顾。 1.在构建网页Html框架时,尽量只给外层标记(即是父标记)定义类别class或id,内层标记(即是子标记)能通过嵌套表示的则利用嵌套的方式,而不需要再定义新的类别或者专用id。选择器的嵌套和选择器的集体声明可以大大减少对类别class、id的声明,简化Css代码。 2.在Htm...
本篇文章给大家整理了JS严格模式下的相关知识点以及代码实例分享,感兴趣的跟着小编一起学习下吧。所谓严格模式其实就是一个不会赋值给任何变量的字符串 “use strict”如果在全局作用域下 给出这个提示,那整个脚本将采用严格模式。也可以只在函数中打开严格模式1.严格模式下没有全局变量a="test"严格模式下会报错,非严格模式下正常2.删除变量var 有三种声明的情形var 声明的全局变量var 声明的局部变量eval()中声明的全局变量第...
1 回调函数 回调是一个函数被作为一个参数传递到另一个函数里,在那个函数执行完后再执行。axios( url , ()=>{ console.log(1111)} )2 事件监听 当监听事件触发时,调用方法document.getElementById(“id1”).addEventListener(“click”,function(){console.log(‘id1’);},false);element.οnclick=function(){ //处理函数 }3 发布订阅者(观察者模式) 订阅者把自己要处理的事件告诉被订阅者(on回调函数),被订阅者触发时调用每...
JavaScript 运算符主要包括: 算术运算符赋值运算符比较运算符三元运算符逻辑运算符字符串连接运算符算术运算符 运算符说明例子运算结果+加y = 2+1y = 3-减y = 2-1y = 1*乘y = 2*3y = 6/除,返回结果为浮点类型y = 6/3y = 2%求余,返回结果为浮点类型要求两个操作数均为整数y = 6%4y = 2++递加,分为前加和后加对布尔值和 NULL 将无效y = 2++y(前加)y++(后加)y = 3--递减,分为前递减和后递减对布尔值和 NULL 将无效y = 2--y(...
为什么会有CommonJs和Es Module呢 我们都知道在早期JavaScript模块这一概念,都是通过script标签引入js文件代码。当然这写基本简单需求没有什么问题,但当我们的项目越来越庞大时,我们引入的js文件就会越多,这时就会出现以下问题:js文件作用域都是顶层,这会造成变量污染 js文件多,变得不好维护 js文件依赖问题,稍微不注意顺序引入错,代码全报错为了解决以上问题JavaScript社区出现了CommonJs,CommonJs是一种模块化的规范,...
我们使用的DOM2事件绑定,其实是让box通过原型链一直找到EventTarget这个内置类原型上的addEventListener方法实现的。 DOM0级事件绑定:只能给一个元素的某一个行为绑定一次方法,第二次绑定的会把前面的覆盖掉。 DOM2:可以给某一个元素的同一个行为绑定多个不同的方法 box.addEventListener(click,function(e){console.log(1)},false)box.addEventListener(click,function(e){console.log(2)},false) // 输出1 2DOM2:DOM0中的行为...
本文章有很多知识与图片引用它处,如果有所涉及请谅解,本文章只用于个人学习。Arguments(类数组对象)主要存储给函数传入的参数ele.style.border这种方式在js中只能获得行内样式,所以引用currentStyle和getComputedStyle,但它们不能更改属性,只能获取属性,且存在兼容性。currentStyle(兼容IE)getComputedStyle(兼容火狐,谷歌)写法ele.currentStyle[“attr”]或ele.currentStyle.attrwindow.getComputedStyle(ele,null)[attr]或...
做过后端开发,尤其是使用过类似Django或者express对服务器端的路由功能应该都比较熟悉,国外流行的博客系统wordpress也是非常经典的路由实现案例。那么,究竟什么的路由呢,下面通过wordpress来简单讲一下。理解wordpress重写规则的的都是知道,实际上任何一条url的访问都是基于wordpress安装目录下的index.php(除了服务器上已经存在文件的访问),当wordpress的固定链接是模式设置是会很明显,例如文章的url是index.php?p=id,分...
这篇文章主要介绍了NodeJS设计模式,结合实例形式总结分析了nodejs单例模式,适配器模式,装饰模式,观察者模式的概念、原理与具体实现技巧,需要的朋友可以参考下本文实例讲述了NodeJS设计模式。分享给大家供大家参考,具体如下:1 . 单例模式顾名思义,单例就是保证一个类只有一个实例,实现的方法是,先判断实例是否存在,如果存在则直接返回,若不存在,则创建实例对象,并将实例对象保存在静态变量中,当下次请求时,则可以直接返回...
今天为大家整理了48个JS开发中常用的工具函数。1、isStatic: 检测数据是不是除了symbol外的原始数据。function isStatic(value) {return (typeof value === string ||typeof value === number ||typeof value === boolean ||typeof value === undefined ||value === null) }2、isPrimitive:检测数据是不是原始数据function isPrimitive(value) {return isStatic(value) || typeof value === symbol }3、isObject:判断数据是不是引...
本文接上一篇:总结前端开发中常用的JS功能函数(一)25、unique: 数组去重,返回一个新数组function unique(arr){if(!isArrayLink(arr)){ //不是类数组对象return arr}let result = []let objarr = []let obj = Object.create(null)arr.forEach(item => {if(isStatic(item)){//是除了symbol外的原始数据let key = item + _ + getRawType(item);if(!obj[key]){obj[key] = trueresult.push(item)}}else{//引用类型及symbolif(!obja...
本篇文章给大家带来的内容是关于Cookie和Session的区别总结,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。HTTP无状态协议HTTP无状态协议,是指协议对于事务处理没有记忆能力。缺少状态意味着如果后续处理需要前面的信息,则它必须重传,这样可能导致每次连接传送的数据量增大。另一方面,在服务器不需要先前信息时它的应答就较快。简介客户端与服务器进行动态交互的Web应用程序出现之后,HTTP无状态的特性严重...
本篇文章给大家带来的内容是关于JavaScript常用数组的操作方法总结(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。一、concat()concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,仅会返回被连接数组的一个副本。var arr1 = [1,2,3]; var arr2 = [4,5]; var arr3 = arr1.concat(arr2); console.log(arr1);//[1, 2, 3] console.log(arr3);//[1, 2, 3, 4, 5]二、join()join() 方法...