Leo

个人博客

置顶手写JavaScript各种骚操作

一、前言本篇文章是记录各种手写实现JavaScript中的各种操作，如：new apply等，如果有你有更好的方法，记得告诉我哦。二、实现 1. 实现一个new操作符 new的原理，大致分为四点：创建一个空的对象；让此空对象的__proto__指向构造函数的原型对象Constructor.prototype; 绑定this,执行构造函数; 返回新对象； 12345......

Posted by Leo on 2019-07-19

JavaScript

css-经典布局

一、经典布局 1. 圣杯布局 margin负边距强大之处 Document * { padding: 0; margin: 0; } body { min-width: 600px; } header, footer......

Posted by Leo on 2019-07-24

css

Grid布局

Grid布局一、前言 Grid布局是css最强大的布局，它和Flexbox布局差不多，只是grid看作是二维布局，而flexbox看作是一维布局。在一些数据可视化的页面布局中，使用grid布局能让你爽到上天。 Grid布局的属性又可以分为俩类：容器属性和项目属性。二、网格布局中的概念 2.0 容器网格布局的区域，我们成为“容器”，“容器”内采用网格定位的子元素，成为“项目” 1234......

Posted by Leo on 2019-07-23

css

JavaScript-排序

排序 1.0 冒泡排序 12345678910111213141516171819202122232425 function sort(arr){ const len = arr.length; if (len<= 1) {return arr;} for (let i = 0; i <len - 1 ; i++) ......

Posted by Leo on 2019-07-23

算法-排序

JavaScript-typeof操作符

一、数据类型 1.前言最近会把读《Javascript高级程序设计(第三版)》密码:2vp3 这本书的一些要点，一一分享给大家，这是第一篇基本数据类型。我已经把此书的网盘链接分享出来了，有兴趣的可以看下，JavaScript进阶必看。 2.类型 ECMAScript有5种基本数据类型：undefined、Null、Boolean、Number、String ; 一种复杂数据类型 Obje......

Posted by Leo on 2019-07-19

JavaScript

JavaScript运行时

一、前言好久没有更新简书了，因为工作忙的原因（主要是懒 - -）。今天给大家分享一篇js运行机制的东西，希望对读者有帮助。二、js单线程 setTimeout(() => { console.log('runing') }, 3000); 通常我们会这样理解：这段代码表示1秒后，会执行setTimeout里面那个函数。然而，这种解释并不准确，那应该怎么理解呢？我们先来理解Ja......

Posted by Leo on 2019-07-19

JavaScript