Lyj的博客

转自：https://www.cnblogs.com/chengzp/p/domevent.html本文将从以下几个方面介绍DOM事件：基本概念：DOM事件的级别 DOM事件模型，事件流 描述DOM事件捕获的具体流程 Event对象的常见应用 自定义事件DOM事件的级别//DOM0 element.onclick = function(){}//DOM2...

转自：https://www.cnblogs.com/chengzp/p/extends.html本文将从以下几方面介绍类与继承类的声明与实例化 如何实现继承 继承的几种方式类的声明与实例化类的声明一般有两种方式//类的声明var Animal = function () { this.name = 'Animal';};//ES6中类的声明class A...

转自：https://www.cnblogs.com/chengzp/p/scopechain.html在本文中，笔者将用通俗的语言和简单的代码，介绍以下几种概念：变量提升 this的使用场景 作用域 闭包的应用最后还有一个例题变量提升首先我们要知道，js的执行顺序是由上到下的，但这个顺序，并不完全取决于你，因为js中存在变量的声明提升。这里比较简单，直接上代码c...

转自:https://www.cnblogs.com/chengzp/p/stack.html　　栈是一种高效的数据结构，数据只能在栈顶添加或删除，所以这样操作很快，也很容易实现。栈的使用遍布程序语言实现的方方面面，从表达式求值到处理函数调用。接下来，用JavaScript实现一个栈的数据结构。定义栈的操作　　栈作为一种特殊的列表，只能从一端来进行访问，就像一摞盘子，放只能放在上面...

转自：https://www.cnblogs.com/chengzp/p/queue.html　队列是一种先进先出的数据结。队列只能在队尾插入元素，在队首删除元素，这点和栈不一样。它用于存储顺序排列的数据。队列就像我们日常中的排队一样，排在最前面的第一个办理业务，新来的人只能在后面排队。队列这种数据结构在编程中被用到很多地方。定义队列的操作　　　上图展示了队列的两个操作，入队和出队...

画扇形.div{ width:0; height:0; border-width:50px; border-style:solid; // 到此，会显示正方形 border-radius: 50px; // 显示 圆 border-color: #f00 transparent transparent; // 圆的左右下边框设为透明，即为...

Rem与emem:相对于父元素的字体大小的单位。rem:相对于根元素（html）的字体大小的单位。rem作用于非根元素时，相对于根元素字体大小；rem作用于根元素字体大小时，相对于其出初始字体大小。vw（view width）相对于可视窗口的宽度。可视窗口被均分为100单位的vw。vh（view height）相对于可视窗口的高度。可视窗口被均分为100单位的vh。...

转自：https://www.zhihu.com/question/20394889/answer/18436957单位可以是 % ，px ，em ，也可以是无单位的。1em 和 100% 效果相同。有单位与无单位的区别：有单位时，子元素继承了父元素计算得出的行距；无单位时继承了系数，子元素会分别计算各自行距。<div style="line-height:150%;f...

转自：https://www.cnblogs.com/chengzp/p/prototype.html目录创建对象有几种方法 原型、构造函数、实例、原型链 instanceof的原理 new运算符创建对象的方法　　在了解原型链之前，首先先了解一下创建对象的几种方式，介绍以下三种。<script type="text/javascript"> //...

三栏布局（左侧和右侧宽度固定，中间自适应）的五种实现方式参考：https://www.cnblogs.com/chengzp/p/layout.html1.浮动布局 （ float ）注：排列方式必须为 left center right。思路：设置左侧盒子左浮动，右侧盒子右浮动；中间盒子的 Dom 写在最后。<div class="container"...