var函数 | 易学教程

javascript

阅读更多关于 javascript

Web前端有三层： HTML：从语义的角度，描述页面结构 CSS：从审美的角度，描述样式（美化页面） JavaScript：从交互的角度，描述行为（提升用户体验） JavaScript和ECMAScript的关系 ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association）制定的标准。 JavaScript是由公司开发而成的，问题是不便于其他的公司拓展和使用。所以欧洲的这个ECMA的组织，牵头制定JavaScript的标准，取名为ECMAScript。 ECMAScript不是一门语言，而是一个标准。符合这个标准的比较常见的有：JavaScript、Action Script JavaScript是前台语言 JavaScript运行在用户的终端网页上，而不是服务器上，所以我们称为“ 前台语言 ”。JavaScript就是一个简单的制作页面效果的语言，就是服务于页面的交互效果、美化、绚丽、不能操作数据库。后台语言是运行在服务器上的，比如PHP、ASP、JSP等等，这些语言都能够操作数据库，都能够对数据库进行“增删改查”操作。Node.js除外。 JavaScript的组成 JavaScript基础分为三个部分： ECMAScript

JavaScript对象与对象原型

阅读更多关于 JavaScript对象与对象原型

1.对象的创建 var obj = new Object(); obj.name = “XXX”; var obj = {}; var obj = { // 键值对 name: “孙悟空”, age: 18, test:{name:“唐僧”} }; 删除属性名 delete obj.属性值读取对象属性值 obj.name 2.this指向 this指向一个对象，这个对象指函数执行的上下文对象根据函数调用方式不同，传入参数不同 3.工厂创建对象，无法区分多种类型的对象 function person(name, age, gender) { var obj = {}; obj.name = name; obj .age = age; obj.gender = gender; obj.sayName = function () { alert(obj.name) }; return obj; } var obj3 = person("蜘蛛精", 22, "女"); obj3.sayName(); 4.构造函数普通函数直接调用，构造函数使用关键字new 立即创建一个对象将新建对象设置为函数中this 逐行执行函数中的代码将新建对象作为返回值返回 function Person(name, age, gender) { this.name = name; this.age =

每天刷Web面试题(前10天汇总)

阅读更多关于每天刷Web面试题(前10天汇总)

一、算法题部分 1. 如何获取浏览器URL中查询字符串中的参数？ function getParamsWithUrl(url) { var args = url.split('?'); if (args[0] === url) { return ""; } var arr = args[1].split('&'); var obj = {}; for ( var i = 0; i < arr.length; i++) { var arg = arr[i].split('='); obj[arg[0]] = arg[1]; } return obj; } var href = getParamsWithUrl('http://www.itlike.com?id=1022&name=撩课&age=1'); console.log(href['name']); // 撩课 2. 写一个深度克隆方法(es5)? /** * 深拷贝 * @param {object}fromObj 拷贝的对象 * @param {object}toObj 目标对象 */function deepCopyObj2NewObj(fromObj, toObj) { for(var key in fromObj){ // 1. 取出键值对 var fromValue = fromObj[key]; // 2.

JS能力测评试题

阅读更多关于 JS能力测评试题

找出元素 item 在给定数组 arr 中的位置 function indexOf(arr, item) { return arr.indexOf(item); } function indexOf(arr, item){ var index = -1; arr.forEach(function(res,i){ if(res === item && index === -1){ index = i; } }); return index; } function indexOf(arr, item) { if (Array.prototype.indexOf){ return arr.indexOf(item); } else { for (var i = 0; i < arr.length; i++){ if (arr[i] === item){ return i; } } } return -1; } function indexOf(arr, item) { var len = arr.length; for(var i = 0; i<len; i++) { if(arr[i] == item) { return i; } } return -1; } View Code 2.计算数组arr中所有元素的总和 //不考虑算法复杂度，用递归做 function sum(arr) {

原生JS数组操作的6个函数 arr.forEach arr.map arr.filter arr.some arr.every arr.findIndex

阅读更多关于原生JS数组操作的6个函数 arr.forEach arr.map arr.filter arr.some arr.every arr.findIndex

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> var arr = [1,2,4,5,3] var arrObj = [{'id':1,'name':'xiaoxiao'},{'id':2,'name':'maomao'}] // arr.forEach()遍历数组无返回值 arr.forEach(function(item,index,arr){ // console.log("index="+index,"item="+item) console.log(`当前遍历的元素索引是${index},值是${item}`) }) // arr.map()遍历并对每一个元素进行处理返回一个新数组做批量处理用的 var mapResult = arr.map(function(item){ return item*10 }) console.log(mapResult) // arr.filter()过滤遍历并检查每个元素符合条件留下不符合就过滤返回新数组 var filterResult = arr.filter(function(item){ return item>2 })

前端自学笔记---function a(){} 和 var a = function(){}的区别（javascript)

