1.问题并不繁琐,在于HTML中 DOM(文档对象模型)方法的掌握,我的钟表实现重点用到了三个函数和一个事件 A)setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式.setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭.由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数. 简而言之,这个方法有两个参数,第一个参数是指定需要被调用的函数,第二个参数是指定时间,即以多…
× 目录 [1]NodeList [2]HTMLCollection [3]NamedNodeMap[4]注意事项 前面的话 一说起动态集合,多数人可能都有所了解.但是,如果再深入些,有哪些动态集合,以及这些动态集合有什么表现.区别和联系?可能好多人就要摇头了.本文就javascript中的动态集合做详细介绍 NodeList NodeList实例对象是一个类数组对象,它的成员是节点对象,包括childNodes和querySelectorAll()方法返回值 <div id="test&…
Javascript中页面加载完成后优先执行顺序 document优先于windowwindow优先于element //document加载完成执行方法体 document.addEventListener('DOMContentLoaded', function () { },false); //window加载完成执行方法体 window.onload = function () { } ;(function () { //优先级1 alert("function执行"); }(…
在JavaScript中闭包的作用和简单的用法 一.闭包的简介 作用域链:在js中只有函数有作用域的概念,由于函数内能访问函数外部的数据,而函数外部不能访问函数内部的数据,由上述形成一种作用域访问的链式结构叫做作用域链. 闭包:通过某种方式实现的一个封闭的.包裹的对外不公开的结构|空间,有人称之为封闭空间,以及匿名函数自调.闭包可以使函数外部访问函数内部的数据. 二.闭包的基本写法 1.通过return来访问函数内部的变量 (function(){var a = 10; return 变量 |…
第十一课String对象介绍1:属性    在javascript中可以用单引号,或者双引号括起来的一个字符当作    一个字符对象的实例,所以可以在某个字符串后再加上.去调用String    对象的属性和方法.        例如    length返回string对象的长度,代表的是字符串当中字符的个数.    "大家好".length;//字符串的长度是3,每个汉子代表一个字符    2:常用方法    indexOf(substring[,startIndex])      …
在前面两篇博客中,我们讨论了Android中的事件分发的相关内容,那么在本篇博客当中,我们就简单探讨一下html或javascript中的事件分发机制,并进行简单的对比. 在前端中,对事件进行绑定有三种方式. (1).在DOM中绑定. <!-- @author www.yaoxiaowen.com --> <div id="div-1" onclick="div1click()">div - 1</div> <script&…
Javascript作为前端开发必须掌握的一门语言,因为语言的灵活性,有些知识点看起来简单,在真正遇到的时候,却不一定会直接做出来,今天我们就一起来看看几道题目吧 题目1 var val = 'smtg'; console.log(' Value is' + (val === 'smtg') ? 'Something' : 'Nothing'); 这道题考察的知识点是运算符的优先级. 首先,小括号的优先级是最高的,所以首先会做判断,val与smtg相等返回true.因此最后这道题等价于判断是执行…
第十四课DOM技术概述1:DOM概述 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树).    DOM是一种与浏览器,平台及语言无关的接口,能够以编程方式    访问和操作文档    1.DOM是Document Object Model(文档对象模型)的简称    2.提供了访问,操作该模型的API    2:DOM的分层结构    在DOM中,文档的层次结构被表示为树形结构…
js中的闭包已经有很多论断了,大家伙有没有听懂了,先引用一片比较高端 的 ”汤姆大叔“  深入理解JavaScript系列(16):闭包(Closures) 好了,为了引起大家的兴趣,先来小诗一首 var funny1 = function(word){ var base = '天上的云啊,'; alert(base + word); return funny1; } funny1('真白!')('很白!')('贼白!')('太他妈白!'); 论点:所有函数都是闭包,闭包在创建的时候就保存了上下…
使用正则进行替换以下内容 var str = 'aKey={aValue}&bKey={bValue}' 使用以下对象数据,替换value var obj = { aValue: 1, bValue: 2 } 正则表达式如下 str.replace(/{\w*}/g, function ($1) { return obj[$1.slice(1, -1)] }) 说明 因为 /{\w*}/g 匹配到的是 {aValue} 所以 $1 // {aValue} 因此,需要对$1做字符串截取处理,关于s…
感谢Mozilla 让我弄懂继承. JavaScript有八种基本类型,函数属于object.所以所有函数都继承自object.//扩展:对象,基本上 JavaScript 里的任何东西都是对象,而且都可以被储存在变量里.将这个记在脑子里. 与传统的基于类的面向对象语言不同,javascript中没有从一个类扩展出另一个类的底层类结构.在javascript中,继承是通过简单地从一个对象原形向另一个对象原形复制方法而实现的.---<javascript DOM 高级程序设计> 并且每个函数和对…
原文链接:http://www.2ality.com/2012/01/object-plus-object.html 译文链接:http://www.cnblogs.com/ziyunfei/archive/2012/09/15/2685885.html 最近,Gary Bernhardt在一个简短的演讲视频“Wat”中指出了一个有趣的JavaScript怪癖:在把对象和数组混合相加时,会得到一些你意想不到的结果.本篇文章会依次讲解这些计算结果是如何得出的. 在JavaScript中,加法的规则…
最近,Gary Bernhardt在一个简短的演讲视频“Wat”中指出了一个有趣的JavaScript怪癖:在把对象和数组混合相加时,会得到一些你意想不到的结果.本篇文章会依次讲解这些计算结果是如何得出的. 在JavaScript中,加法的规则其实很简单,只有两种情况:你只能把数字和数字相加,或者字符串和字符串相加,所有其他类型的值都会被自动转换成这两种类型的值. 为了能够弄明白这种隐式转换是如何进行的,我们首先需要搞懂一些基础知识.注意:在下面的文章中提到某一章节的时候(比如§9.1),指的都…
在 stackoverflow 上有人提问:arrays - Why does [1,2] + [3,4] = "1,23,4" in JavaScript? 问题 我想将一个数组追加到另一个数组的后面,于是我在 firebug 编写如下代码: [1,2] + [3,4] 但是,出乎意料,它却输出了: "1,23,4" 而没有输出我期望的: [1,2,3,4] 这是怎么回事呢?为什么 [1,2] + [3,4] 不等于 [1,2,3,4]? 类似问题还有:为什么 +…
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Javascript中堆和栈的简单理解</title> </head> <body> <script type="text/javascript"> /*function abc(num) { if(num > 3) { abc(--n…
向别人请教有好处也有坏处,好处是你可以相对比较快的知道要点,坏处就是你TM的发现你弄了那么久都是白弄. 昨天今天一直在找一个问题的解决方案,我的问题描述大概是这样子的:我用vs2012开发的.net网站中,需要在前台的页面动态播放数据库的录音文件,前台不需要呈现录音文件的列表.问题的详细描述是这样的,但是在百度上你不可能输入那么长的问题描述,于是我就面临了又一个问题——怎么准确的把这个问题描述出来.在最开始的时候我描述的问题是:.net网站页面如何播放音乐.获得的方案基本上就是在页面使用插件.O…
JavaScript在页面中的执行顺序 https://blog.csdn.net/superhoy/article/details/52946277 2016年10月27日 15:38:52 阅读数:1258 JavaScript是一种描述型脚本语言,它不同于java或C#等编译性语言,它不需要进行编译成中间语言,而是由浏览器进行动态地解析与执行.如果你不能理解javaScript语言的运行机制,或者简单地说,你不能掌握javascript的执行顺序,那你就犹如伯乐驾驭不了千里马,让千里马脱缰…
目录 00 简介 01 算法概述 02 公用方法与变量解释 03 先进先出置换算法(FIFO) 04 最近最久未使用(LRU)算法 05 最佳置换算法(OPT) 00 简介 页面置换算法主要是记录内存的忙闲状态,为进程分配和释放内存.当主存的空间太小而无法装入所有的进程时,就需要在内存和硬盘之间进行调度操作. 多数操作系统只采用某种特定的页面置换算法进行置换,无法预先探测当前运行进程的页面访问模式,因此不能根据不同的页面访问模式,选用不同的页面置换算法.当然,如果能对不同的访问模式选取相应的页面…
项目中有这样一种需求,给html5网页中图片添加点击事件,并且弹出弹出点击的对应的图片,并且可以保持图片到本地 应对这样的需求你可能会想到很多方法来实现. 1. 最简单的方法就是在html5中添加图片的onClick方法,并把图片的src和index传过来.这种方法虽然能够很好的解决这个问题,但是还需要前端代码的支持 2.使用WebviewJavascripBridge添加objc和js交互的方法,通过调用方法来实现效果,缺点是需要用到第三方,并且同样也需要前端代码的支持 3.第三种也就是今天这…
JavaScript中的setInterval用法(资料来源:博主---八神吻你   ) setInterval动作的作用是在播放动画的时,每隔一定时间就调用函数,方法或对象.可以使用本动作更新来自数据库的变量或更新时间显示.setInterval动作的语法格式如下:setInterval(function,interval[,arg1,arg2,......argn])setInterval(object,methodName,interval[,arg1,arg2,.....argn])第一…
总结:每个浏览器都有一定数量限制的cookie.每个浏览器中,每一个cookie都有一个path路径,指向请求访问的网页. ------------------------------------------------------------------------------------------------ 1.什么是 cookie? 2.通过 JavaScript:创建  /读取 /改变  /删除 cookie 3.Cookie 字符串 4.JavaScript Cookie 实例 :…
初学JavaScript的时候有人会认为JavaScript不是一门面向对象的语言,因为JS是没有类的概念的,但是这并不代表JavaScript没有对象的存在,而且JavaScript也提供了其它的方式来解决面向对象的问题.所以JavaScript也是一门面向对象的语言.(李昌辉) 面向对象仅仅是一个概念或者编程思想而已,它不应该依赖于某个语言存在.比如 PHP采用面向对象思想构造其语言,它实现了类.继承.派生.多态.接口等机制.但是这些机制,只是实现面向对象编程的一种手段,而非必须.换言之,一…
JavaScript中让Html页面中循环播放文字 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>我是标题</title> </head> <body> <div id="shadow" style="positio…
1,随笔由来 第一天开通博客,用于监督自己学习以及分享一点点浅见,不出意外的话,应该是一周一更或者一周两更.  此博客所写内容主要为前端工作中遇上的一些问题以及常见问题,在此基础上略微发表自己的一点浅见,如有出现错误,请看到的各位能够不吝赐教,此致谢意. 前几天在某技术群中水的正欢,忽然有群友提出了一个问题,虽然不难,卻是常人忽视的点,且出现次数较多,所以在此写一点东西,提醒一下自己. 2,JavaScript中的var 与 function 首先我们来看下面这个demo var f = fun…
说到JavaScript,大家都应该知道,它是一门脚本语言,也是一门弱类型语言,也是一门解析型的语言,同时也是一门动态类型的语言. 很好,至于JavaScript中数据类型.其分为基本数据类型和复杂数据类型,或者可以理解为值类型和引用类型. 基本数据类型中有这些:String,Number,Boolean,undefined,null. 复杂数据类型就是我们经常与其周旋不停的:Array, Date,Object,RegExp等等. 而其中的undefined和null也是空类型:String,…
我们都知道在javascript中window.onload 只能有一个如果有多个的话后面的会覆盖前面的,今天我们来看看怎么让一个页面执行多个window.onload <script type="text/javascript"> function addLoadEvent(func){ var oldon1oad=window.on1oad;//得到上一个on1oad事件的函数 if(typeof window.on1oad!='function'){//判断类型是否为…
JSON:JavaScript 对象表示法(JavaScript Object Notation). JSON 是存储和交换文本信息的语法.类似 XML. JSON 比 XML 更小.更快,更易解析. 简单使用JSON 新建立json.html <html> <body> <h2> 在 JavaScript 中创建 JSON 对象 </h2> <p> Name: <span id="jname"></span…
大家都知道在JavaScript中是没有类的概念的,但是却是有对象的概念的.有的人可能理解对象和类有些迷糊,这里简单的概括一下他们之间的区别: 类:抽象的概念,例如人,动物,汽车等都可以抽象成一个类 对象:是指这种概念中的实体,例如"一个带着红帽子的小男孩"."一辆红色的奔驰汽车","一只白色的小猫"都是实体也就是对象 实例化:就是指以类为基础构建一个实体.类所拥有的特征,其实例化对象,也一定拥有这些特征,而且实例化后可能拥有更多特征. 用Jav…
通过阅读<JS高级程序设计>这本书,对js中的作用域和作用域链知识有了初步的了解和认识,准备成笔记供大家参考,笔记中字数比较多,但个人认为叙述的挺详细的,所以希望读者耐心看.再者,本人了解的比较基础,不足的地方希望大家一起交流,共同学习. 1.执行环境(execution context) 执行环境定义了变量和函数有权访问的其他数据,决定了他们各自的行为.每个执行环境都有与之对应的变量对象(variable object),保存着该环境中定义的所有变量和函数.我们无法通过代码来访问变量对象,但…
为什么要使用包? 答案很简单:因为包的功能强大.设计期包(design-time package)简化了自定义组件的发布和安装:而运行期包(run-time package)则更是给传统的程序设计注入了新鲜的力量.一旦把可重用的代码编译为运行期库中,你就可以在多个应用程序中共享它们.所有应用程序都可以通过包访问标准组件,Delphi自己就是这么干的.因为应用程序不必在可执行文件中单独复制一份组件库,这样就大大节省了系统资源和磁盘空间.此外,包还可以减少花费在编译上的时间,因为你只需编译应用程序特…