javascript每日一练（二）——javascript（函数，数组）

JavaScript学习总结(十二)——JavaScript编写类

在工作中经常用到JavaScript,今天总结一下JavaScript编写类的几种写法以及这几种写法的优缺点,关于JavaScript编写类的方式,在网上看到很多,而且每个人的写法都不太一样,经常看到的就是以下几种方式. 1.构造函数方式用构造函数模拟"类",在其内部用this关键字指代实例对象. 基本语法: function 类名(){ this.属性名;//公共属性 var 属性名;//私有属性 /*凡是定义类的公共属性和公共方法都要使用this*/ …

javascript每日一练（二）——javascript（函数，数组）

一.函数什么是函数 function show(){}//不带参数 function show(){return 123;}//不带参数,有返回值 function show(arg1, arg2,...){}//可带一个或多个参数 function show(a, b){//带参数,并有返回值 return a+b; } 函数实例:获取元素样式 <!doctype html> <html> <head> <meta charset="utf-8&qu…

JavaScript学习笔记（二）——函数和数组

第二章函数简介 1 第一个函数示例 <script language="JavaScript" type="text/JavaScript"> function bark(name,weight) { if(weight>20) console.log(name+" says WOOF WOOF"); else console.log(name+" says woof woof"); } bark(&quo…

javascript每日一练（十二）——运动框架

运动框架可以实现多物体任意值运动例子: <!doctype html> <html> <head> <meta charset="utf-8"> <title>运动框架</title> <style> #div1{ width:100px; height:100px; background:red; position:absolute; left:0; top:50px; opacity:0.3;…

javascript每日一练（十）——运动二：缓冲运动

一.缓冲运动实现原理:(目标距离-当前距离) / 基数 = 速度(运动距离越大速度越小,运动距离和速度成反比) (500 - oDiv.offsetLeft) / 7 = iSpeed; 需要注意:当计算出来的速度有小数时需要取整: (500 - oDiv.offsetLeft) / 7 = iSpeed; iSpeed = iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed); 例子1: <!doctype html> <html>…

javascript每日一练（七）——事件二：键盘事件

一.键盘事件 onkeydown触发, keyCode键盘编码 ctrlKey altKey shiftKey 键盘控制div移动 <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #div1{ width:100px; height:100px; background:red; posit…

javascript每日一练（四）——DOM二

一.DOM的创建,插入,删除 createElement(标签名) appendChild(节点) insertBefore(节点,原有节点) removeChild(节点) <!doctype html> <html> <head> <meta charset="utf-8"> <title>创建,删除,插入元素</title> <script> window.onload = function(){…

javascript每日一练（一）——javascript基础

一.javascript的组成 ECMAScript DOM BOM 二.变量类型常见类型有:number, string, boolean, undefined, object, function typeof 运算符,用来检测对象的类型,如:alert(typeof 'aaa'); //string 三.数据类型转换显示类型转换(强制类型转换):parseInt(), parseFloat(); 隐示类型转换:==.===.-.*./ isNaN(),检测一个对象是一个非数字四.作用域…

Javascript异步编程之二回调函数

上一节讲异步原理的时候基本上把回掉函数也捎带讲了一些,这节主要举几个例子来具体化一下.在开始之前,首先要明白一件事,在javascript里函数可以作为参数进行传递,这里涉及到高阶函数的概念,大家可以自行google一下. 传统的同步函数需要返回一个结果的话都是通过return语句实现,例如: function foo() { var a = 3, b = 2; return a+b; } var c = foo(); console.log(c); 就是说后面的代码console.…

javascript 学习总结（二）Array数组

1.数组常用方法 var colors = ["red", "blue", "green"]; //creates an array with three strings alert(colors.toString()); //red,blue,green alert(colors.valueOf()); //red,blue,green alert(colors); //red,blue,green 2.数组map()方法 var number…

javascript每日一练（十三）——运动实例

一.图片放大缩小 <!doctype html> <html> <head> <meta charset="utf-8"> <title>图片放大缩小</title> <style> *{ margin:0; padding:0; list-style:none;} #ulList{ margin:50px;} #ulList li{ margin:10px; width:100px; height:1…

javascript每日一练（五）——BOM

一.BOM打开,关闭窗口 window.open(); window.close(); <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script> window.onload = function() { var oBtn = document.getElementById('btn1'); var…

【JavaScript 6连载】二、函数（工厂模式）

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>02-工厂模式</title><script> /*// 函数在执行的时候,执行环境的作用域是当前函数的调用者function testThis (){console.log(this);}// window.testThis();*/ var p1 =…

javascript每日一练—运动

1.弹性运动运动原理:加速运动+减速运动+摩擦运动: <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #div1{ width:100px; height:100px; background:red; position:absolute; left:0; top:50px;} </…

javascript每日一练（十四）——弹性运动

一.弹性运动运动原理:加速运动+减速运动+摩擦运动: <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #div1{ width:100px; height:100px; background:red; position:absolute; left:0; top:50px;} </…

javascript每日一练（十一）——多物体运动

一.多物体运动需要注意:每个运动物体的定时器作为物体的属性独立出来互不影响,属性与运动对象绑定,不能公用: 例子1: <!doctype html> <html> <head> <meta charset="utf-8"> <title>多物体运动</title> <style> div{ width:100px; height:100px; background:red; float:left; m…

javascript每日一练（九）——运动一：匀速运动

一.js的运动匀速运动清除定时器开启定时器运动是否完成:a.运动完成,清除定时器:b.运动未完成继续匀速运动停止条件:距离足够近 Math.abs(当然距离-目标距离) < 最小运动距离 div的匀速运动(简单运动) <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #di…

javascript每日一练（八）——事件三：默认行为

一.阻止默认行为 return false; 自定义右键菜单 <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> *{ margin:0; padding:0;} #ul1{ list-style:none; display:none; width:100px; padding:5px; ba…

javascript每日一练（六）——事件一

一.event对象 var oEvent = ev || event;//获取事件对象 oEvent.clientX oEvent.clientY//获取鼠标坐标 oEvent.cancelBubble = true;//阻止冒泡 <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #div1…

javascript每日一练（三）——DOM一

一.Dom基础 childNodes(有兼容问题),children nodeType getAttribute() firstChild,lastChild,previousSilbing,nextSilbing(有兼容问题) offsetParent,parentNode <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title&…

Python每日一练------内置函数+内置变量+内置模块

1.内置函数 Python所有的内置函数 Built-in Functions abs() divmod() input() open() staticmethod() all() enumerate() int() ord() str() any() eval() isinstance() pow() sum() basestring() execfile() issubclass() print() super() bin() file() iter() property()…

JavaScript学习总结（二）数组和对象部分

pt学习总结(二)数组和对象部分 2016-09-16 分类:WEB开发.编程开发.首页精华暂无人评论来源:trigkit4 分享到:更多1 对象部分 Object类型 Object 是一个无序的集合,可以存放任意类型对象,所有其他对象都继承自这个对象. 创建Object类型有两种,一种是使用new运算符,一种是字面量表示法. 1.使用new运算符创建Object var obj = new Object();//注意大写,也可以直接写成Object() 注意,通过new Obj…

前端JavaScript(2) --常用内置对象,函数,伪数组 arguments,关于DOM的事件操作,DOM介绍

昨日内容回顾 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 38 39 40 41 1.三种引入方式 1.行内js <div onclick = 'add(3,4)'></div> //声明一个函数 function add(a,b){ } 2.内接js <script…

javascript学习（二）--函数

一.在JavaScript中,定义函数的方式如下: 1.第一种方式: function abs(x) { if (x >= 0) { return x; } else { return -x; } } 上述abs()函数的定义如下: function指出这是一个函数定义: abs是函数的名称: (x)括号内列出函数的参数,多个参数以,分隔: { ... }之间的代码是函数体,可以包含若干语句,甚至可以没有任何语句. 结果: 1.执行到return时,函数就执行完毕,并将结果返回 2.如果没有re…

javascript函数一共可分为五类： ·常规函数 ·数组函数 ·日期函数 ·数学函数 ·字符串函数

javascript函数一共可分为五类: ·常规函数 ·数组函数 ·日期函数 ·数学函数 ·字符串函数 1.常规函数 javascript常规函数包括以下9个函数: (1)alert函数:显示一个警告对话框,包括一个OK按钮. (2)confirm函数:显示一个确认对话框,包括OK.Cancel按钮. (3)escape函数:将字符转换成Unicode码. (4)eval函数:计算表达式的结果. (5)isNaN…

深入浅出javascript（二）函数和this对象

一.函数对象的属性和方法函数是一种数据类型,也是对象,这一点很明确.因此,函数对象也可以添加属性和方法,但是这里的属性和方法是静态的,之所以这样说,就是为了区别构造函数. 示例如下: ①创建一个空的函数对象circle function circle() //定义一个空函数circle(),也可以称为建立函数对象circle; { } ②为此函数对象添加属性和方法: function circle() //定义一个空函数circle(),也可以称为建立函数对象circle; { } circl…

【JavaScript】Leetcode每日一题-二叉搜索树的范围和

[JavaScript]Leetcode每日一题-二叉搜索树的范围和 [题目描述] 给定二叉搜索树的根结点 root,返回值位于范围 [low, high] 之间的所有结点的值的和. 示例1: 输入:root = [10,5,15,3,7,null,18], low = 7, high = 15 输出:32 示例2: 输入:root = [10,5,15,3,7,13,18,1,null,6], low = 6, high = 10 输出:23 提示: 树中节点数目在范围 [1, 2 * 10^…