JS高级学习历程-10

[面向对象] 面向对象的三大特性:封装.继承.多态封装:在“类”里边有关键字public.protected.private 对成员进行声明,这样每个成员的访问都会受到不同关键字的限制. 继承:在php里边一个类可以继承另外一个类.继承的类实例化出来的对象既可以使用本类的成员,也可以使用父类成员. 多态:多种状态,在java里边方法“重载”体现多态.工厂设计模式也有多态体现. 1 在javascript面向对象里边的“封装” 在js里边封装体现两点:public公开的.private私有的 <…

JS高级学习历程-6

PHP菜鸟学习历程-6 [闭包案例] 1 闭包创建数组 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>17-闭包-数组</title> <script type="text/javascript"> var num=new Array(); for(var i=0; i&…

JS高级学习历程-1

JS高级-34-昨天内容回顾时间:2015-5-11 1.DOM获取元素节点 document.getElenmentById(id 属性值) 具体元素节点对象 document.getElenmentsByTagName(tag 标签名称 div ul li) 数组列表 document.getElenmentsByName(Name 属性值) 数组列表 2.…

JS高级学习历程-15

昨天内容回顾面向对象的私有成员.静态成员私有成员:在构造函数里边定义局部变量,就是私有成员. 静态成员:在js里边,函数就是对象,可以通过给函数对象声明成员方式声明静态成员. 原型继承关键字:prototype 单一成员继承: 函数.prototype.成员名称= 值; 对象继承:函数.prototype = 对象; 原型链继承:许多构造函数可以一一继承,形成一个继承链条,这个链条就是“原型链” 原型链的顶端是Object,对象可以访问的属性constructor.方法 hasOwnPr…

JS高级学习历程-14

昨天内容回顾 1. 面向对象的私有成员.静态成员私有成员:在构造函数里边定义局部变量,就是私有成员. 静态成员:在js里边,函数就是对象,可以通过给函数对象声明成员方式声明静态成员. 2. 原型继承关键字:prototype 单一成员继承: 函数.prototype.成员名称= 值; 对象继承:函数.prototype = 对象; 原型链继承:许多构造函数可以一一继承,形成一个继承链条,这个链条就是“原型链” 原型链的顶端是Object,对象可以访问的属性constructor.方法 ha…

JS高级学习历程-11

[继承] 在php,一个类去继承另一个类,本类实例化出来的对象,既可以调用本身类的成员,也可以调用父类的成员. 在javascript继承主要通过原型实现,构造函数继承一个对象,构造函数的实例会拥有被继承对象的相关成员. 原型继承prototype…

JS高级学习历程-13

[正则表达式] \d \d\d [a-z] 什么是正则表达式:用于记录文本规则的代码正则表达式的作用: ① 可以匹配文本,表单验证(手机号码.邮箱.qq号码) ② 赛选网页内容(网络爬虫),meijob ③ 内容替换正则表达式历史: 正则的组成内容: ① 普通字符内容 ② 组成字符 ③ 特殊字符 ④ 限制字符 1 正则表达式---普通字符组成 <!DOCTYPE html PUBLIC "-//W3C/…

JS高级学习历程-12

冒充继承 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>11-冒充继承</title> <meta http-equiv="Content-Type" content=…

JS高级学习历程-8

2 构造函数和普通函数的区别两者本身没有实质区别,具体看使用 new 函数(); -------->构造函数函数(); ---------> 普通函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>26-构造函数和普通函数</title> <script typ…

JS高级学习历程-5

[闭包] 定义:闭包就是一个函数条件:一个函数去嵌套另外一个函数,里边的函数就是闭包 function f1(){ function f2(){ } } 特点:闭包函数有权访问父级环境的变量信息.…

JS高级学习历程-3

JS-作用域链及作用 [作用域链] 1 什么事作用域链一个变量,在当前环境可以使用,当前环境的内部环境也可以使用,内部的深层环境...也可以使用,变量在不同环境都可以使用的现象想成了一个链条,称为“作用域链” <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>02-作用域链定义</title> <s…

JS高级学习历程-17

[正则案例] 1 匹配手机号码…

JS高级学习历程-16

[正则表达式] 1()小括号使用作用:① 提高表达式优先级关系 ② 提取子字符串内容模式单元,每个小括号都算作一个模式单元内容,按照内容的下标可以给小括号计数. var reg = /([0-9]+)-([0-9]+)-[0-9]+/; //2014-06-21 上边的正则模式,其中2014是模式单元1内容,06是模式单元2内容 ③ 模式单元重复匹配…

JS高级学习历程-9

昨天内容回顾 1. 作用域链(执行环境.AO.作用.变量性质顺序) 执行环境:最外部有window全局环境,每个函数内部也代表一个环境每个执行环境内部都有AO活动对象在函数内部访问的变量信息就是AO活动对象的成员信息许多函数可以彼此嵌套,形成多层的函数嵌套关系.一个变量在当前环境.内部环境.内部深层环境都可以使用的效果称为“作用域链” 作用域链的作用: ① 保证变量按照顺序访问,变量必须“先声明.后使用” ② 内部环境可以访问外部环境的变量信息,外部不可以访问内部环…

JS高级学习历程-7

[面向(基于)对象] 1 创建对象在php里边,需要先找到一个类别,在通过类创建具体对象在javascript里边,可以直接创建具体对象,后期可以再给对象丰富许多属性或方法. 1. 字面量方式创建对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>21-创建对象</title> <script…

JS高级学习历程-4

4 执行环境可以访问什么变量具体可以访问变量类型:局部变量.参数.函数.外部环境变量优先级:局部变量 > 函数 > 参数 > 外部环境变量 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>08-执行环境可以访问的变量信息</title> <script type="t…

JS高级学习历程-2

1.dom操作,利用dom创建无序列表.并追加到body里边,里面要求至少有四个项目. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>01-创建无序列表</title> <script type="text/javascript"> window.onload=funct…

JS高级---学习roadmap---5 parts

JS高级---学习roadmap---5 parts part 1-3 part 4-5…

JS高级学习笔记（10）之 js 时怎么解析HTML标签的

DOM 节点类型浏览器渲染过程浏览器是怎么把HTML标签语言和JavaScript联系在一起的,这就是我们常说的DOM. 浏览器中的DOM解析器把HTML翻译成对象(object),然后JavaScript通过操作生成的 object 来操作HTML,因为HTML标签是多层嵌套的,所以JavaScript将HTML解析成了DOM树. 在HTML中,整个文档可以分为不同节点:整个文档是一个节点:每个HTML标签是元素节点HTML元素内的文本是文本节点每个HTML的属性节点注释节点······…

转：JS高级学习笔记（8）- JavaScript执行上下文和执行栈

必看参考: 请移步:博客园 JavaScript的执行上下文深入理解JavaScript执行上下文和执行栈 JavaScript 深入之执行上下文写在开头入坑前端已经 13 个月了,不能再称自己为小白,那么现在就来学习一下 JS 的执行相关的知识. 自己吹过的牛皮,含着泪跪着也要实现它! 比如,先定一个小目标:成为高级前端.加油! 废话少说,进入正题执行上下文执行上下文(Execution context,EC)就是 JS 代码的执行环境,也称执行上下文环境. 在 JS 中有三种代码运…

JS高级学习路线——面向对象进阶

构造函数进阶使用构造函数创建对象用于创建对象其除了是一个函数之外,我们又称之为构造对象的函数 - 简称构造函数 function Product(name,description){ //属性 this.name=name; // 属性 this.description = description //方法又称方法属性万物皆属性 this.buy=function(){ alert('buy') } } //会拷贝一份 var p1 = new Product() var p2 = n…

JS高级学习笔记（1）- 数据类型及转换规则

必读: Javascript对象Oject的强制类型转换 JavaScript筑基篇(二)->JavaScript数据类型聊一聊valueOf和toString 深入理解JavaScript系列(12):变量对象(Variable Object) 1.JS 的数据类型基本数据类型(其实也统称为基本型或原始型):undefined,null,number,boolean,string 一种复杂数据类型(引用型):Object 1.1数据类型介绍 undefined 类型:声明未定义 null…

JS高级学习笔记（2）之js多线程

参考大神:Javascript多线程 web worker ---- 6.Web Worker 概述截图过来: 线程之间的通信 let worker = new Worker(‘js文件路径’) 主线程 worker.PostMessage(你想传输的数据); worker.onmessage = function(event){ //event.data是子线程返回的数据 } 子线程 onmessage 接收主线程数据 PostMessage 向主线程发送数据例子 <!DOCTYPE ht…

JS高级学习笔记（9）之转：前端路由跳转基本原理

原文链接: 前端路由跳转基本原理前述前端三大框架Angular.React和Vue都推行单页面应用SPA开发模式,这是因为在路由切换时,替换DOM Tree中发生修改的DOM部分,来减少原来因为多页面应用跳转带来巨大的性能损耗. 他们都有自己典型的路由解决方案:@Angular/router.react-router.vue-router. 一般来说,这些路由插件总是提供俩种不同的路由方式:Hash和History,有时候也会提供非浏览器环境下的路由方式Abstract,在vue-route…

JS高级学习笔记（6）- 事件循环

参考文章:深入理解JS引擎的执行机制 JavaScript 异步.栈.事件循环.任务队列我的笔记:ES系列之Promise async 和 await Event Loop 前提 js是单线程的 js的Event Loop是JS的执行机制,深入了解JS的执行,就等于深入了解JS里的event loop. 问:js是为单线程的,为什么要实现异步,单线程怎么实现异步? 答:1.js的单线程能够保证对DOM操作的顺序性,如果是多线程,A线程编辑DOM上的内容,B线程删除该DOM,那么,…

Ext JS 6学习文档-第6章-高级组件

Ext JS 6学习文档-第6章-高级组件高级组件本章涵盖了高级组件,比如 tree 和 data view.它将为读者呈现一个示例项目为图片浏览器,它使用 tree 和 data view 组件.以下是本章将要讨论的主题: Trees Data views 拖放图片浏览器 — 一个示例项目本章的主要目标是探索 tree panel 和 data view 并且使用他们来构建一个示例项目图片浏览器.图片浏览器的最终展示效果如下图. 这个项目中的最重要的组件是 tree panel 和…

初学者的Node.js学习历程

废话篇: 对于我这个新手的不能再白菜的人来说,nodejs的大名都有耳闻,所以说他是一项不可不克服的技能也是可以说的.但是之前没有搞清楚的情况之下胡乱的猜测,是的我对node.js没有一个具体的概念的形成也是吃了不少的苦头,现在就让我们来吧它弄清楚吧... 正文篇: 1.了解Node.js概念. -node.js基本概念 -CommonJs概念 2.Node.js中的npm的学习. -install中的本地和全局 -uninstall命令简介 3.package.json简介 4.Node.js…