Mr.WangNGU-CSDN博客

原创 HTML重绘和回流

浏览器的运行机制构建DOM树（parse）：渲染引擎解析HTML文档，首先将标签转换成DOM树中的DOM node（包括js生成的标签）生成内容树（Content Tree/DOM Tree）；构建渲染树（construct）：解析对应的CSS样式文件信息（包括js生成的样式和外部css文件），而这些文件信息以及HTML中可见的指令（如<b></b>），构建渲染树（Rendering Tree/Frame Tree）：render tree中每个node都有自己的style

2020-05-18 16:42:43 456

原创 HTML5

目录简述常用标签 -兼容 input type 可输入的select （不兼容大多数浏览器）表单新增事件进度条示例-fieldset legend audio 音频 video 视频 embed 直接插入视频文件，本质是调用本机上已经安装的软件，有兼容性 html5获取dom元素操作元素类样式自定义属性网络监听接口全屏接口的使用简述 ...

2020-01-07 17:20:15 401

原创 JavaScript-数组操作

基本函数集合函数名称语法函数解析返回值是否改变原数组 var arr = new Array() 创建一个空数组 var arr = new Array(10) 创建一个包含10项的数组 var arr = Array(7) 创建一个长度为7的空数组（注意：这...

2019-12-30 11:18:04 205

原创 JavaScript-字符串操作

目录一、转换（1）booleanObject.toString() （2）String(parameter) （3）" " + 二、连接（1）+ （2）.concat()arrayObject.concat(arrayX,arrayX,......,arrayX) 三、大小写切换 stringObject.toLowerCase() stringObject.to...

2019-12-05 09:27:44 555

原创程序设计六大原则

目录单一职责原则（Single Responsibility Principle）开闭原则（Open Closed Principle）里氏替换原则（Liskov Substitution Principle）依赖倒置原则（Dependence Inversion Principle）接口隔离原则（Interface Segregation Principle...

2019-12-02 10:35:04 475

原创 JavaScript-闭包

闭包当内部函数被返回到外部并保存时，一定会产生闭包，闭包会产生原来的作用域链不释放，过度的闭包可能会导致内存泄漏，或加载过慢。内存泄漏（Memory Leak）是指程序中己动态分配的堆内存由于某种原因程序未释放或无法释放，造成系统内存的浪费，导致程序运行速度减慢甚至系统崩溃等严重后果。基本闭包图解：闭包的简易使用 // 使用闭包制作一个简易...

2019-11-27 15:57:25 143

原创 ES6 - let、const，解构赋值，箭头函数，剩余参数，数组、字符串扩展方法，Set数据结构

简介 ES6的全称是ECMAScript,是由ECMA国际标准化组织制定的一项脚本语言的标准化规范 ES6实际上是一个泛指，泛指ES2015年及后续的版本

2019-11-06 15:39:48 352

原创 JavaScript的原型及原型链入门

原型 prototype 原型prototype其实是function对象的一个属性打印出来也是一个对象是定义构造函数构造出的每个对象的公共祖先所有被该构造函数构造出的对象都可以继承原型上的属性和方法函数内没有的属性才会去原型上找 function hand(color){ this.color = color; } ...

2019-11-06 10:46:33 114

原创 JavaScript-对象、包装类

对象基础了解 // 对象 var obj = { name: 'name', weight: 15, teach: function (param) { this.weight++; console.log('object'...

2019-10-17 17:04:31 132

原创 JavaScript-作用域与作用域链剖析

了解AO GO实质上为了解决作用域及作用域链相关所产生的一切问题。函数也是一种对象引用类型引用值；对象中有些属性使我们无法访问的，这些属性是JS引擎内部固有的隐式属性，内部的私有属性。作用域之对象的隐式属性 [[scope]] 函数创建时，生成的一个JS内部的隐式属性函数存储作用域链的容器，作用域链里存储AO/GO ；AO：函数的执行期上下文；GO：全局的执行期上下文 ...

2019-09-24 10:46:44 145

原创 JavaScript-预编译（AO、GO概念了解）

预编译 javascript运行：检查通篇的语法错误预编译的过程解释一行，执行一行由函数前后都可调用，变量声明前调用（后已声明情况下）打印出undefined demo(); // 1 function demo(){ console.log(1) } demo();//1 ...

2019-09-11 20:55:22 299

原创 JavaScript-函数的call/apply方法，callee与caller

call function test(){ console.log('a'); } test();//打印出a 其实系统隐式添加call test.call(); call/apply 更改this的指向 function Car(brand,color){ ...

2019-09-11 19:21:02 132

原创 JavaScript-立即执行函数

//自动执行，执行完成以后立即释放 // 立即执行函数-初始化函数 // IIFE Immediately-Invoked Function Expression // -两种写法 // (function(){ console.log('第一种'); })...

2019-09-09 20:26:19 138

原创 JavaScript-函数形参与实参

函数 JavaScript 使用关键字function定义函数。函数可以通过声明定义，也可以是一个表达式。函数声明后不会立即执行，会在我们需要的时候调用到。分号是用来分隔可执行JavaScript语句。由于函数声明不是一个可执行语句，所以不以分号结束。避免使用new关键字提升（Hoisting）是 JavaScript 默认将当前作用域提升到前面去的的行为。提...

2019-09-03 19:43:31 333

原创 JavaScript- ASCII与unicode

ASCII码 0 - 127 128 - 255 ASCII ((American Standard Code for Information Interchange): 美国信息交换标准代码）是基于拉丁字母的一套电脑编码系统，主要用于显示现代英语和其他西欧语言。它是最通用的信息交换标准，并等同于国际标准ISO/IEC 646。ASCII第一次以规范标准的类型发表是在1967年，最后一次...

2019-08-31 17:22:42 377

原创 JavaScript- 隐式类型转换

var a = "123"; a++; // 124 解析:先Number(a) 再++ a = "a" + 1;//a1 解析:toString() a = '3' * 2;//6 解析：* / - 都是经过Number()过程 a = '1' > 2; // false > &l...

2019-08-31 16:47:58 116

原创 JavaScript - typeof方法及显示类型转换

typeof() 内置函数 console.log(typeof([])); // object console.log(typeof({}));//object console.log(typeof(null));//object console.log(typeof(undefined));//undefined console.log(typ...

2019-08-30 20:31:14 222

原创 JavaScript基础 - 判断，循环

if（条件）{ 执行语句} else if(条件){ } else{ } 条件：互斥性 if(a == 1){ console.log('a = 1'); }else if(a == 2){ console.log('a = 2'); }else{ console.l...

2019-08-29 20:57:38 249

原创 JavaScript- 原始值及引用值内存之栈内存与堆内存

一、javascript的脚本引入 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...

2019-08-29 15:41:27 260

原创 JavaScript - 浏览器简单介绍线程

一、浏览器历史和js的诞生 1990年世界上第一个浏览器WorldWideWeb（后改为Nexus) 由 Tim Berners-Lee创建于欧洲核子物理实验室；同时他还写了第一个网页服务器httpd。世界上第一条http: //info. cern. ch/于1991年8月6日上网。 1993年美国伊利诺大学厄巴纳-香槟分校的NCSA组织发表NCSA Mosaic，简称M...

2019-08-29 15:41:18 220