javascript 常用的一些原生方法

一丶javascript------ reduce() reduce()方法: arr.reduce(function(prev,cur,index,arr){ ... }, init); 参数解释:pre:代表上一个元素(常用)cru:代表当前元素(常用)index:代表当前正在处理的数组元素的索引,若提供 init 值,则索引为0,否则索引为1:arr:代表初始值具体使用方法: var arr = [3,9,4,3,6,0,9]; //求数组之和 var sum = arr.reduce(…

原生JavaScript常用本地浏览器存储方法一(方法类型)

有时需要将网页中的一些数据保存在浏览器端.好处就是当下次访问页面时,直接就可以从本地读取数据,不需要再次向服务器请求数据.目前常用的有以下几种方法: 1.cookie cookie会随着每次HTTP请求头信息一起发送,无形中增加了网络流量,另外,cookie能存储的数据容量有限,根据浏览器类型不同而不同,IE6大约只能存储2K. 2.Flash ShareObject 这种方式能能解决上面提到的cookie存储的两个弊端,而且能够跨浏览器,应该说是目前最好的本地存储方案.不过,需要在页面中插入…

原生JavaScript常用本地浏览器存储方法四(HTML5 LocalStorage sessionStorage)

HTML5 LocalStorage浏览器的支持的情况如上图,IE在8.0的时候就支持了.不过需要注意的是,IE测试的时候需要服务器环境(或者localhost). 测试自然是检测浏览器是否支持本地存储.在HTML5中,本地存储是一个window的属性,包括localStorage和 sessionStorage,从名字应该可以很清楚的辨认二者的区别,前者是一直存在本地的,后者只是伴随着session,窗口一旦关闭就没了.二者用法完全相同,这里以localStorage为例. 存储数据的方法就是…

原生JavaScript常用本地浏览器存储方法二(cookie)

JavsScript Cookie概述 cookie是浏览器提供的一种机制,它将document对象的cookie属性提供给JavaScript.可以由JavaScript对其进行控制,而并不是JavaScript本身的性质.cookie是存于用户硬盘的一个文件,这个文件通常对应于一个域名,当浏览器再次访问这个域名时,便使这个cookie可用.因此,cookie可以跨越一个域名下的多个网页,但不能跨越多个域名使用.不同的浏览器对cookie的实现也不一样,但其性质是相同的.例如在Windows…

原生JavaScript常用本地浏览器存储方法五(LocalStorage+userData的一个浏览器兼容类)

