自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 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 393

原创 HTML5

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

2020-01-07 17:20:15 213

原创 JavaScript-数组操作

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

2019-12-30 11:18:04 145

原创 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 199

原创 程序设计六大原则

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

2019-12-02 10:35:04 360

原创 JavaScript-闭包

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

2019-11-27 15:57:25 106

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

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

2019-11-06 15:39:48 295

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

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

2019-11-06 10:46:33 77

原创 JavaScript-对象、包装类

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

2019-10-17 17:04:31 94

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

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

2019-09-24 10:46:44 111

原创 JavaScript-预编译(AO、GO概念了解)

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

2019-09-11 20:55:22 260

原创 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 102

原创 JavaScript-立即执行函数

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

2019-09-09 20:26:19 99

原创 JavaScript-函数形参与实参

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

2019-09-03 19:43:31 278

原创 JavaScript- ASCII与unicode

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

2019-08-31 17:22:42 290

原创 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 80

原创 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 178

原创 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 184

原创 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 220

原创 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 187

原创 JavaScript - 运算符

var a = 1, b = 2, d = 3;var c = (a + b) * d; 运算分析:声明变量 变量a的值和变量b的值相加,与变量d的值相乘得到结果 将该结果赋值给变量c优先级 : 括号运算 > 普通运算 > 赋值加 + 数学运算 字符串拼接 var a = 1, b = 2, ...

2019-08-28 20:55:26 119

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除