JavaScript学习记录三】的更多相关文章

title: JavaScript学习记录三 toc: true date: 2018-09-14 23:51:22 --<JavaScript高级程序设计(第2版)>学习笔记 要多查阅MDN Web 文档 面向对象的程序设计 创建对象 工厂模式 工厂模式是软件工程领域广为人知的一种设计模式,这种模式抽象了创建具体对象的过程. 用函数来封装以特定接口创建对象的细节: function createPerson(name, age, job) { var o = new Object; o.na…
title: JavaScript学习记录二 toc: true date: 2018-09-13 10:14:53 --<JavaScript高级程序设计(第2版)>学习笔记 要多查阅MDN Web 文档 变量.作用域和内存问题 基本类型和引用类型的值 ECMAScript变量可能包含两种不同数据类型的值: 基本类型值:保存在栈内存中的简单数据段,这种值完全保存在内存中的一个位置 引用类型值:保存在堆内存中的对象,保存的实际上是一个指针,指针指向内存中真正对象保存的位置 五种基本数据类型:U…
title: JavaScript学习记录一 toc: true date: 2018-09-11 18:26:52 --<JavaScript高级程序设计(第2版)>学习笔记 要多查阅MDN Web 文档 简介 JavaScript是一种专门为网页交互而设计的脚本语言,由以下三个不同的部分组成: ECMAScript(发音 ek-ma-script,伪语言),由ECMA-262定义,提供核心语言功能: 文档对象模型(DOM,Document Object Model),提供访问和操作网页内容…
title: JavaScript学习记录四 toc: true date: 2018-09-16 20:31:22 --<JavaScript高级程序设计(第2版)>学习笔记 要多查阅MDN Web 文档 BOM Browser Object Model,浏览器对象模型. BOM提供了很多用于访问浏览器的功能,这些功能与任何网页内容无关. BOM缺少事实上的规范,因此浏览器之间共有的对象就成了事实上的标准. 没有所谓的标准BOM实现或者标准BOM接口. 图片来源于网络: window对象 w…
VUE前端框架学习记录三:Vue组件化编码1文字信息没办法描述清楚,主要看编码Demo里面,有附带完整的代码下载地址,有需要的同学到脑图里面自取.脑图地址http://naotu.baidu.com/file/be7c0ea67e1832dcd6c3b807548ca394?token=314a84e3ec599696…
前文: leveldb 学习记录(一) skiplist leveldb 学习记录(二) Slice 存储格式: leveldb数据在内存中以 Memtable存储(核心结构是skiplist 已介绍),当达到一定容量则转换为Immutable Memtable,由后台线程存储进磁盘中.同时另开一个新 Memtable,记录数据. Memtable记录修改新kv对,可读可写.Immutable Memtable不可更改. Memtable使用的就是skiplist记录key value clas…
今天学习第三天. 凡事都是需要坚持的,坚持下去. 学习内容: 1.document.getElementById(""),document.getElementByTagName("")两则之间的区别要明确.后者获得的是多个元素,是很多个元素的集合. 2.for循环,要重复执行一段代码,可以使用循环.这一块个性能问题. 3.this 是指的调用当前的方法(函数)的那个对象,谁让这个函数执行,那么这个this指的就是谁. <scrtipt> functio…
Javascript学习笔记 在我的上一个博客讲了对于DOM的基本操作内容,这篇继续巩固一下对于DOM的更新,插入和删除的操作. 对于HTML解析的DOM树来说,我们肯定会时不时对其进行一些更改,在原有的内容上进行增添,修改,删除,为了方便操作,Javascript中有些非常实用的属性: 一.innerHTML 二.innerText 三.textContent 等等..我们接下来要操作的就是以上几种属性. 对于<p id = 'test'>Hello!</p>  因为在HTML的…
参考: https://developer.mozilla.org/en-US/docs/Web/API/MediaStreamTrack 转自http://c.tieba.baidu.com/p/3312565203 http://c.tieba.baidu.com/p/3312569139 http://c.tieba.baidu.com/p/3312680272 Network Stream API MediaStream:MediaStream用来表示一个媒体数据流. MediaStre…
由于大学课程缘故,老师巨爱叫人问问题,还记分呢,随便记录一下Js的学习情况,以后复习什么的也比较方便吧...... 开始咯,就按照C语言学习那样的方法来吧! ==================================割割割================================== 1.数据类型(这里只是大概提一下) /* 我认为Js里没有明显的数据类型,仅有 字符串.数字.布尔.数组.对象.Null.Undefined */ var temp = 'legth' var te…
一.this 在JavaScript中this表示:谁调用它,this就是谁. JavaScript是由对象组成的,一切皆为对象,万物皆为对象.this是一个动态的对象,根据调用的对象不同而发生变化,当然也可以使用call.apply修改this指向的对象.它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用 1.1.JavaScript中函数与方法的区分 在面向过程的语言中我们习惯把完成某个特定功能的代码块称为“函数”或“过程”,当然过程一般没有返回值.在面向对象语言中我们把对象的功能…
一.this 在JavaScript中this表示:谁调用它,this就是谁. JavaScript是由对象组成的,一切皆为对象,万物皆为对象.this是一个动态的对象,根据调用的对象不同而发生变化,当然也可以使用call.apply修改this指向的对象.它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用 1.1.JavaScript中函数与方法的区分 在面向过程的语言中我们习惯把完成某个特定功能的代码块称为“函数”或“过程”,当然过程一般没有返回值.在面向对象语言中我们把对象的功能…
今天学习阮一峰ES6编程风格,其中探讨了如何将ES6的新语法,运用到编码实践之中,与传统的JavaScript语法结合在一起,写出合理的.易于阅读和维护的代码. 1.块级作用域 (1)let 取代 var ES6 提出了两个新的声明变量的命令: let 和 const.其中,let 完全可以取代 var,因为两者语义相同,而且 let 没有副作用. 上面代码如果用 var 替代 let,实际上就声明了两个全局变量,这显然不是本意.变量应该只在其声明的代码块内有效,var 命令做不到这一点. va…
昨天学习到了JS特效部分,然后老师讲了旋转木马特效的实现,如上图.不过只是讲了通过点击箭头实现图片的切换,对于点击图片本身以及二者联动却是没有讲解. 本着一颗追求完美的心,今天花费了一个中午终于将整个功能全部完善(死了太多脑细胞~~). 接下来直接进入主题哈~(主要讲解JS,所以对其中的HTML及CSS不做详细说明.) 首先是HTML代码 <!DOCTYPE html> <html> <head lang="en"> <meta charset…
DOM(文档对象模型)是一个独立的语言,用于操作XML和HTML文档的程序接口(API).在游览器中,主要用来与HTML文档打交道,同样也用在Web程序中获取XML文档,并使用DOM API用来访问文档中的数据.尽管DOM是个与语言无关的API,它在游览器中的接口却是用Javascript实现的.客户端脚本编程大多数的是在和底层文档打交道. DOM的访问和修改是有代价的.打个比方:DOM和js各自为一个岛屿,之间仅有一个收费桥梁连接.每次js访问DOM的时候就相当于途径一次这座桥,并交纳过桥费.…
一:事件(Event)对象 在触发dom事件的时候都会产生一个event对象 type   获取事件类型 target  获取事件目标 stopPropagation()  阻止事件冒泡 preventDefault() 阻止事件默认行为 eg: 二:string对象 lenget          长度 indexof()     位置 march()       内容匹配 replace()      替换 toUpperCase  大小写转换 split()          字符串变为数…
<!DOCTYPE html><html><head><title>users.html</title> <meta name="keywords" content="keyword1,keyword2,keyword3"><meta name="description" content="this is my page"><meta n…
一.弹出框 <script type="text/javascript">    window.onload=function(){         window.alert("msg alert");         var msg =window.prompt("prompt", "hello"); //msg hello  或者null                  alert(msg);        …
对象定义的几种方法: var  person=new Object(); person.name="111"; person.age=22; 或 var person={   name:"111",   age:22 } 或 var person={}; person.name="111"; person.age=22;   对象也可以用数值属性,但是数值属性会自动转化为字符串类型.         function displayInfo( a…
一.闭包(Closure) 1.1.闭包相关的问题 请在页面中放10个div,每个div中放入字母a-j,当点击每一个div时显示索引号,如第1个div显示0,第10个显示9:方法:找到所有的div,for循环绑定事件. 示例代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>闭包</title> <style type="…
js整理笔记 1.数据类型 2.基本语法 3.js运算符 4.条件语句 5.类型转换 6.函数 7.预编译 8.作用域 9.闭包 10.对象创建方法 11.this 12.dom操作 13.事件 14.正则表达式 JS代码原则:高内聚,弱耦合 ecmascript是一种语言标准,第一版标准发布于1997年,javascript是网景公司对ecmascript标准的一种实现. js不区分整数和浮点数,统一用number表示,nan表示 not a number,无法计算结果的时候用nan表示. 字…
<p> 最近在学一部分前端,知识点很多,却没怎么系统地应用过,因而理解可能不够深吧.所以我想做点片段似的东西,不懂的再在网上搜一搜,这样可能会更有意思点,所以做了这个记录,希望自己坚持下去!</p> Mytodolist html code: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>MyTodolist</title&…
  目的:1 学习mvc+ef 2  写下日记也是对自己的督促 期待已久的EF终于来了. 学完本篇文章,你将会掌握基于EF数据模型的完整开发流程. 本次将会完成EF数据模型的搭建和使用. 基于这个模型,将之前的示例添加数据库查询验证功能. 文章提纲 概述 & 要点 详细步骤 总结 概述 & 要点 下面是本文要点,正文部分会有详细介绍. EF架构图 新建基于EF的Data Model的约定 关于ORM的重要概念,和传统方式开发的区别 EF开发的整体过程 详细步骤 新建文件夹,规划好代码摆放位…
var arr = [1, 2, 3, 5, 5, '45', '45', 4, 1, '1', '2'] for (var i = 0; i < 10000; i++) { arr.push(i)//这里给arr添加10000项,方便后面对各个方法性能的观看 } /** * 方法一:借用一个结果数组,原数组中的元素与结果数组进行比较,若是不存在与原数组全等的元素,则将原数组元素存入结果数组中. * @param arr 传入的数组 * @returns {Array} 返回的去重后的数组 */…
<!DOCTYPE html><html><head><title>moveOption.html</title> <meta name="keywords" content="keyword1,keyword2,keyword3"><meta name="description" content="this is my page"><m…
<script type="text/javascript">  //当局部变量与全局变量 重名的时候   var v="全局变量";//定义全局变量   function test(){      alert(v); //undefined    //遇到函数先开辟一块空间,所以执行到第一个alert时,还没有定义这个变量所以为undefined      var v="局部变量";      alert(v);   }   //调…
<script type="text/javascript">    function arrdemo(){        var arr=["hello","text","java"];        for(var i=0;i<arr.length;i++){            arr[i]=function(){                alert(i);            };     …
javascript Array对象的常用API 1:concat concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本.举例:var a1 = ['aa','bb'];var a2 = ['cc','dd'];var a3 = a2.concat(a1); 2:every every() 方法用于检测数组所有元素是否都符合指定条件(通过函数提供).every() 方法使用指定函数检测数组中的所有元素:如果数组中检测到有一个元素不满足,则整个表…
复制属性继承(Inheritance by Copying Properties) 让我们看一下另一个继承模式—复制属性继承(inheritance by copying properties).在这个模式中,一个对象从另一个对象获取功能,简单的通过复制它. 下面是函数extend()简单实现的一个例子: function extend(parent, child) { var i; child = child || {}; for (i in parent) { if (parent.hasO…
TimerTask的两个重要函数: 1.cancel() 作用: 取消当前TimerTask里的任务 演示: 先在继承了TimerTask的类中添加一个计时器,然后在run方法中合适的位置添加cancel()方法: public class MyTimerTask extends TimerTask{ private String name; //计时器 private Integer count = 0; public MyTimerTask(String inputName) { name…