作为后端程序员，关注内存应该是自然而然的事情，然而前端大部分只和浏览器打交道，对内存的关注就比较少了，包括我自己也是这样，通过这篇学习，可以让我们明白前端也关注内存的好处，理解JS内存回收机制和V8引擎内存回收机制的实现方式，并学习一些优化 ...

代码很简单, 这几行都是必需的. p { width: 200px;/*指定宽度*/ white-space: nowrap;/*强制不换行*/ text-overflow: ellipsis;/*溢出部分用省略号替 ...

一、概述 CSS网格布局（Grid）是一套二维的页面布局系统，它的出现将完全颠覆页面布局的传统方式。 首先来介绍几个概念: 想象一个三行三列的布局，网格线就是构成网格所有的线条，三行三列的布局每行就会有4条网格线。 网格轨道就是相邻两条平行 ...

引言 近几年前端对 TypeScript的呼声越来越高，Typescript也成为了前端必备的技能。TypeScript 是 JS类型的超集，并支持了泛型、类型、命名空间、枚举等特性，弥补了 JS 在大型应用开发中的不足。 在单独学习 Ty ...

1.伪元素+transform:translateX(-100%); 主要原理是设置文本居中text-align: center;，然后给定两个伪元素，分别绝对定位，那么此时伪元素也是跟随着水平居中的，设置足够的宽度，然后把左边的往左位移1 ...

1.图片向下撑大3像素问题 在一个盒子里面放一张图片，默认情况下，图片会向下撑大3像素，有以下几种解决方法： 1.1给图片添加display:block； 1.2给图片添加float:left； 1.3 给图片添加vertical-alig ...

前端项目，在部署发布的时候需要配置yaml文件： image.png BuildScript文件夹下需要这三个.yaml文件 配置如下： image.png image.png 就这样，三个文件内容基本一样，需根据实际情况修改namespa ...

封装成mixin复用 在写css的时候, 很多样式都是很常用但是写起来很麻烦, 虽然现在有很多成熟的ui框架, 但是我们也不能一个简单的活动页也引入那么大个框架吧? 在工作中我也攒下了不少常用css, 我把他们封装成了mixin, 挑选了5 ...

看了一篇外文，讲如何使用node环境变量的。这期我也结合自己的一些经验写写读后感吧。 概述 说来话长，我最早接触环境变量还是在学Java的时候。特地找了张比较复古的图片，记得当时照着书本配环境变量都折腾好了几天。我后来还写到了百度知道里，现 ...

GIF.gif 利用这种特性可以做出下面这个动画 GIF.gif 源码 <meta name=" ...