阅读更多关于前端自学笔记---function a(){} 和 var a = function(){}的区别（javascript)

Spread Operator展开运算符（...）

阅读更多关于 Spread Operator展开运算符（...）

将字符串转成数组 var str = 'abc' console . log ( [ ... str ] ) //['a','b','c'] 将集合转成数组 var set = new Set ( [ 1 , 2 , 3 ] ) console . log ( [ ... set ] ) //[1, 2, 3] 两个数组的合并 var arr1 = [ 1 , 2 , 3 ] var arr2 = [ 4 , 5 , 6 ] console . log ( [ ... arr1 , ... arr2 ] ) //[1, 2, 3, 4, 5, 6] 在函数中，用来代替arguments参数 function fn ( ... args ) { console . log ( args ) //[1,2,3] } fn ( 1 , 2 , 3 ) function fn ( x , ... y ) { console . log ( x ) console . log ( y ) } fn ( 4 , 5 , 6 ) //4 和 [5,6] fn ( "a" ) //a 和 [] fn ( ) //undefined 和 [] 来源： CSDN 作者：还在挖路的脱发鬼链接： https://blog.csdn.net/Lorraineyxy/article/details

【前端学习笔记day67】9.15. javascript定时器

阅读更多关于【前端学习笔记day67】9.15. javascript定时器

文章目录 9.15. 定时器定时器 9.15. 定时器定时器定时器在javascript中的作用 1、制作动画 2、异步操作 3、函数缓冲与节流定时器类型及语法 /* 定时器： setTimeout 只执行一次的定时器 clearTimeout 关闭只执行一次的定时器 setInterval 反复执行的定时器 clearInterval 关闭反复执行的定时器 */ var time1 = setTimeout(myalert,2000); var time2 = setInterval(myalert,2000); /* clearTimeout(time1); clearInterval(time2); */ function myalert(){ alert('ok!'); } 课堂练习 1、定时器制作移动动画 2、定时器制作无缝滚动 3、定时器制作时钟 <script type="text/javascript"> window.onload = function(){ var oDiv = document.getElementById('div1'); function timego(){ var now = new Date(); var year = now.getFullYear(); var month = now.getMonth()+1; var

JavaScript之对象

阅读更多关于 JavaScript之对象

1.创建对象如下都是合法的对象 var empty={}; var point={x:5,y:6}; var point2={x:point.x, y:point.y+1}; var book={ "main title":"JavaScript", "sub-title":"The Definitive Guide", "for":"all audiences", "author":{ "firstname":"David", "surname":"Flangan", }, }; 也能通过new创建 var o = new Object(); var a = new Array(); var d = new Date(); var r = new RegExp("js"); ES5定义了一个名为Object.create()的方法，创建一个对象，括号内的第一个参数是这个对象的原型。绝大部分JS对象都有原型对象，这些普通对象都会继承原型对象的属性。 Object.create()是一个静态函数，不是可以调用的方法。 var o1=Object.create({x:5, y:6}); 也可以传入null来创建一个没有原型的新对象。注意这样的对象不会有任何方法。除了{}这样的方法，可以通过传入Object.prototype来创建一个普通的空对象。 2.对象属性的查询设置

【高德地图API】从零开始学高德JS API（四）搜索服务——POI搜索|自动完成|输入提示|行政区域|交叉路口|自有数据检索

阅读更多关于【高德地图API】从零开始学高德JS API（四）搜索服务——POI搜索|自动完成|输入提示|行政区域|交叉路口|自有数据检索

摘要：地图服务，大家能想到哪些？POI搜素，输入提示，地址解析，公交导航，驾车导航，步行导航，道路查询（交叉口），行政区划等等。如果说覆盖物Marker是地图的骨骼，那么服务，就是地图的气血。有个各种各样的地图服务，我们的地图应用才能变得有血有肉，活灵活现。第四篇拆成了几个要点，本篇主要讲搜索服务。包括周边搜索，关键词搜索，范围搜索，搜索提示（自动完成，输入提示），行政区域，交叉路口，检索自有数据（云图）。 demo： http://zhaoziang.com/amap/zero_4_1.html 示意图1：自动完成，输入提示示意图2：云图，自有数据检索，A-H图标显示，麻点图 --------------------------------------------------------------------------------------- 一、POI搜索 1、关键字查询使用search方法，传一个关键词参数即可。 MSearch.search('东方明珠'); //关键字查询完整代码： //关键词查询 function placeSearch1() { var MSearch; mapObj.plugin(["AMap.PlaceSearch"], function() { MSearch = new AMap.PlaceSearch({ //构造地点查询类

订阅 var函数