最新文章
-
理解CSS的vertical-align的属性，以及与line-height的关系
前言 vertical-align用来指定行内元素（inline）或表格单元格（table-cell）元素的垂直对齐方式。也就是说，对于块级元素，vertical-align是不起作用的。 ……html5 2019年9月3日
-
css盒子模型：内联盒模型、width、height、替换元素、边距、border
css是一门具象语言，并不像js那样具有逻辑性，因此，就算入行了前端很久的工程师，也觉得css难以掌握。下面我们就一步一步揭开css的神秘面纱，深入理解css盒…… -
对css的line-height的属性、行距、x-height的深入理解
前言 行高，顾名思义是一行文字的高度，而从规范上来说则是两行文字基线之间的距离。行高是作用在每一个行框盒子(line-box)上的，而行框盒子则是由内联盒…… -
内联元素img、input为什么可以设置宽和高
元素是文档结构的基础，在CSS中，每个元素生成了一个包含了元素内容的框（box，也译为“盒子”）。但是不同的元素显示的方式会有所不同，例如<div>和<…… -
设计模式之职责链模式 – 深入理解JavaScript系列 38
本文是《JavaScript深度解析》系列文章第 38篇 (共 51 篇） 介绍 职责链模式（Chain of responsibility）是使多个对象都有机会处理请求，从而避免请求的发…… -
设计模式之享元模式 – 深入理解JavaScript系列 37
本文是《JavaScript深度解析》系列文章第 37篇 (共 51 篇） 介绍 享元模式（Flyweight），运行共享技术有效地支持大量细粒度的对象，避免大量拥有相同内容…… -
设计模式之中介者模式 – 深入理解JavaScript系列 36
本文是《JavaScript深度解析》系列文章第 36篇 (共 51 篇）介绍 中介者模式（Mediator），用一个中介对象来封装一系列的对象交互。中介者使各对象不需要显式地…… -
设计模式之迭代器模式 – 深入理解JavaScript系列 35
本文是《JavaScript深度解析》系列文章第 35篇 (共 51 篇）介绍 迭代器模式(Iterator)：提供一种方法顺序一个聚合对象中各个元素，而又不暴露该对象内部表示。…… -
设计模式之命令模式 – 深入理解JavaScript系列 34
本文是《JavaScript深度解析》系列文章第 34篇 (共 51 篇）介绍 命令模式(Command)的定义是：用于将一个请求封装成一个对象，从而使你可用不同的请求对客户进…… -
设计模式之策略模式 – 深入理解JavaScript系列 33
本文是《JavaScript深度解析》系列文章第 33篇 (共 51 篇）介绍 策略模式定义了算法家族，分别封装起来，让他们之间可以互相替换，此模式让算法的变化不会影响…… -
设计模式之观察者模式 – 深入理解JavaScript系列 32
本文是《JavaScript深度解析》系列文章第 32篇 (共 51 篇）介绍 观察者模式又叫发布订阅模式（Publish/Subscribe），它定义了一种一对多的关系，让多个观察者…… -
设计模式之代理模式 – 深入理解JavaScript系列 31
本文是《JavaScript深度解析》系列文章第 31篇 (共 51 篇）介绍 代理，顾名思义就是帮助别人做事，GoF对代理模式的定义如下： 代理模式（Proxy），为其他对象…… -
Vue优化：常见会导致内存泄漏问题及优化
如果你在用 Vue 开发应用，那么就要当心内存泄漏的问题。这个问题在单页应用 (SPA) 中尤为重要，因为在 SPA 的设计中，用户使用它时是不需要刷新浏览器的，所…… -
vue自定义指令导致的内存泄漏问题解决
vue的自定义指令是一个比较容易引起内存泄漏的地方，原因就在于指令通常给元素绑定了事件，但是如果忘记了解绑，就会产生内存泄漏的问题。 看下面代码： …… -
英国网络安全机构督促开发者淘汰 Python 2
NCSC 警告如果继续使用 Python 2.x 开发的模块，将会面临安全风险，因为漏洞总会出现，而新的漏洞不会再有人修正。 NCSC 称，如果你维护了一个其他人依赖…… -
实现CSS实现文字图片水平垂直居中的最全方法
关于文字和图片的水平垂直居中，在前端界绝对算是一个老生常谈的问题了，尤其是垂直居中，什么千奇百怪的解法都能想的出来。下面我就总结一些比较常用的方法…… -
CSS3的Rem布局原理和布局方案（附源码）
Rem认识 rem和em很容易混淆，其实两个都是css的单位，并且也都是相对单位，现有的em，css3才引入的rem，在介绍rem之前，我们先来了解下em em em作为…… -
URL加载,缓存,CDN,图片,渲染,CSS,DOM等前端性能优化技术
从输入URL加载起看方向 从输入 URL 到页面加载完成的过程： 首先做 DNS 查询，如果这一步做了智能 DNS 解析的话，会提供访问速度最快的 IP 地址回来接…… -
HTML/CSS浏览器页面回流和重绘
面呈现流程 在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解，页面是怎么把html结合css等显示到浏览器上的，下面的流程图显示了浏览器对页面的…… -
设计模式之外观模式 – 深入理解JavaScript系列 30
本文是《JavaScript深度解析》系列文章第 30篇 (共 51 篇）介绍 外观模式（Facade）为子系统中的一组接口提供了一个一致的界面，此模块定义了一个高层接口，这…… -
CSS/CSS3制做书籍目录（附源码）
本文是一个使用纯CSS制做书籍目录效果的实际案例，开发了源码下载。 目录效果演示 ul#liezi13204813 { width:450px;margin:0 auto; padding:8px …… -
设计模式之装饰者模式 – 深入理解JavaScript系列 29
本文是《JavaScript深度解析》系列文章第 29篇 (共 51 篇）介绍 装饰者提供比继承更有弹性的替代方案。 装饰者用用于包装同接口的对象，不仅允许你向方法添加…… -
设计模式之工厂模式 – 深入理解JavaScript系列 28
本文是《JavaScript深度解析》系列文章第 28篇 (共 51 篇）介绍 与创建型模式类似，工厂模式创建对象（视为工厂里的产品）时无需指定创建对象的具体类。 工厂…… -
设计模式之建造者模式 – 深入理解JavaScript系列 27
本文是《JavaScript深度解析》系列文章第 27篇 (共 51 篇）介绍 在软件系统中，有时候面临着“一个复杂对象”的创建工作，其通常由各个部分的子对象用一定的算法…… -
设计模式之构造函数模式 – 深入理解JavaScript系列 26
本文是《JavaScript深度解析》系列文章第 26篇 (共 51 篇）介绍 构造函数大家都很熟悉了，不过如果你是新手，还是有必要来了解一下什么叫构造函数的。构造函数……