数往知来 JavaScript<十三>

一.javaScript 语法:大小写敏感,弱类型(所有类型都用var进行引导.声明) 写在<script></script>标签里不可以放在title里 var num=10; var str='123a'; var isRight=true; var ch='c'; ..... 输出 alert(num); alert(str); -->当字符串在纯JS代码中时,使用双引号, 当字符串在html页中,混合使用的嗯时候,使用单引号,避免与属性值冲突' 1.jav…

从头开始学JavaScript (十三)——Date类型

说明:UTC:国际协调日期 GMT:格林尼治标准时间一.date类型的创建使用new操作符和Date()构造函数 var now=new Date(): 传入参数:Date.parse()和Date.UTC() 方法描述备注及栗子 parse(datestring) 指定的日期和时间据 1970/1/1 午夜(GMT 时间)之间的毫秒数静态方法.语法:Date.parse(datestring) <script type="text/javascript"> va…

JavaScript高级程序设计：第十三章

第十三章一.理解事件流事件流描述的是从页面中接收事件的顺序. 1.事件冒泡 IE的事件流叫做事件冒泡,即事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的节点.以下面的HTML页面为例: <!DOCTYPE html> <html> <head> <title>Event Bubling Example</title> </head> <body> <div id="myDiv"&g…

JavaScript -- 时光流逝（十三）：DOM -- Console 对象

