20个实用CSS技巧，涵盖布局、动画、响应式等核心场景。从变量管理到毛玻璃效果，从Flex布局到自定义滚动条，每个技巧都配有详细代码和适用场景。适合前端新手快速上手，也能帮老司机提升开发效率。

前言：Flex 布局的常见误区 Flex 布局作为现代前端开发中最常用的布局方式，看似简单实则暗藏玄机。很多开发者虽然能够写出标准的 flex 三件套： 但往往对 flex 子元素的流动行为理解不够深

本文使用的技术栈是vue2+element 1、需求一：将所有内容相同且相邻的行单元格合并；；需求二：优化==>只针对与指定列进行单元格合并

单页面首屏优化，打包后大小减少64M，加载速度快了13.6秒 1. 静态文件缓存(js,css等)，图片和SVG进行压缩或者替换。 2. 删掉无用路由、引用的库（实际未使用），然后启用树摇 3. ..

此篇教程是关于Flex布局的完整系统教程，对于已经非常熟悉Flex布局的读者，推荐直接跳到`flex-grow`和`flex-shrink`属性部分，相信你会了解到你之前没有关注到的点。

前言 原型、原型链、类与继承似乎无时无刻的出现在我们身边,无论你是在面试中亦或是平常学习和工作中都有它的身影。那么这个是又是什么东西呢 ? 我曾通过 avaScript高级程序设计、你不知道的Java

分享了一些代码片段，帮助提高工作效率。通过本文，您将了解如何使用这些代码来简化编程任务，并减少编写重复代码所需的时间，并能帮助您更快地完成任务需求

Event Loop即事件循环，是浏览器或Node解决单线程运行时不会阻塞的一种机制。什么是同步与异步？ JavaScript是一门单线程语言，那如何实现异步？ 同步任务和异步任务的执行顺序如何？

前端八股文还是值得深入了解，系统巩固的基础。扎实的基本功还有利于跳槽涨薪的。小知识，大挑战！努力行动起来吧！