JavaScript高级程序设计之BOM

作为前端,接触最多的无非就是浏览器了,而在浏览器中,BOM的地位可以说是至高无上的。BOM翻译为浏览器对象模型,它提供了很多对象,用于访问浏览器的功能。这篇文章会对这些功能进行详细的介绍。了解BOM需要注意的一点就是,不同的浏览器厂商,对BOM的支持各不相同,除了一些共有的功能外,浏览器厂商可能会拓展一些独有的功能。Window对象在BOM中Window对象是核心,它给予JS访问浏览器的能力,并且
阅读本文

javascript基础拾遗(十三)

1.jQuery的特点 jQuery是目前非常流行的javascript库,理念是“Write Less,Do More” 1)消除浏览器差异 2)简洁的操作DOM方法 3)轻松实现动画,修改CSS等各种操作2.$符号 $是著名的jQuery符号,jQuery把所有功能都封装在一个全局函数jQuery中,$是全局函数jQuery的别名。window.jQuery; // jQuery(select
阅读本文

JavaScript学习笔记(十一)——闭包

在学习廖雪峰前辈的JavaScript教程中,遇到了一些需要注意的点,因此作为学习笔记列出来,提醒自己注意!如果大家有需要,欢迎访问前辈的博客https://www.liaoxuefeng.com/学习。变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。va
阅读本文

javascript Date

Date 对象 用于处理日期和时间创建Date对象的语法:var myDate = new Date();注释:Date对象会自动把当前日期和时间保存为初始值Date对象属性constructor 返回对创建此对象的Date函数的引用。prototype 是您有能力向对象添加属性和方法Date()返回当日的日期和时间getDate()从Date()对象返回一个月中的某一天(1-31)。getDay
阅读本文

javascript Array

从我学习编程以来,一直搞不太懂对象和数组的区别,其实这是一个非常脑残的问题,数组跟对象应该很好区分,数组用于在单个变量中存储多个值创建Array对象new Arrray();nwe Array(size);new Array(ele0,ele1...elen); 参数参数siz是期望的元素个数,返回的数组,length字段被设为size的值。参数ele0,ele1...elen是参数列表,当使用这
阅读本文

JavaScript数据类型之数字类型

