CodePencil

前两天有个朋友劝我：“你写作一年半了，再不搞点产品变现，继续写作两三年，可能还是原地踏步。” 写了一年半，80多篇文章，没涨粉、没变现、也没10w+。很多人觉着我白干了，可...

本文拆解初级、中级、高级前端在能力结构、思维方式和业务理解上的核心差异，指出“熟练执行”不等于“中级”，真正的成长来自结构化思维、系统能力沉淀与技术反哺业务。适合前端开发者...

在日常开发中，经常会遇到水平垂直居中的布局，虽然现在基本上都用 Flex 可以轻松实现，但是在某些无法使用 Flex 的情况下，又应该如何让元素水平垂直居中呢？这也是一道面...

在平常开发的时候，有时候会遇到使用 z-index 调整元素层级没有效果的情况，究其原因还是因为对层叠上下文不太了解，看了网上很多前辈的文章，决定打算写一篇文章来梳理一下，...

最近，在项目中遇到一个关于CSS中元素z-index属性的问题，具体问题不太好描述，总结起来就是当给元素和父元素色设置position属性和z-index相关属性后，页面上...

Flex 布局是我们平常开发页面中用的最多的布局，而其中最常见的写法 flex: 1，常用于让元素 自动填满剩余空间。但在实际使用中可能会遇到下面这些问题： 明明写了 fl...

设置 flex: 1 的元素可以占据父元素的剩余宽度/高度。但 flex: 1 的元素的宽度/高度可能会超过父元素的宽度/高度。...

作为一名前端开发，在日常开发中，写页面是必不可少的工作，但有时候发现很多的页面结构都是类似的，所以打算写一篇文章来梳理一下日常开发中常见的布局，如果哪里写的有问题欢迎指出。...

其中实现三栏布局有多种方式，本文着重介绍圣杯布局和双飞翼布局。另外几种可以猛戳实现三栏布局的几种方法 对于第一种，先通过对header,content,footer统一设置...

CSS 自定义属性是现代 CSS 的一个强大特性，可以说是前端开发需知、必会的知识点，本篇文章就来好好梳理一下，如果哪里写的有问题欢迎指出。 什么是 CSS 自定义属性 C...

上一篇文章我们讲了什么是响应式设计以及响应式设计一些相关的概念，并分别用三种方案实现了一个拥有响应式设计的网页。今天这篇文章我将着重讲移动端适配、资源（如图片、字体）适配。...

作为一名前端开发，响应式设计可以说是一定要会的，毕竟前端的一大工作内容就是去兼容页面在不同浏览器、不同设备中能够正常工作。但是这块知识点我认为相比于其它知识点是很有难度，因...

大家好，我是双越老师。从全栈角度看，前端能做的性能优化不多，就拆分资源和异步加载，这些都会在网络层面很好的解决。一个 web 系统的性能瓶颈主要在于网络和服务端，前端主要做...

我们都知道在 CSS 中有很多的单位，但在我平常开发中用的最多的却只有 px 和 %，其它的没怎么用到过。 想了一下没用到的原因可能是业务需求对响应式要求不高，或者是对其它...