随笔分类 -  js知识

彻底弄懂CommonJS和AMD/CMD!
摘要:JS中的模块规范(CommonJS,AMD,CMD),如果你听过js模块化这个东西,那么你就应该听过或CommonJS或AMD甚至是CMD这些规范咯,我也听过,但之前也真的是听听而已。 现在就看看吧,这些规范到底是啥东西,干嘛的。本文包括这三个规范的来源及对应的产物的原理。 一、CommonJS 1 阅读全文
posted @ 2022-01-28 11:31 哓番茄 阅读(302) 评论(0) 推荐(0)
js 判断数组重复元素以及重复的个数
摘要:结果如下: 鉴于方便观察,将数据根据count进行排序; 得到结果: 阅读全文
posted @ 2019-02-25 16:13 哓番茄 阅读(1111) 评论(0) 推荐(0)
JS数组reduce()方法详解及高级技巧
摘要:1、语法 arr.reduce(callback,[initialValue]) reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,接受四个参数:初始值(或者上一次回调函数的返回值),当前元素值,当前索引,调用 reduce 的数组。 callback (执行 阅读全文
posted @ 2019-02-25 14:29 哓番茄 阅读(246) 评论(0) 推荐(0)
js判断是Android还是iOS
摘要:var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终... 阅读全文
posted @ 2019-01-16 18:10 哓番茄 阅读(127) 评论(0) 推荐(0)
if("\v"=="v")来判断IE浏览器
摘要:if(!+"\v1"){IE代码}else{其他浏览器代码}, IE8及以下浏览器中测试是true,在firefox/chrome/opera中测试是false.。 其实就是利用各浏览器对转义字符"\v"的理解在ie浏览器中,"\v"没有转义,得到的结果为"v"而在其他浏览器中"\v"表示一个垂直制 阅读全文
posted @ 2019-01-09 16:02 哓番茄 阅读(1147) 评论(0) 推荐(0)
javascript方法--bind()
摘要:bind方法,顾名思义,就是绑定的意思,到底是怎么绑定然后怎么用呢,下面就来说说我对这个方法的理解。 语法 fun.bind(this,arg1,arg2,...) bind()方法会创建一个新的函数,称为绑定函数,fun方法在this环境下调用 该方法可传入两个参数,第一个参数作为this,第二个 阅读全文
posted @ 2019-01-04 10:21 哓番茄 阅读(195) 评论(0) 推荐(0)
JS操作iframe
摘要:JS获取iframe内的值 在父窗口中获取iframe中的元素 在iframe中获取父窗口的元素 在父窗口中获取iframe中的元素 在iframe中获取父窗口的元素 iframe加载完成 有些时候动态添加iframe或者初始化的时候要获取iframe内的值;那么就要等iframe页面加载完了再操作 阅读全文
posted @ 2018-12-29 16:27 哓番茄 阅读(758) 评论(0) 推荐(0)
attachEvent和addEventListener
摘要:attachEvent和addEventListener在前端开发过程中经常性的使用,他们都可以用来绑定脚本事件,取代在html中写obj.onclick=method。 相同点: 它们都是dom对象的方法,可以实现一种事件绑定多个事件处理函数。 使用attachEvent和addEventList 阅读全文
posted @ 2018-12-29 14:07 哓番茄 阅读(152) 评论(0) 推荐(0)
HTTP 方法:GET 对比 POST
摘要:什么是 HTTP? 超文本传输协议(HTTP)的设计目的是保证客户机与服务器之间的通信。 HTTP 的工作方式是客户机与服务器之间的请求-应答协议。 web 浏览器可能是客户端,而计算机上的网络应用程序也可能作为服务器端。 举例:客户端(浏览器)向服务器提交 HTTP 请求;服务器向客户端返回响应。 阅读全文
posted @ 2018-12-28 10:59 哓番茄 阅读(113) 评论(0) 推荐(0)
js数组遍历和对象遍历
摘要:针对js各种遍历作一个总结分析,从类型用处:分数组遍历和对象遍历;还有性能,优缺点等。 JS数组遍历: 1,普通for循环,经常用的数组遍历 2,优化版for循环:使用变量,将长度缓存起来,避免重复获取长度,数组很大时优化效果明显 3,forEach,ES5推出的,数组自带的循环,主要功能是遍历数组 阅读全文
posted @ 2018-12-25 17:11 哓番茄 阅读(165) 评论(0) 推荐(0)
apply()和call()的区别
摘要:首先说在js中,每个Function都有apply()和call()方法,直接调用就行: 它们各自的定义: apply:调用一个对象的一个方法,用另一个对象替换当前对象。例如:B.apply(A, arguments);即A对象应用B对象的方法。 call:调用一个对象的一个方法,用另一个对象替换当 阅读全文
posted @ 2018-12-21 17:07 哓番茄 阅读(179) 评论(0) 推荐(0)
ES6 Promise 用法讲解
摘要:Promise是一个构造函数,自己身上有all、reject、resolve这几个眼熟的方法,原型上有then、catch等同样很眼熟的方法。 那就new一个 Promise的构造函数接收一个参数,是函数,并且传入两个参数:resolve,reject,分别表示异步操作执行成功后的回调函数和异步操作 阅读全文
posted @ 2018-07-31 18:30 哓番茄 阅读(193) 评论(0) 推荐(0)
js继承
摘要:call 一句话介绍 call: call() 方法在使用一个指定的 this 值和若干个指定的参数值的前提下调用某个函数或方法。 举个例子: var foo = { value: 1 }; function bar() { console.log(this.value); } bar.call(f 阅读全文
posted @ 2018-07-31 18:04 哓番茄 阅读(244) 评论(0) 推荐(0)
input输入框内容变化实时监听
摘要:js实现的文本框内容发生改变立马触发事件简单介绍:本章节介绍一下如何在文本框的内容发生变化的时候,立马触发一个事件执行响应的操作,而不是像是keydown或者keyup事件一样,只能够检测通过键盘输入导致内容的变化, 下面就通过代码实例做一下简单介绍。 一.相关知识准备:1.onchange事件:此 阅读全文
posted @ 2018-07-06 12:05 哓番茄 阅读(2424) 评论(0) 推荐(0)
eval解析JSON中的注意点
摘要:在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数。 2. 使用Function对象来进行返回解析。 使用eval函数来解析,并且使用jquery的each方法来遍历 用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquer 阅读全文
posted @ 2018-07-05 09:52 哓番茄 阅读(260) 评论(0) 推荐(0)
js中的事件委托或是事件代理详解
摘要:起因: 1、这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的; 2、其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考; 概述: 那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事 阅读全文
posted @ 2018-07-03 15:57 哓番茄 阅读(132) 评论(0) 推荐(0)
jQuery实现form表单序列化转换为json对象功能示例
摘要:运行结果: 阅读全文
posted @ 2018-05-29 10:37 哓番茄 阅读(318) 评论(0) 推荐(0)
理解 e.clientX,e.clientY e.pageX e.pageY e.offsetX e.offsetY
摘要:event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.clientY,但它们使用的 阅读全文
posted @ 2018-05-23 17:26 哓番茄 阅读(307) 评论(0) 推荐(0)
querySelector与getElementBy等的区别
摘要:获取元素DOM对象有很多种方法,以前一直在用getElementById和getElementsByTagName等,现在对这些方法和querySelector做一个总结. 常见的获取元素的方法有3种,分别是通过元素ID、通过标签名字和通过类名字来获取。 DOM提供了一个名为getElementBy 阅读全文
posted @ 2018-05-23 10:42 哓番茄 阅读(127) 评论(0) 推荐(0)
如何获得select被选中option的value和text和......
摘要:我想获取select选中的value,或者text,或者…… 比如这个: 1 2 3 4 一:JavaScript原生的方法 1 2 3 4 5 6 7 8 9 二:jQuery方法 阅读全文
posted @ 2018-05-18 17:49 哓番茄 阅读(141) 评论(0) 推荐(0)