引言JavaScript不区分整数值和浮点数值,全部使用浮点数值表示。当一个数字直接出现在JavaScript程序中,我们称之为数字直接量(numeric litertal)。JavaScript支持多种格式的数字直接量。整型直接量在JavaScript程序中,用一个程序序列表示一个十进制整数。除了十进制的整型直接量,JavaScript同样能识别十六进制(以16为基数)值(以“0x”和“0X”为
阅读本文

javascript 数组基础

<!DOCTYPE html> <html lang=“en“> <head> <meta charset=“UTF-8“> <title></title> <script type=“text/javascript“> var a = [1,2,3]; //a = new Array(1,2,3); //数组的length可
阅读本文

JavaScript OOP 之 this指向

今天给大家分享一个JavaScript OOP中关于分辨this指向对象的小技巧,很实用呦!我们先来看一段代码:大家能判断出func();和obj.func();这两句的this指向吗?首先,我们都知道的是,this的指向就是最终调用函数的对象。可是最终调用函数的对象,你能清楚地判断出来吗?但是,有几点需要注意:  ① this 指向谁,不应该考虑函数在哪声明,而应该考虑函数在哪调用!  ② th
阅读本文

Lua与javascript的差异

Lua与javascript的差异 2010-03-08Lua模拟器js方案1.语法级模拟lua与js语言差异 1.1注释js 为//,lua为--. 1.2变量js利用var来声明全局变量不存在局部变量,lua则不需要直接定位则为全局变量,local声明则为局部变量。 1.3运算符 js+ - * / % ++ --= += -= *= /= %=支持字符串 +txt1 = “what a ve
阅读本文

JavaScript常见兼容问题解决

JS兼容问题//事件对象的获取document.onclick = function(e){  var _e = window.event || e;}document.onkeydown = function(event){  var code = event.keyCode || event.which; //兼容性问题  alert(event.which); // 不支持}//事件委托l
阅读本文

多物体运动JavaScript函数封装

function startMove(obj, json, func){   clearInterval(obj.timer);   obj.timer = setInterval(function(){     var bStop = true;     //取出该属性的初值     for(var attr in json){       var iCur = 0;
阅读本文

JavaScript面向对象中的继承

1.1继承的基本概念使用一个子类,继承另一个父类,那么子类可以自动拥有父类中的所有属性和方法,这个过程叫做继承。>>>继承的两方,发生在两个类之间。实现继承的三种方式:  扩展Object的prototype实现继承、使用call和apply和bind实现继承、使用原型实现继承。 1.2扩展Object的prototype实现继承  扩展Object的prototype实现继承的原理,就是通过循环
阅读本文

第五章JavaScript对象及初识面向对象

第五章   JavaScript对象及初识面向对象一.对象在JavaScript中,所有事物都是对象,如字符串、数值、数组、函数等。在JavaScript对象分为内置对象和自定义对象,要处理一些复杂的逻辑时,需要用户自定义对象:自定义对象语法:var 对象名称=new  Object( );JavaScript的内置对象是一种特殊的数据,常见的内置对象有:String(字符串) 对象Date(日期
阅读本文

JavaScript DOM2

1、Window.history:window.open打开网页的方式必须是_selfwindow.history.back()后退Window.history.forward()前进<body> <input type=“button“ value=“打开窗口“ onclick=“Dk()“ /> <input type=“button“ value=“前进“
阅读本文

JavaScript数据类型/表达式/运算符

数据类型:原始类型( number,string,boolean,null,undefined ),     对象类型,(函数(function)和数组(array) 和时间(date)等都属于对象类型隐式转换:37“-7结果为30,减号理解为减法运算      “37”+7结果为“377”,加号理解为字符串拼接巧用 +/- 规则转换类型:      1. num - 0 -> 数字;
阅读本文

第四章JavaScript操作DOM对象

第四章   JavaScript操作DOM对象一.DOM操作DOM是Document Object Model的缩写,即文档对象模型,是基于文档编程的一套API接口,1988年,W3C发布了第一级的DOM规范,这个规范允许和操作HTML页面中的每个单独的元素,如网页的表格、图片、文本、表单元素等。1.    DOM操作分类使用JavaScript操作DOM时分为三个方面:DOM Core(核心)、
阅读本文

WebStorm强大的调试JavaScript功能(转载)

一、JavaScript的调试目前火狐和Chrome都具备调试JavaScript的功能,而且还是相当的强大。如果纯粹是用浏览器来进行js调试的话,我比较喜欢用火狐。火狐可以安装各种插件,真的是非常适合开发者。不过今天的主角并不是火狐,也不是Chrome,而是号称最智能的JavaScript IDE:WebStorm。其实WebStorm之所以支持调试JavaSccript,其实也是借助了Chro
阅读本文

JavaScript高级程序设计之基本概念篇

日子天天过,啥都能忘,学习不能忘。《JavaScript高级程序设计》这本书之前看过,但是只看了js的部分,其余部分并没有看。当时想,看看js部分应该够用了,但最近看了篇文章,受到了很深的打击,遂决定从头到尾把高设完整的在看一遍。基本概念篇是高设第三章的内容,之所以在该章开始,主要是因为前两章的内容看不看都差不多。既然说是基本概念,讲的当然是JavaScript的基础内容了。内容主要包括语法、数据
阅读本文

javascript时间戳转换成yyyy-MM-DD格式

最近开发中需要和后端进日期和时间传值,前后端约定为时间戳的格式,但是前端展示需要展示成年-月-日的格式。就需要进行日期和时间转换格式。自己总结两个方式就行转换。一,new Date(时间戳).format(“yyyy-MM-dd“);二,是封装的函数转换    formatDayTime: function(val) { if(val) {
阅读本文

JavaScript责任链模式

介绍责任链模式(Chain of responsibility)是使多个对象都有机会处理请求,从而避免请求的发送者和接受者之间的耦合关系。将对象连成一条链,并沿着这条链传递该请求,直到有一个对象处理他为止。请求以后,从第一个对象开始,链中收到请求的对象要么亲自处理它,要么转发给链中的下一个候选者。提交请求的对象并不知道哪一个对象将会处理它——也就是该请求有一个隐式的接受者(implicit rec
阅读本文