var函数

JavaScript是一门编程语言，浏览器内置了JavaScript语言的解释器，所以在浏览器上按照JavaScript语言的规则编写相应代码之，浏览器可以解释并做出相应的处理。 一、如何编写 1、JavaScript代码存在形式 一般我们都是新建JavaScript文件，以.js结尾，然后在html文件中调用。下面介绍两种js代码两种存在形式 <!-- 方式一 --> <script type"text/javascript" src="JS文件"></script> <!-- 方式二 --> <script type"text/javascript"> Js代码内容 </script> #一般默认添加type"text/javascript"，所以一般我们都省略这句 2、JavaScript代码存放位置 HTML的head中 HTML的body代码块底部(推荐) 由于Html代码是从上到下执行，如果Head中的js代码耗时严重，就会导致用户长时间无法看到页面，如果放置在body代码块底部，那么即使js代码耗时严重，也不会影响用户看到页面效果，只是js实现特效慢而已。 为了使显示直观，下面都把js代码写在html文件中，即以方式二呈现，有些示例会以浏览器console终端显示。　　 二、变量 局部变量： var 变量名 全局变量：变量名

获取某元素的所有兄弟元素、添加或删除某个元素的class属性 window.jQuery = function (nodeOrSelector) { var node; if (typeof nodeOrSelector === 'string') { node = document.querySelector(nodeOrSelector); } else { node = nodeOrSelector; }//判断输入的内容是不是选择器 return {//返回一个哈希 //获取兄弟元素 getSiblings: function () { var allChild = node.parentNode.children; var array = { length: 0 }; //空伪数组 for (var i = 0; i < allChild.length; i++) { if (allChild[i] !== node) { array[array.length] = allChild[i]; array.length += 1; } } return array; }, //添加或删除某个class属性 addClass: function (classes) { for (var key in classes) { var value = classes[key];

● let ● variable hoisting ● arrow Function, Lambda表达式 ● Destructuring Assignments 解构赋值 ● 默认参数值 Default Parameters ● 可变参数 ● 解构参数 ● 解构数组 ● 解构对象 ● 遍历 ● Generators ● String Templates ● 快速创建对象 ● 只读变量 ● Sets ● Maps ● Symbols ● WeakMaps ● Promises ● 创建类 ● Modules ● 内置函数 let 使用let声明的变量只在语句块内有效。 "use strict"; function blockBindingDemo(){ let a = 123; var b = 123; if(true){ let a = 456; b = 456; console.log("使用let语句块中的a为" +a);//456 console.log("使用var语句块中的b为" +b) } console.log("使用let语句块外的a为" +a);//123 console.log("使用var语句块外的b为" +b);//456 } blockBindingDemo(); 以上，以let方式声明的变量只在语句块内有效，而以var方式的变量是一个全局变量。

JavaScript简介 JavaScript一种 直译 式 脚本语言 ，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的 解释器 被称为JavaScript引擎，为 浏览器 的一部分，广泛用于 客户端 的脚本语言，最早是在 HTML （ 标准通用标记语言 下的一个应用）网页上使用，用来给 HTML 网页增加动态功能。 1.基本特点 JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。 1.是一种解释性脚本语言（代码不进行预编译）。 2.主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。 3.可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。 4.跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。 Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。 2.日常用途 嵌入动态文本于HTML页面

数组的方法 实例方法 变异和非变异的理解 变异的方法：破坏了原始数组 非变异的方法：不会破坏原始数组，产生新数组 valueOf() 数组原始值 toString() 将数组转化为字符串 var arr = [ '苹果' , '桔子' ] ; console . log ( arr . valueOf ( ) ) ; // [1, 2, 3] console . log ( arr . toString ( ) ) ; // 1, 2, 3 console . log ( arr + '' ) ; // 隐式转换 1, 2, 3 console . log ( arr . join ( ',' ) ) ; // 1, 2, 3 join() 将数组按指定的字符转换为字符串 返回新的字符串，不会破坏原始数组，非变异方法。 如果不提供参数，默认用逗号分隔。 var arr = [ '苹果' , '桔子' ] ; console . log ( arr . join ( '' ) ) ; //苹果桔子 console . log ( arr . join ( '@' ) ) ; //苹果@桔子 console . log ( arr . join ( ) ) ; //苹果,桔子 var str = Array . prototype . join . call ( 'hello' , '

就是调用对象是一个Array,对Array类型增加了一个原型写法的函数，一般写一些扩展时经常用。比如判断一个元素是否在数组中之类的 Array.prototype.inArray= function (value){ for ( var i=0;i< this .length;i++){ if ( this [i] == value){ return true ; } } return false }; var arr=[ "1" , "2" , "3" ]; //以下同调用方式，在inArray函数中，使用this即可得到arr arr.inArray( "1" ); Array.prototype.inArray= function (value){ for ( var i=0;i< this .length;i++){ if ( this [i] == value){ return true ; } } return false }; var arr=[ "1" , "2" , "3" ]; //以下同调用方式，在inArray函数中，使用this即可得到arr arr.inArray( "1" ); js数组去重的三种常用方法总结 第一种是比较常规的方法 思路： 1.构建一个新的数组存放结果 2.for循环中每次从原数组中取出一个元素，用这个元素循环与结果数组对比 3

　　　three.js的三大要素，Scene,Camera,render； 　　　1. 构建场景 　　　　 scene = new THREE.Scene(); 　　2.创建相机 　　 var camera = new THREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight,0.1,1000) 　　3.渲染 　　 var renderer = new THREE.WebGLRenderer(); renderer.setSize(window.innerWidth,window.innerHeight); document.body.appendChild(renderer.domElement); 　　4.创建模型 　　　　4.1 几何模型 var geometry = new THREE.CubeGeometry(1,1,1); 　　　　4.2 材质 var material = new THREE.MeshBasicMaterial({color: 0x00ff00}); 　　　　4.3 添加到场景 var cube = new THREE.Mesh(geometry,material); scene.add(cube); 　　5 循环渲染 function render() {

Date对象,javascript的内置对象。对于Date对象这里做一个简单的介绍，首先声明本文中知识点来自月影的《javascript 王者归来》。 Date是javascript中表示时间的对象。可以通过以下几种方式构造： 1. var now1 = new Date; //缺省参数 2. var now2 = new Date(2011,1,1); //传入表示年、月、日、时、分、秒、毫秒的数值，这些数值除了年、月以外都可以缺省。 注意这里javascript的月份是从0开始算的，即0代表1月份，故此时alert(now2.toLocaleString());输出为2011年2月1日 0:00:00。 3. var now3 = new Date("2011/1/1 12:00:00"); //此时这里的月份即为1月份。 4. 通过一个整数参数来构造函数，这个整数代表的是距离1970/01/01 08:00:00的毫秒数，这种方式不太常用。 一个日期对象的valueOf()返回的就是这个整数（getTime方法也是）。 操作日期对象的几个常用方法： var todayDate = new Date(); 1. 获取现在时间的日期： var day = todayDate.getDate(); //获取日期 2. 获取月份，记得加1： var month = todayDate

使用 jquery获取url 以及使用 jquery获取url参数 是我们经常要用到的操作 1、jquery获取url很简单，代码如下： window.location.href; 其实只是用到了javascript的基础的window对象，并没有用 jquery 的知识。 2、jquery获取url参数比较复杂，要用到正则表达式，所以学好javascript正则式多么重要的事情 首先看看单纯的通过javascript是如何来获取url中的某个参数： //获取url中的参数 function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 if (r != null) return unescape(r[2]); return null; //返回参数值 } 通过这个函数传递url中的参数名就可以获取到参数的值，比如url为 http://localhost:33064/WebForm2.aspx?reurl=WebForm1.aspx 我们要获取reurl的值，可以这样写： var xx = getUrlParam

vue-双向数据绑定原理分析二--Mr.Ember 摘要：双向数据绑定是vue的核心，通过是数据劫持结合发布者-订阅者模式的模式实现的。 上一讲 提到了怎么简单的模仿双向数据绑定，下面我们将会分析下vue双向数据绑定源码的简单实现。 实现原理 双向数据绑定是通过数据的劫持结合发布者-订阅者模式的方式实现的。 数据劫持、vue是通过Object.definedProperty()实现数据劫持，其中会有getter()和setter()方法。当读取属性值时，就会触发getter()方法，在view中如果数据发生了变化，就会通过Object.defineProperty()对属性设置一个setter函数，当数据改变了就会触发这个函数； 一. 实现一个监听器observer observer主要是通过Object.defineProperty()来监听属性的变动，那么将需要observer的数据对象进行递归遍历，包括子属性对象，都加上setter和getter，给这个对象的某个值赋值，就会触发setter，从而监听数据的变化。 Observer.prototype = { walk: function(data) { //执行函数 var self = this; // 通过对一个对象进行遍历，对这个对象所有的属性进行监听 Object.keys(data).forEach