NodeList对象是DOM操作取出的集合（实际上是基于DOM结构动态查询的结果），用来保存一组有序的节点，可以通过位置来访问这些节点，它并不是array的实例。Nodelist最大的特点就是它的时效性，DOM结构的变化能自动反映在Node List对象中。也就是说当DOM结构发生变化时，NodeList立刻会发生变化。NodeList对象转为数组方法： Array.prototype.slice.call(someNode.childNodes, 0) 或 [].slice(someNode.childNodes, 0)由于IE8及更早...
原型链一.构造函数与原型链的关系博客中：http://www.cnblogs.com/shuiyi/p/5305435.html的图 例子： 1 <!DOCTYPE html>2 <html lang="en">3 <head>4 <meta charset="UTF-8">5 <title>Title</title>6 <script>7function Person(obj) {8this.obj = obj || {}9this.name = this.obj.name || "匿名"; 10this.age = this.obj.age || 18; 11this.sex = this.obj.sex || "男"; 12 } 1314 Person.prototype....
说明（2017.3.28）：1. JavaScript是一种基于对象的多范式编程语言，不是面向对象，但离开对象不能活。 范式编程是指编程习惯、方式，分为过程式、对象式和函数式编程。2. 面向对象是指，使用对象进行开发，面向对象是对面向过程的封装。3. JavaScript面向对象的三个特点，抽象性、继承性和封装性。 抽象性是指，抽取出核心属性和方法，不在特定条件下不能确定对象的具体意义。 继承性是指，把我没有的属性和方法拿来使用...
1、DOM的基本概念 DOM是文档对象模型，这种模型为树模型；文档是指标签文档（HTML文档），对象是指文档中每个元素；模型是指抽象划的东西。 2、Windows对象操作一、属性和方法 属性（值或者子对象） opener：打开当前窗口的源窗口，如果当前窗口是首次启动浏览器打开的，则opener是null。 dialogArgument：对话框返回值。 子对象：history历史记录,location地址栏,document,status状态栏,menubar菜单栏,toolbar工具...
1 function ceshi() {2 3 var browserName = navigator.userAgent.toLowerCase();4 if (/msie/i.test(browserName) && !/opera/.test(browserName)) {5 alert("IE");6 return;7 } else if (/firefox/i.test(browserName)) {8 alert("Firefox");9 return; 10 } else if (/chrome/i.test(browserName) && /webkit/...
一个网站上的cookie信息可以实现下次自动登录，记录你的历史等等可以在火狐浏览器查看本地代码的cookie信息：打开火狐浏览器--点击右键--查看页面信息--安全--查看cookie <!DOCTYPE html><html><head><title>Cookie</title></head><script type="text/javascript">/* var oDate=new Date();oDate.setDate(oDate.getDate()+30);document.cookie="user=blue;expires=";// document.cookie="pass=123";*///alert(document.cookie);...
一、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() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的，默认使用‘,‘号分割，不改变原数组。var arr = [2,3,4]; console.log(...
在知识星球陆续发了些eslint小知识，意在通过eslint知识去了解规则内部的原理，汇总在此：prefer-const含义：始终用const定义你从不修改的变量，如果会被修改则使用let，永不使用var。理由：让你写代码的时候更明确哪些变量是会被修改的，哪些是不会修改的。帮你理清逻辑，减少bug no-array-constructor含义： 不要使用Array构造器去创建数组，总是使用字面量。理由： 当给Array构造器传一个参数时可能造成混淆，比如 new Array(3)...
Ember.js、Backbone.js、Knockout.js、Spine.js、Batman.js ， Angular.js前端中的MVVM设计模式让UI与数据模型可以很轻松的相互更新,这意味着开发人员只需要关注数据模型即可轻松的完成复杂的交互需求。可参考：http://www.cnblogs.com/aaronjs/p/3141553.html http://www.angularjs.cn/tag/AngularJS原文：http://www.cnblogs.com/renzaijianghu/p/4104751.html
因为项目中需要做报表的功能，于是学习了如何使用jqplot这个绘图插件结合ajax技术，动态交互后台数据前前后后花了三四天的时间。感觉它会出来的想说还可以。我的后台模板是bootstrap，在模板中有jqplot的模板，我查看了源代码。修改了源代码就形成了现在的东西， 1 <script>2/* 3 Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.2.04 Version: 1.4.05 ...
事件：发生了某一件事情。例如：onClick鼠标单击，当你单击的时候发生什么事情。1.onBlur焦点离开事件2.onChange用户修改了值正要离开事件3.onClick鼠标单击事件4.onDbClick鼠标双击事件5.onFocus获得焦点事件6.onkeydowm按键被按下事件7.onKeyup按键被释放事件8.onMouseover鼠标经过事件9.onMouseout鼠标离开事件10.onUmload浏览器关闭事件11.onSubmit提交表单事件12.onMousemove鼠标在对象上移动事件13.onLoad对象已加载事件从上...
1、使用 typeof bar === "object" 判断 bar 是不是一个对象有神马潜在的弊端？如何避免这种弊端？使用 typeof 的弊端是显而易见的(这种弊端同使用 instanceof)：let obj = {}; let arr = [];console.log(typeof obj === ‘object‘); //trueconsole.log(typeof arr === ‘object‘); //trueconsole.log(typeofnull === ‘object‘); //true从上面的输出结果可知，typeof bar === "object" 并不能准确判断 bar 就是一个 Object。...
javascript中实现继承的几种方式1、借用构造函数实现继承function Parent1(){this.name = "parent1" } function Child1(){Parent1.call(this);this.type = "child1"; }缺点：Child1无法继承Parent1的原型对象，并没有真正的实现继承（部分继承）2、借用原型链实现继承function Parent2(){this.name = "parent2";this.play = [1,2,3]; } function Child2(){this.type = "child2"; } Child2.prototype = new Parent2();缺点：原型对象...
一、test方法var dateStr = ‘2020-01-01‘;var dateReg = /^\d{4}-\d{2}-\d{2}$/;console.log(dateReg.test(dateStr));//test方法用于验证是否是满足正则表达式格式运行结果：二、提取正则表达式1. 正则对象.exec(要匹配的内容)var qqStr = "小明：15778945869，小虎：15678645678，小红：13848956123";var reg = /\d+/g;do{var content = reg.exec(qqStr);//返回了一个数组，索引第一个值就是匹配的内容if(content){console.log(...
Javascript为数组专门提供了push和pop()方法，以便实现类似栈的行为。来看下面的例子：var colors=new Array(); //创建一个数组var count=colors.push("red","green"); // 推入两项，返回修改后数组的长度alert(count); // 2 返回修改后数组的长度var item=colors.pop(); //取得最后一项alert(item); // "green"alert(colors.length); // 1队列方法：结合使用shift()和push()方法，可以像使用队列一样...