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

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

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

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

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每日一练（十三）——运动实例

一.图片放大缩小 <!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每日一练（十二）——运动框架

运动框架可以实现多物体任意值运动例子: <!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每日一练（十一）——多物体运动

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

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每日一练（九）——运动一：匀速运动

一.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每日一练（七）——事件二：键盘事件

一.键盘事件 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每日一练（六）——事件一

一.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每日一练（五）——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每日一练（四）——DOM二

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

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）：基础

这篇文章里,我们来聊一些JavaScript的基础知识. 1. 如何运行JavaScript? JavaScript是一种解释型的语言,它不需要提前编译.通常情况下,JavaScript会放在网页中,在浏览器中运行.我们也可以找到一些在线的可以运行JavaScript的平台,当然我们也可以在Firefox或者Chrome里运行. 我在网上找到了一个可以在线运行的网站:runjs,文章中的代码都是在该网站上运行的. 实际上,我们可以在本地创建一个简单的网页,然后通过编辑网页的方式来测试JavaSc…

什么是JavaScript闭包终极全解之一——基础概念

本文转自:http://www.cnblogs.com/richaaaard/p/4755021.html 什么是JavaScript闭包终极全解之一——基础概念 “闭包是JavaScript的一大谜团.最近的一项调查显示,有关JavaScript的闭包的博客文章占23%左右” [1] 引子在阮一峰博士的博客中[2],已经对JavaScript的闭包概念解释得非常详细,但是博主还是觉得有必要,对闭包这一名词以JavaScript为例,从概念到应用做更为深入研究,方便读者更为透彻的理解. 首先借…

第一百一十三节，JavaScript文档对象，DOM基础

JavaScript文档对象,DOM基础学习要点: 1.DOM介绍 2.查找元素 3.DOM节点 4.节点操作 DOM(Document Object Model)即文档对象模型,针对HTML和XML文档的API(应用程序接口).DOM描绘了一个层次化的节点树,运行开发人员添加.移除和修改页面的某一部分.DOM脱胎于Netscape及微软公司创始的DHTML(动态HTML),但现在它已经成为表现和操作页面标记的真正跨平台.语言中立的方式. 一．DOM介绍 DOM中的三个字母,D(文档)可以理解…

全面解读JavaScript入门到进阶，100%基础知识掌握！

一.JavaScript 简介 1.JavaScript 是 Web 的编程语言,是前端开发必须掌握的三门语言之一,即: HTML 定义了网页的内容 CSS 描述了网页的布局 JavaScript 实现了网页的行为 2.JavaScript 是一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML…

JavaScript模块化编程之AMD - requireJS基础使用

JavaScript模块化编程之AMD requireJS基础使用标签(空格分隔): JavaScript 参考文章 AMD规范 AMD是"Asynchronous Module Definition"的缩写,意思就是"异步模块定义".它采用异步方式加载模块,模块的加载不影响它后面语句的运行.所有依赖这个模块的语句,都定义在一个回调函数中,等到加载完成之后,这个回调函数才会运行. require.js作用实现js文件的异步加载,避免网页失去响应: 管理模块之间的…

沙朗javascript总结一下（一）---基础知识

我也听说过Javascript这东西.我一直感觉很神奇,但它并没有去太懂.今天,牛腩哥哥随后的初步研究,一些浅显的认识.就先总结一下. 首先,什么是javascript? javascript是一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.(Baidu百科) 简单解释一下,直译式就是这样的编程语言不须要经过编译器先行编译为机器码,之后直接在CPU中就能运行: 动态类型就是说javascript的类型检查是在执行时做的,官方一些说,即程序执行时能够改变其结构,如新函数的…

1.1（JavaScript学习笔记）、JavaScript基础

一.JavaScript简介 JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型. 它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言. 二.JavaScript语句 JavaScript语句可以直接写在HTML中,但是需要使用<script></script>包裹起来. <script> //JavaScript语句 </script> 三.JavaScript输出使用JavaS…

小王子浅读Effective javascript（一）了解javascript版本

哈哈,各位园友新年快乐!愚安好久没在园子里写东西了,这次决定针对javascript做一个系列,叫做<小王子浅读Effective javascript>,主要是按照David Herman的<Effective javascript>的内容做一些解读和扩展.原书中有68点针对javascript编程的小tips,很是经典,园友们也可以网上找找PDF读一下,写的很不错,也可以买买原著读读,提醒下,这本书的中文译本也已经出了.为什么叫“浅读”,一方面是愚安并不是专业javascrip…

每日一小练——高速Fibonacci数算法

上得厅堂,下得厨房,写得代码,翻得围墙,欢迎来到睿不可挡的每日一小练! 题目:高速Fibonacci数算法内容:先说说Fibonacci数列,它的定义是数列:f1,f2....fn有例如以下规律: 尝试寻找高速的求出fn的方法我的解法:上来没多想,打开vs2013就敲了起来,问题果然非常easy,分分钟就超神..奥,不正确就攻克了! 事实上题目中就给出了这个算法的递归形式,所以首先我想到的是递归解法,只是由于求解高速方法在递归之前,我编写了一个非递归的算法 #include <iostrea…

WindowsAPI每日一练(2) 使用应用程序句柄

WindowsAPI每日一练系列 :https://www.cnblogs.com/LexMoon/category/1246238.html WindowsAPI每日一练() WinMain WindowsAPI每日一练(2) 使用应用程序句柄从上面这段程序就可以看到,_tWinMain是应用程序的入口函数,这里是使用它的宏,定义在tchar.h头文件里,为什么要这样作宏定义的呢?由于Windows的应用程序要适应UNICODE和以前单字符的应用程序,由于Windows这两个API的定义是不…

JavaScript（一）：JavaScript简介

一.什么是JavaScript JavaScript是一种具有面向对象能力的.解释性的程序设计语言.更具体一点,它是基于对象和事件驱动并具有相对安全性的客户端脚本语言.因为他不需要在一个语言环境下运行,而只需要支持它的浏览器即可.它的主要目的是:验证发往服务器端的数据的合法性.增加web互动.加强用户体验度等. 基于对象:JavaScript中内置了很多对象,直接调用对象的属性和方法进行操作,简化编程. 事件驱动:程序开始运行到结束,可以一直侦听事件. 解释性语言:不需要编译成计算机专门去读的文…