【js类、原型——学习笔记】的更多相关文章

Underscore.js 源码学习笔记（下）

上接 Underscore.js 源码学习笔记(上) === 756 行开始 函数部分. var executeBound = function(sourceFunc, boundFunc, context, callingContext, args) { if (!(callingContext instanceof boundFunc)) return sourceFunc.apply(context, args); var self = baseCreate(sourceFunc.prot…

Underscore.js 源码学习笔记（上）

版本 Underscore.js 1.9.1 一共 1693 行.注释我就删了,太长了… 整体是一个 (function() {...}());  这样的东西,我们应该知道这是一个 IIFE(立即执行函数). var root = typeof self == 'object' && self.self === self && self || typeof global == 'object' && global.global === global &…

浏览器中js执行机制学习笔记

浏览器中js执行机制学习笔记 RiverSouthMan关注 0.0772019.05.15 20:56:37字数 872阅读 291 同步任务 当一个脚本第一次执行的时候,js引擎会解析这段代码,并将其中的同步代码按照执行顺序加入执行栈中,然后从头开始执行.如果当前执行的是一个方法,那么js会向执行栈中添加这个方法的执行环境,然后进入这个执行环境继续执行其中的代码.当这个执行环境中的代码 执行完毕并返回结果后,js会退出这个执行环境并把这个执行环境销毁,回到上一个方法的执行环境.这个过程反复进…

纯JS实现KeyboardNav(学习笔记)一

纯JS实现KeyboardNav(学习笔记)一 这篇博客只是自己的学习笔记,供日后复习所用,没有经过精心排版,也没有按逻辑编写 GitHub项目源码 预览地址 最终效果 KeyboardNav使用指南: 左下角为网站的icon,'.'代表网站无icon或未设置网站 按键盘上相应的按键进入对应网站 鼠标放上去可编辑并保存网站,除了初始网站,用户编辑的网站存在本地cookies 清空cookies后保存在本地的网站将被清除,还原会初始状态 数据结构的使用 哈希,数组做出来导航页面 实际上数组就是ha…

纯JS实现KeyboardNav(学习笔记)二

纯JS实现KeyboardNav(学习笔记)二 这篇博客只是自己的学习笔记,供日后复习所用,没有经过精心排版,也没有按逻辑编写 这篇主要是添加css,优化js编写逻辑和代码排版 GitHub项目源码 预览地址 最终效果 KeyboardNav使用指南: 左下角为网站的icon,'.'代表网站无icon或未设置网站 按键盘上相应的按键进入对应网站 鼠标放上去可编辑并保存网站,除了初始网站,用户编辑的网站存在本地cookies 清空cookies后保存在本地的网站将被清除,还原会初始状态 CSS样式…

python 面向对象（类）--学习笔记

面向对象是一种编程方式, 主要集中在类和对象的两个概念 python 中的类符合封装, 继承, 多态的特征 类 是一个模板, 是n多函数的集成 对象 是类的实例化 类的成员分为三大类:字段.方法.属性 字段 字段包括静态字段和普通字段,静态字段只在内存中保存一份, 普通字段在每个对象中都要保存一份(值可不同) 普通字段属于对象, 实例化对象时普通字段存在于对象的内存中 静态字段属于类, 实例化对象之后不存在与对象的内存中 应用场景:如果类的多个对象需要使用相同的属性值则应定义为静态字段. cla…

［360前端星计划］BlackJack(21点)（纯JS,附总部学习笔记）

［360前端星计划］总部学习笔记(6/6) ［360前端星计划］详情跳转 游戏界面预览 目录 一.游戏介绍 1.起源 2.规则 3.技巧 二.游戏设计 1.整体UI构思 2.素材采集 3.游戏总规划 三.代码实现 0.编码规范以及优化记录 1.HTML文档结构 2.CSS布局与动画 3.JavaScript功能模块 四.游戏测试(以下所列皆可正常运行游戏) 1.PC端 2.移动端 五.番外篇 致谢 版权 一.游戏介绍 1.起源     21点又名黑杰克(英文:Blackjack) ,起源于法国,…

js类、原型——学习笔记

js 内置有很多类,我们用的,都是从这些类实例化出来的. function Object () {} function Array () {} function String () {} function Boolean () {} function Function () {} 比如,var a = {};等同于var a = new Object(); var a =[];等同于var a = new Array(); 现在我们要创建一个自定义的类.在SmartList.js中写下以下代码:…

javascript类和原型学习笔记

js中类的所有实例对象都从同一个原型对象上继承属性.我们可以自己写一个对象创建的工厂方法来来"模拟"这种继承行为: //inherit()返回一个继承自原型对象p的属性的性对象 //这里使用ECMAScript5中的Object.create()函数 //如果不存在该函数,则使用另一种方法 function inherit(p){ if(p == null) throw TypeError(); if(Object.create) return Object.create(p); va…

《JS高程》对象&原型学习笔记

ECMA-262 把对象定义为:”无序属性的集合,其属性可以包含基本值.对象或者函数.”可以把 ECMAScript 的对象想象成散列表:无非就是一组名值对,其中值可以是数据或函数.   6.1.理解对象 创建自定义对象的两种方式: (1)创建一个 Object 的实例:  var person = new Object();  (2)对象字面量(首选):  var person = {};   --------------------------------------------------…

JS原型学习笔记

1.原型是函数对象的属性,它的初始值是一个空对象,这个prototype原型对象可以添加方法和属性. 2.构造器对象查找属性和方法时先查找构造器后查找原型. 3.若构造器中的属性和原型中的属性相同,构造器的优先级会高于原型. 4.枚举属性(for-in) (1).数组枚举 var a=[1,2,3]; for(var i in a){ console.log(a[i]); } (2).对象枚举 var a={name:"gao",age:"18",sex:"…

JS第一周学习笔记整理

目录 JS正式课第一周笔记整理 JS正式课第一周笔记整理 webstorm : 代码编辑器 浏览器: 代码解析器: Git : 是一个工具;用于团队协作开发项目管理代码的工具:在工作中用git.svn svn : 集中式: 集中式:需要一个中央服务器:每次开发前需要从中央服务器把最新的代码拉取下来,然后进行开发:并且需要网络: git : 分布式: 分布式:每个人的电脑都是一个中央服务器:不需要网络也可以进行提交代码: DOS命令 1.按着shift右键,在此处打开powerShell 2.找到…

Vue.js 源码学习笔记

最近饶有兴致的又把最新版 Vue.js 的源码学习了一下,觉得真心不错,个人觉得 Vue.js 的代码非常之优雅而且精辟,作者本身可能无 (bu) 意 (xie) 提及这些.那么,就让我来吧:) 程序结构梳理 Vue.js 是一个非常典型的 MVVM 的程序结构,整个程序从最上层大概分为 全局设计:包括全局接口.默认选项等 vm 实例设计:包括接口设计 (vm 原型).实例初始化过程设计 (vm 构造函数) 这里面大部分内容可以直接跟 Vue.js 的官方 API 参考文档对应起来,但文档里面没…

JS与Jquery学习笔记（二）

一. JS 的面向对象 JS没有类,其类就用function来代替如下所示: function Cat(name, color){ this.name=name; this.color=color; } 这就相当于是构造函数,可以生成对象: // 声明Cat对象 var cat1 = new Cat("jack", "yellow"); var cat2 = new Cat("tom","black"); // 用法和其他语言…

js性能优化--学习笔记

<高性能网站建设进阶指南>: 1.使用局部变量,避免深入作用域查找,局部变量是读写速度最快的:把函数中使用次数超过一次的对象属性和数组存储为局部变量是一个好方法:比如for循环中的.length通常可以保存为局部变量. 2,多个if时,if顺序按概率降序排列 3,当仅判断一两个条件时,if通常比switch更快,当有两个以上条件且条件比较简单(不是范围判定)时,switch通常更快:因为多数情况下,switch语句中执行单个条件的时间比if短: 4,循环中把循环变量递减到0,而不是递增到长度,…

Angular.js之指令学习笔记

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>ng-showAndng-hide</title><script src="http://cdn.bootcss.com/angular.js/1.4.6/angular.js"></script></head>…

move.js 源码 学习笔记

源码笔记: /* move.js * @author:flfwzgl https://github.com/flfwzgl * @copyright: MIT license * Sorrow.X --- 添加注释,注释纯属个人理解(源码有稍微改动,方便阅读) * */ ! function() { var PI = Math.PI, sin = Math.sin, cos = Math.cos, pow = Math.pow, abs = Math.abs, sqrt = Math.sqrt;…

lazy-load-img.js 源码 学习笔记及原理说明

lazy-load-img.js? 1. 什么鬼? 一个轻量级的图片懒加载,我个人很是喜欢. 2. 有什么优势? 1.原生js开发,不依赖任何框架或库 2.支持将各种宽高不一致的图片,自动剪切成默认图片的宽高        比如说你的默认图片是一张正方形的图片,则各种宽度高度不一样的图片,自动剪切成正方形    完美解决移动端开发中,用户上传图片宽高不一致而导致的图片变形的问题. 3. 使用姿势,如下: // 生成li var ul = document.querySelector('#list…

初了解JS设计模式，学习笔记

什么是设计模式. 回答这个问题,往往我们得先知道我们为什么需要设计模式,正是因为有需求才会有设计模式,难道不是吗? 我们为什么需要设计模式. 如果没有按照设计模式去写,你的代码很可能是乱无肆忌写的,也就是随心所欲,想怎么写就怎么写,反正只要出效果就行,好像是没啥问题,但好像又有问题,因为你根本就不知道这段代码在将来会发生什么问题,因此这段代码是不可预测的,另外一点你的代码废话可能会多一些,等等,如果用设计模式来写,往往可以解决这些问题. 那么究竟什么是设计模式. 其实在‘我们为什么需要设计模式’…

NODE.JS开发指南学习笔记2

1.核心模块 核心模块是Node.js的心脏,由一些精简高效的库组成,为其提供了基本的API.2.全局对象 global.所有的的全局变量都是其属性.其根本的作用是作为全局变量的宿主.3.全局变量 1.process:描述当前Node.js的进程状态的对象,提供一个与操作系统的简单接口. 方法 process.argv 命令行参数数组 三个参数1.node 2.脚本文件名 3.运行参数 1.process.stdout: 标准输出流,通常使用的console.log()向标准输出打印字符,而pr…

JavaScript原型学习笔记

1 理解JavaScript原型 什么是原型? 原型是一个对象,其他对象可以通过它实现属性继承. 任何一个对象都可以成为原型么? 是 哪些对象有原型 所有的对象在默认的情况下都有一个原型,因为原型本身也是对象,所以每个原型自身又有一个原型(只有一种例外,默认的对象原型在原型链的顶端.) 当我们已经创建了一个实例对象 ,我们想要这个实例对象继承一个已经存在的对象的功能比如说Array,就可以使用原型 函数A的原型属性(prototype property )是一个对象,当这个函数被用作构造函数来创…

关于Angular.js Routing 的学习笔记(实现单页应用)

最近开始学习angular.js,发现angular.js确实很方便,也很强大.在看到 AngularJS Routing and Multiple Views 这一部分的时候,有点乱.现在通过记录一下学习过程中写的例子,让自己好好在理解一下. 第一步: ①创建一个名为“myApp”的模块,并且加载"ngRoute"作为依赖模块 ②使用$routeProvider配置路由 ③在这个例子中,我使用了两个路径,分别是/home和/about ;使用了一个控制器(不加控制器也行,主要是用于操…

JS高级程序设计学习笔记之第三章基本概念（语法，数据类型，流控制语句，函数）——查漏补缺

一.语法: 区分大小写; 2.标识符:就是指变量.函数.属性的名字,或者函数的参数 a.标志符的规则:①第一个字符必须是一个字母.下划线(_)或一个美元符号($).                   ②其他字符可以是字母,下划线,美元符号或者数字. b.标志符采用驼峰大小写格式. c.严格模式:在顶部添加以下代码:"use strict"; d.语句:结尾加入分号.在控制语句中使用代码块为最佳实践. 二.关键字与保留字 三.变量:ECMAScript的变量是松散类型,可以保存任何类型…

JS高级程序设计学习笔记——继承

我们知道,在OO语言中,继承可分为接口继承和实现继承.而ECMAScript的函数没有签名,不能实现“接口继承”,只能通过原型链实现“实现继承”. 在学习了各种继承模式之后,简单总结一下各种继承模式的特点: 1.原型链继承 问题:子类实例共享超类属性.不能向超类的构造函数传递参数 2.借用构造函数 思想:子类构造函数调用超类构造函数,使用call或apply,那么在实例化子类对象时就会有不同的对象实例,解决了共享超类属性的问题 3.组合继承(原型链+借用构造函数) 问题:会两次调用父类构造函数,…

AlloyTouch.js 源码 学习笔记及原理说明

alloyTouch这个库其实可以做很多事的, 比较抽象, 需要我们用户好好的思考作者提供的实例属性和一些回调方法(touchStart, change, touchMove, pressMove, tap, touchEnd, touchCancel, reboundEnd, animationEnd, correctionEnd). 哇, 提供了这么多回调啊, 因为我也刚玩,用到的不多. change回调很常用(比如上拉,下拉刷新要用到),配合touchStart, animationEnd…

AlloyFinger.js 源码 学习笔记及原理说明

此手势库利用了手机端touchstart, touchmove, touchend, touchcancel原生事件模拟出了 rotate  touchStart  multipointStart  multipointEnd  pinch  swipe  tap  doubleTap  longTap  singleTap  pressMove  touchMove  touchEnd  touchCancel这14个事件回调给用户去使用.下面会讲述几个常用的手势原理实现. 先来看一下我对源码…

JS高级程序设计学习笔记1

javascript产生的原因: 在拨号上网时代,表单数据必须发送到服务器端才能验证输入值得有效性,JavaScript的研发就是为了解决这个问题,以便在客户端就验证输入值的有效性. ECMAScript/JavaScript: JavaScript是Netscape公司于1995年发布的脚本语言,ECMAScript是欧洲计算机制造商协会定义的一种通用.跨平台.供应商中立的脚本语言的语法和语义. 一个完整的JavaScript实现包含: 核心(ECMAScript):由ECMA-262定义,提…

Vue.js 源码学习笔记 -- 分析前准备1 -- vue三大利器

主体 实例方法归类:   先看个作者推荐, 清晰易懂的  23232 简易编译器   重点: 最简单的订阅者模式 // Observer class Observer { constructor (data) { this.walk(data) } walk (data) { // 遍历 let keys = Object.keys(data) for(let i = 0; i < keys.length; i++){ defineReactive(data, keys[i], data[key…

js的事件学习笔记

目录 0.参考 1.事件流 冒泡传播 事件捕获 2.事件绑定--onclick接口 onclick类的接口,只能注册一个同类事件 onclick类的接口,使用button.onclick = null的方式注销事件 3.事件绑定--addEventListener接口 addEventListener接口,可以注册多个同类事件,发生时,依次执行回调函数 addEventListener接口无法注销以匿名函数注册的事件 4.事件对象 5.阻止冒泡传播和阻止默认行为 6.事件带来的问题 7.事件委托…

js权威指南学习笔记（四）对象

1.创建对象 (1).通过对象直接量的方式创建 说明:对象直接量是由若干名/值对组成的映射表,名/值对中间用冒号分隔,名/值对之间用逗号分隔,整个映射表用花括号括起来. 如:       5 5           1 var empty = {}; //创建一个空对象 2 var point = { 3    x : 0, 4    y : "ccc 5 }     对象直接量是一个表达式,每次运算都会创建并初始化一个新的对象. (2).通过new创建对象 new运算符创建并初始化一个新对象.…