JavaScript -- 知识点回顾篇(十三):DOM -- Console 对象 (1) assert() : 如果断言为 false,则在信息到控制台输出错误信息.(2) clear() : 清除控制台上的信息.(3) count() : 记录 count() 调用次数,一般用于计数.(4) error() : 输出错误信息到控制台(5) group() : 在控制台创建一个信息分组. 一个完整的信息分组以 console.group() 开始,console.groupEnd() 结束(…

How Javascript works (Javascript工作原理) (十三) CSS 和 JS 动画底层原理及如何优化其性能

个人总结:读完这篇文章需要20分钟. 这是 JavaScript 工作原理的第十三章. 概述正如你所知,动画在创建令人叹服的网络应用中扮演着一个关键角色.由于用户越来越注重用户体验,商户开始意识到完美,令人愉悦的用户体验的重要性,结果网络应用变得越来越重并且拥有更多动态交互的功能.这就要求网络应用提供更加复杂的动画来实现平滑的状态过渡贯穿于用户的使用过程当中.现在,这已经司空见惯.用户变得越来越挑剔,他们潜意识期许可以获得快速响应和良好交互的用户界面. 然而,让界面具有动画效果不一定是件简单的…

JavaScript 工作原理之十三－CSS 和 JS 动画底层原理及如何优化其性能

原文请查阅这里,本文采用知识共享署名 4.0 国际许可协议共享,BY Troland. 本系列持续更新中,Github 地址请查阅这里. 这是 JavaScript 工作原理的第十三章. 概述正如你所知,动画在创建令人叹服的网络应用中扮演着一个关键角色.由于用户越来越注重用户体验,商户开始意识到完美,令人愉悦的用户体验的重要性,结果网络应用变得越来越重并且拥有更多动态交互的功能.这就要求网络应用提供更加复杂的动画来实现平滑的状态过渡贯穿于用户的使用过程当中.现在,这已经司空见惯.用户变得越来越…

JavaScript权威设计--Window对象(简要学习笔记十三)

1.Window对象是所有客户端JavaScript特性和API的主要接入点. Window对象中的一个重要属性是document,它引用Document对象. JavaScript程序可以通过Document对象和它包含的Element对象遍历和管理文档. 2.URL中的JavaScript 在URL后面跟一个JavaScript:协议限定符.里面的代码会作为JavaScript代码进行运行,需用分号分割. 如: <a href="javascript:alert('OK!')&qu…

JavaScript基础--DOM对象（十三）:（windows对象：history\location\navigator\screen\event）

DOM编程1.为什么要学习DOM(1) 通过dom编程,我们可以写出各种网页游戏(2)dom编程也是ajax的重要基础2.DOM编程介绍DOM = Document Object Model(文档对象模型)DOM是HTML与XML的应用编程接口(API) BOM和DOM相辅相成的关系BOM为纲,DOM为目,DOM是BOM的具体体现 3.DOM对象 3.1 Windows对象 3.1.1 confirm function test(){ var res= window.confirm("你要删除&…

JavaScript要点（十三） HTML DOM EventListener

addEventListener() 方法 <body> <p>该实例使用 addEventListener() 方法在按钮中添加点击事件. </p> <button id="myBtn">点我</button> <p id="demo"></p> <script> document.getElementById("myBtn").addEventLi…

javascript基础学习（十三）

javascript之文档对象学习要点: 文档对象文档对象的应用一.文档对象 Document对象是代表一个浏览器窗口或框架中的显示HTML文件的对象.javascript会为每个HTML文档自动创建一个Document对象.通过Document对象可以操作HTML文档中的内容及其他对象. Document对象的子对象: Anchor对象,Applet对象,Cookie对象,Embed对象,Form对象,Image对象,Link对象,Location对象,Plugin对象. 二.文档对象的…

javascript （十三）函数

JavaScript 函数语法函数就是包裹在花括号中的代码块,前面使用了关键词 function: function functionname() { 这里是要执行的代码 } 当调用该函数时,会执行函数内的代码. 可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaScript 在任何位置进行调用. 提示:JavaScript 对大小写敏感.关键词 function 必须是小写的,并且必须以与函数名称相同的大小写来调用函数调用带参数的函数在调用函数时,您可以向其传递值…

JavaScript学习笔记（十三）——生成器（generator）

在学习廖雪峰前辈的JavaScript教程中,遇到了一些需要注意的点,因此作为学习笔记列出来,提醒自己注意! 如果大家有需要,欢迎访问前辈的博客https://www.liaoxuefeng.com/学习. generator(生成器)是ES6标准引入的新的数据类型.一个generator看上去像一个函数,但可以返回多次. 我们先看一下函数的概念: 一个函数是一段完整的代码,调用一个函数就是传入参数,然后返回结果. function foo(x) { return x + x; } var r…

JavaScript(第二十三天)【事件入门】

JavaScript事件是由访问Web页面的用户引起的一系列操作,例如:用户点击.当用户执行某些操作的时候,再去执行一系列代码. 一．事件介绍事件一般是用于浏览器和用户操作进行交互.最早是IE和Netscape Navigator中出现,作为分担服务器端运算负载的一种手段.直到几乎所有的浏览器都支持事件处理.而DOM2级规范开始尝试以一种复合逻辑的方式标准化DOM事件.IE9.Firefox.Opera.Safari和Chrome全都已经实现了"DOM2级事件"模块的核心部分.I…

JavaScript(第十三天)【内置对象】

学习要点: 1.Global对象 2.Math对象 ECMA-262对内置对象的定义是:"由ECMAScript实现提供的.不依赖宿主环境的对象,这些对象在ECMAScript程序执行之前就已经存在了."意思就是说,开发人员不必显示地实例化内置对象:因为它们已经实例化了.ECMA-262只定义了两个内置对象:Global和Math. 一．Global对象 Global(全局)对象是ECMAScript中一个特别的对象,因为这个对象是不存在的.在ECMAScript中不属于任何其他对…

《JavaScript高级程序设计》笔记：事件（十三）

事件流事件冒泡 IE的事件流叫做事件冒泡,即事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的节点(文档).如下代码: <body> <div id="myDiv">click me</div> </body> 如果你点击了上面的div元素,那么这个click事件会按照如下顺序传播: (1)<div> (2)<body> (3)<html> (4)document 所有现代浏览器都支持事件冒…

DVWA 黑客攻防演练（十三）JS 攻击 JavaScript Attacks

新版本的 DVWA 有新东西,其中一个就是这个 JavaScript 模块了. 玩法也挺特别的,如果你能提交 success 这个词,成功是算你赢了.也看得我有点懵逼. 初级如果你改成 "success" 提交一下会出现了这个,Invalid token.这是什么回事呢? 你可以打开控制台(F12),看看情况. 你会看到这个 token,不是后台生成的,而是前台生成的...而前台生成的 token,是用 md5("ChangeMe"),而后台期待的 md5 是 m…

python自动化开发-[第十三天]-javascript

今日概要 1.javascript简单语法 1.javascript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本语言.Sun和Netscape共同完成.后改名叫Javascript 微软随后模仿在其IE3…

JavaScript基础笔记（十三）测试和调试

错误处理与测试一.错误处理一)try-catch语句 function atest() { try { //可能发生错误的代码 return 0; } catch (error) { //错误处理程序 console.log(error.message); return 1; } finally { //无论如何都会执行的,函数最后返回2 return 2; } } 错误类型: 1)Error:错误基类,其他错误类型都由该类继承. 2)EvalError:没有把eval()当函数调用时,会发…

HTML5学习笔记（十三）：JavaScript函数

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

javascript基础拾遗(十三)

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

JavaScript学习总结(十三)——极简主义法编写JavaScript类

前两天在网上无意中发现了一篇使用极简主义法定义JavaScript类的文章,原文链接,这个所谓的"极简主义法"我还是第一次听说,是荷兰程序员Gabor de Mooij提出来的,这种方法不使用this和prototype,代码部署起来非常简单,这大概也是它被叫做"极简主义法"的原因.下面就介绍如何使用极简主义法完成JavaScript的封装和继承 1. 封装首先,它也是用一个对象模拟"类".在这个类里面,定义一个构造函数createNew(),…

JavaScript学习总结(二十三)——JavaScript 内存泄漏教程

参考教程:http://www.ruanyifeng.com/blog/2017/04/memory-leak.html 一.什么是内存泄漏? 程序的运行需要内存.只要程序提出要求,操作系统或者运行时(runtime)就必须供给内存. 对于持续运行的服务进程(daemon),必须及时释放不再用到的内存.否则,内存占用越来越高,轻则影响系统性能,重则导致进程崩溃. 不再用到的内存,没有及时释放,就叫做内存泄漏(memory leak). 有些语言(比如 C 语言)必须手动释放内存,程序员负责内存管…