var函数 | 易学教程

typescript入门基础

阅读更多关于 typescript入门基础

欢迎加入前端交流群交流知识&&获取视频资料： 749539640 1.typescript介绍微软开发的一门编程语言，javascript的一个超集，遵循最新的ES6脚本语言规范（2015年发布），它扩展了Javascript的语法，任何已经写好的javascript程序都可以不加改动的在typescript环境下运行，它只是向javascript添加了一些新的遵循ES6的语法，以及基于类的面相对象编程的特性。angular2框架2016年9月底发布，是由typescript语言来编写的；typescript是由谷歌和微软在背后支持的，有可能成为前端脚本语言发展的主流方向。 2.typescript优势支持ES6语法强大的IDE支持（允许为变量指定类型、语法提示【很强】、重构【很方便修改文件或方法的名字，自动连带修改】） angular2开发语言 3.typescript开发环境的搭建目前的主流浏览器还不是完全支持ES6语法规范，用ES6写的程序并不能直接放到浏览器上，需要把typescript代码转换为javascript代码才能在浏览器里运行；安装typescript compiler，这个是typescript的编译器 3.1在线complier ： http://www.typescriptlang.org/play/index.html 3

常用的内置对象（Date、Math）

阅读更多关于常用的内置对象（Date、Math）

Date 　　Date最主要的作用就是用来处理时间和日期。 Date格式 1 var today = new Date() 2 var d1 = new Date("October 13, 1999 11:13:00") 3 var d2 = new Date(79,5,24) 4 var d3 = new Date(79,5,24,11,33,0) Date对象方法（常用） 1 getDate() 2 //从Date对象中返回一周中的某一天（0~6） 3 getDay() //星期是从0开始的 4 //从Date对象以四位数字返回年份 5 getFullYear() 6 //返回Date对象的小时（0~23） 7 getHours() 8 //返回Date对象的毫秒值（0~999） 9 getMilliSeconds() 10 //返回Date对象的分钟（0~59） 11 getMinutes() 12 //返回Date对象的月份（1~11） 13 getMonth()+1 //是从0开始的，真实的月份需要加1 14 //返回Date对象的秒（0~59） 15 getSeconds() 16 //返回1970年1月1日至今的毫秒数 17 getTime() 18 setFullYear() 19 //设置Date对象中月的某一天（1~31） 20 setDate() 21 /

JS的常用函数

阅读更多关于 JS的常用函数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>第一个javascript计算页面</title></head><body><script type="text/javascript"> var s1="abc"; alert(typeof s1); alert(s1.length); var s2=new String("def"); alert(typeof s2); alert(s2.length); /*String.prototype.getLength=function () { return this.getLength(); } var l1=s1.getLength(); alert(l1); var l2=s2.getLength(); alert(l2);*/ alert("abcdf".charAt(0));//a alert("sunyuhuan".substr(2,3));//nyu alert("sunyuhuan".substring(2,3));//n</script></html> 来源： https://www.cnblogs.com/god1/p/12114239.html

javascript常用功能收藏

阅读更多关于 javascript常用功能收藏

引用:http://www.css88.com/archives/5180收集了一些比较常用的javascript函数。字符串长度截取 function cutstr(str, len) { var temp, icount = 0, patrn = /[^\x00-\xff]/， strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = str.substr(i, 1); if (patrn.exec(temp) == null) { icount = icount + 1 } else { icount = icount + 2 } strre += temp } else { break; } } return strre + "..." } 替换全部 String.prototype.replaceAll = function(s1, s2) { return this.replace(new RegExp(s1, "gm"), s2) } 清除空格 String.prototype.trim = function() { var reExtraSpace = /^\s*(.*?)\s+$/; return this.replace(reExtraSpace, "$1

ES6 基础学习

阅读更多关于 ES6 基础学习

ECMAScript 6 标准入门一、let和const let命令 let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效；是块级作用域，且 let 不允许在相同作用域内，重复声明同一个变量。 { let a = 12; } console.log(a); //Uncaught ReferenceError: a is not defined { let a = 12; let a = 22; } console.log(a); //Uncaught SyntaxError: Identifier 'a' has already been declared 另一个例子： var a = []; for (var i = 0; i < 10; i++) { a[i] = function () { console.log(i); }; } a[6](); 上面代码中，变量 i 是 var 命令声明的，在全局范围内都有效，所以全局只有一个变量 i 。每一次循环，变量 i 的值都会发生改变，而循环内被赋给数组 a 的函数内部的 console.log(i) ，里面的 i 指向的就是全局的 i 。也就是说，所有数组 a 的成员里面的 i ，指向的都是同一个 i ，导致运行时输出的是最后一轮的 i 的值，也就是10。如果使用 let

ES6 快速入门

阅读更多关于 ES6 快速入门