基于LocalStorage+globalStorage+userData实现的一个本地存储类 userData用来兼容ie6 ie7 由userData模仿Session的方法:浏览器关闭删除保存的记录 var userStorage = { isIE : null, Local : function(){ if(document.all){ var oUserData; if(!userStorage.isIE){ userStorage.isIE =(function(){ oUserDa…

原生JavaScript常用本地浏览器存储方法三(UserData IE Only)

UserData的应用范围 serData是微软为IE专门在系统中开辟的一块存储空间,所以说只支持Windows+IE的组合,实际测试在2000(IE5.5).XP(IE6.IE7),Vista(IE7)下都是可以正常使用的. UserData存储在哪儿? 首先设置文件夹全部显示,在XP下,一般位于C:\Documents and Settings\用户名\UserData,有些时候会在C:\Documents and Settings\用户名\Application Data\Microsof…

JavaScript常用全局属性与方法

最近,在学习JavaScript,Java作域链包含全局,记录下常用的全局属性与方法,就当是知识的积累,未列出全部,如需查看全部可参考JS相关的API文档. 常用的全局属性: 全局属性作用 Infinity 表示正无穷大的数值 NaN 非数字值 undefined 未定义的值常用的全局方法: 全局方法作用 encodeURI() 返回参数的副本,其中…

客户端优化之使用javascript原生方法替代复杂的数学运算和jquery方法

尽管jQuery等js框架相比原生javascript使用起来极为方便但是为什么在一些大型互联网公司还是一致强调前端开发人员的js基础,因为尽管javascript使用起来可能非常不便不仅体现在语法而且还要处理复杂的浏览器兼容,但是无论我们如何优化jQuery等框架编写的代码,它永远不可能比javascript引擎提供的原生方法性能更好,原因十分简单:Javascript的原生部分在你编写前端代码之前已经存在于浏览器中,都是用低级语言编写的,这意味着这些方法均被编译成机器码,作为浏览器的一部分,…

JavaScript常用，继承，原生JavaScript实现classList

原文链接:http://caibaojian.com/8-javascript-attention.html 基于 Class 的组件最佳实践(Class Based Components) 基于 Class 的组件是状态化的,包含有自身方法.生命周期函数.组件内状态等.最佳实践包括但不限于以下一些内容: 1)引入 CSS 依赖 (Importing CSS) 我很喜欢 CSS in JavaScript 这一理念.在 React 中,我们可以为每一个 React 组件引入相应的 CSS 文件,…

javascript常用的Math对象的方法

简介 Math对象是在程序编程中用于执行一些数学任务的.Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math(),像 Math.sin() 这样的函数只是函数,不是某个对象的方法.您无需创建它,通过把 Math 作为对象使用就可以调用其所有属性和方法. 常用方法圆周率:Math.PI 绝对值:Math.abs(n) 四舍五入:Math.round(n) 向上取整:Math.ceil(n) 向下取整:Math.floor(n) 随机数:Math.round…

原生javascript实现类似jquery on方法的行为监听

原生javascript有addEventListener和attachEvent方法来注册事件,但有时候我们需要判断某一行为甚至某一函数是否被执行了,并且能够获取前一行为的参数,这个时候就需要其他方法来实现了. 项目中的原始场景是有若干个tab切换,tab组件当然是已经写好的,现在需要每次点击后保存localstorage等其他操作,需要监听tab是否被点击.下面是简单的实现事件监听方法: <!DOCTYPE html> <html lang="en"> &l…

JavaScript常用工具方法

JavaScript常用工具方法 1.日期格式化 2.将日期字符串转换为Date,字符串格式为(yyyy-mm-dd hh:mm:ss) 3.JS获取当天00:00:00时间和23:59:59的时间 1.日期格式化 /** * 日期格式化 * 格式:yyyy-MM-dd hh:mm:ss */ Date.prototype.Format = function (fmt) { var o = { "M+": this.getMonth() + 1, //月份 "d+"…

javascript 原生方法监听DOM结构改变事件

js原生方法监听DOM结构改变事件 document.addEventListener('DOMNodeInserted',function(){alert(1)},false);document.addEventListener('DOMAttrModified',function(){alert(1)},false);document.addEventListener('DOMNodeRemoved',function(){alert(1)},false); 参考地址: https://de…

javascript常用代码大全

http://caibaojian.com/288.html 原文链接 jquery选中radio //如果之前有选中的,则把选中radio取消掉 $("#tj_cat .pro_category").each(function() { if ($(this).attr('checked')){ $(this).attr('checked' ,false); } }); //获取被选中的标签的值 radio:(checkbox和这个一样) var val=$('input:rad…

Javascript 常用函数【3】

jquery选中radio //如果之前有选中的,则把选中radio取消掉 $("#tj_cat .pro_category").each(function() { if ($(this).attr('checked')){ $(this).attr('checked' ,false); } }); //获取被选中的标签的值 radio:(checkbox和这个一样) var val=$('input:radio[name="sex"]:checked').val(…

javascript常用知识点集

javascript常用知识点集目录结构一.jquery源码中常见知识点二.javascript中原型链常见的知识点三.常用的方法集知识点一.jquery源码中常见的知识点 1.string,number类型转换的快捷方法 // @param s为字符串,n为数字 function fn(obj){ //转换为String类型 var s = obj +""; //转换为number类型 var n = +obj; } 分享一个面试例子: //加会将其后面自动转换成字符串 &…

JS 中原生方法 (四) --- Object

Javascript 中 str. arr.date.obj 等常见的原生方法总结本文也说主要阐释了 Javascript 中的基础类型和引用类型的自带方法,那么熟悉的同学又可以绕道了总是绕道,真是羞耻悳boy 当然本文阐述的主要类容 from MDN ( zh-cn ) Object(Javascript 自带属性和方法) Object 自带属性 Object 自带一个 prototype 属性, 即为 Object.prototype, Object.prototype 本身也是一个…

JS 中原生方法 (一) --- 字符串

目录 Javascript 中 str. arr.date.obj 等常见的原生方法总结 Javascript 中 str. arr.date.obj 等常见的原生方法总结本文也说主要阐释了 Javascript 中的基础类型和引用类型的自带方法,那么熟悉的同学又可以绕道了总是绕道,真是羞耻悳boy 当然本文阐述的主要类容 from MDN ( zh-cn ) String 在 str 中,我们先在我们的大脑里面过一遍,我们常用到的方法有哪些 subString . subStr .…

javaScript常用知识点有哪些

javaScript常用知识点有哪些一.总结一句话总结:int = ~~myVar, // to integer | 是二进制或, x|0 永远等于x:^为异或,同0异1,所以 x^0 还是永远等于x:至于~是按位取反,搞了两次以后值当然是一样的 1.js简化的变量转换方式有哪些? var myVar = "3.14159", str = ""+ myVar,// to string int = ~~myVar, // to integer float = 1*…

JavaScript常用的Hook脚本

JavaScript常用的Hook脚本本文Hook脚本来自包子页面最早加载代码Hook时机在source里用dom事件断点的script断点然后刷新网页,就会断在第一个js标签,这时候就可以注入代码进行hook 监听键盘与鼠标事件 // 判断是否按下F12 onkeydown事件 /* 提示: 与 onkeydown 事件相关联的事件触发次序: onkeydown onkeypress onkeyup */ // F12的键码为 123,可以直接全局搜索 keyCode =…

通过js调用android原生方法

有时候我们有这样一个需求,监听html中控件的一些事件.例如点击html中某个按钮,跳转到别的activity,复制某段文本. 首先是对webview的设置: myWebView = (WebView) findViewById(R.id.myWebView); myWebView.getSettings().setJavaScriptEnabled(true); myWebView.addJavascriptInterface(new JavaScriptinterface(this), "a…

再探JS数组原生方法—没想到你是这样的数组

最近作死又去做了一遍javascript-puzzlers上的44道变态题,这些题号称"JS语言专业八级"的水准,建议可以去试试,这里我不去解析这44道题了,网上已经有很多的答案了.我只介绍让我意想不到的几种特殊情况下的数组操作方法结果.关于数组原生方法的基本操作我在另一篇博客里已经做了简介:吃透Javascript数组操作的正确姿势-再读<Js高程>.....下面的输出结果,未做特殊说明是在Node环境中运行的结果. 第一题: What …

JavaScript 常用功能总结

小编吐血整理加上翻译,太辛苦了~求赞! 本文主要总结了JavaScript 常用功能总结,如一些常用的JS 对象,基本数据结构,功能函数等,还有一些常用的设计模式. 目录: 众所周知,JavaScript是动态的面向对象的编程语言,能够实现以下效果: 1. 丰富Web 网页功能 2. 丰富Web界面 3. 实现本地或远程存储. 4. 实现分布式网络应用的前端组件,并在后台进行数据存储管理. 5. 使用JavaScript可以实现完整的分布式Web 应用. JavaScript 中的数据类型 Ja…

JavaScript常用技巧总结（持续添加中...）

在我学习过程中收集的一些常用技巧: typeof x !== undifined 判断x是否已定义: x === Object(x) 判断x是否为对象: Object.keys(x).length 获取对象x所有可枚举的元素的个数: Object.getOwnPropotyNames(x).length 获取对象x所有元素的个数: 注意:var p1 = Object.create(p);对象p1只继承了p的属性,但未继承它的属性描述符,此时p1的继承属性的描述符为空: for in循环遍历对…

第二篇、JavaScript常用的API

下面是我整理的一些JavaScript常用的API清单. 目录元素查找 class操作节点操作属性操作内容操作 css操作位置大小事件 DOM加载完毕绑定上下文去除空格 Ajax JSON处理节点遍历元素查找 // Node document.getElementById(id) // document.getElementById('test') document.querySelector(selectors) // document.querySelector('#te…

JavaScript中事件绑定的方法总结

最近收集了一些关于JavaScript绑定事件的方法,汇总了一下,不全面,但是,希望便于以后自己查看. JavaScript中绑定事件的方法主要有三种: 1 在DOM元素中直接绑定 2 JavaScript代码中直接绑定 3 绑定事件监听函数一.在DOM元素中直接绑定也就是直接在html标签中通过 onXXX=“” 来绑定.举个例子: <input type="button" value="点我呦" onclick="alert("he…

在WebBrowser中执行javascript脚本的几种方法整理(execScript/InvokeScript/NavigateScript) 附完整源码

[实例简介] 涵盖了几种常用的 webBrowser执行javascript的方法,详见示例截图以及代码 [实例截图] [核心代码] execScript方式: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 using mshtml; using System; using System.Collections.Generic; using…