ES6 初识 ES6 是 ECMAScript 6.0 的简写，即 JavaScript 语言的下一代标准，已经在 2015年6月正式发布了，它的目标是让JS能够方便的开发企业级大型应用程序，因此，ES6的一些规范正在逐渐向Java、C# 等后端语言标准靠近。在 ES6 规范中，比较重大的变化有以下几个方面：新增 let、const 命令来声明变量，和var 相比，let 声明的变量不存在变量提升问题，但没有改变JS弱类型的特点，依然可以接受任意类型变量的声明；const 声明的变量不允许在后续逻辑中改变，提高了JS语法的严谨性。新增解构赋值、rest 语法、箭头函数等，这些都是为了让代码看起来更简洁，而包装的语法糖。新增模块化机制，这是 JavaScript 走向规范比较重要的一步，让前端更方便的实现工程化。新增类和继承的概念，配合模块化，JavaScript 也可以实现高复用、高扩展的系统架构。新增模板字符串功能，高效简洁，结束拼接字符串的时代。新增 Promise 机制，解决异步回调多层嵌套的问题。 ES6 介绍 let和const let ES6新增了let命令，用于声明变量。其用法类似var，但是声明的变量只在let命令所在的代码块内有效。 { let x = 10; var y = 20; } x // ReferenceError: x is not

常用函数封装

阅读更多关于常用函数封装

1. 获取元素ID var getDom = function(id){ return document.getElementById(id); } 2. 增加事件监听事件 var addEvent = function(id, event, fn){ var el = getDom(id) || document; if(el.addEventListener){ el.addEventListener(event, fn, false); }else if(el.attachEvent){ el.attachEvent('on'+event, fn); } } 3. 获取元素到body边缘的offsetLeft / offsetTop值 var getElementLeft = function(element){ var actualLeft = element.offsetLeft; var current = element.offsetParent; while(current !== null){ actualLeft += current.offsetLeft; current = current.offsetParent; } return actualLeft; } //获取的值是没有'px'单位的 var getElementTop = function

js常用函数的封装

阅读更多关于 js常用函数的封装

/*--> */ /*--> */ 1：//截取url带过来的参数 function getvl(name) { var reg = new RegExp("(^|\\?|&)" + name + "=([^&]*)(\\s|&|$)", "i"); return reg.test(location.href) ? decodeURI(RegExp.$2.replace(/\+/g, " ")) : '';};2：//判断对象的长度 Object.size = function (obj) { var size = 0, key; for (key in obj) { if (obj.hasOwnProperty(key)) size++; } return size;};3：// 转换字符串成时间function changeTime(t, nohour) { if (String(t).indexOf("-") >= 0 || t == null) { return t = ''; } else { var date = new Date(t); Y = date.getFullYear() + '-'; M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-

jQuery源码学习笔记（一）

阅读更多关于 jQuery源码学习笔记（一）

今天是学习jQuery的第一天，先明确一下学习目标：通过用自己的思路仿写jQuery库，更好地理解它的底层原理和编程思想。假设世界上还没有jQuery这样一个库，我们要从哪里开始呢？如果我们现在正在做一件事情，比如说喝水。那么，我们为什么要喝水呢？原因很简单，肯定是在此之前我们感觉到口渴了。也就是说我们产生了一个喝水的需求，而这个需求促使我们去做喝水这件事情。有没有发现，不单单喝水，其实我们大部分的行为都是由需求来驱动的。首先得要有一个需求，在需求的推动下我们才会采取相应的行动试图去满足这个需求。写一个jQuery库也是一样，在行动之前，我们得要先搞清楚写这个库的需求在哪里？也就是说：为什么要写这个库？不然，我们根本不知道从何入手。那么，为什么要写一个jQuery库呢？我们知道，jQuery本质上就是用javascript代码写成的各种方法的集合。但是javascript本身不是已经提供了各种各样的方法和功能了吗？为什么还要再另外写一个库出来呢？原因其实很好猜，那肯定是我们要写的这个库比javascript提供的原生方法更好用了，对吧？恩，到这里我们似乎得到了一个基本需求：写一个比原生javascript提供的方法集更好用的库。这个需求的关键在于“更好用”三个字。怎么才是“更好用”呢？我们知道一个原则：结构、表现、行为相分离。javascript是负责其中的“行为”的

filter方法

阅读更多关于 filter方法

filter 用于检查指定数组中符合条件的元素 array.filter(function(currentValue,index,arr), thisValue) currentValue ：当前值 index 当前索引 arr 当前元素属于的数组对象对象作为执行回调时候使用，传递给函数，用作this值；如果省略了的话this的值为undefined var aaa = [ 1,2,3,4 ] ; var bbb = aaa.filter (( val ) = > { return val <= 2 } ) console.log ( bbb ) // [ 1,2 ] 来源： CSDN 作者： Smile沛沛链接： https://blog.csdn.net/qq_34273059/article/details/103747448

订阅 var函数