Wendy_ZX

大家好，这里是歸藏（guizang），分享一下 Gemini CLI 不写代码能有多好用！ 前几天最近随着 Claude Code 这个命令行 AI 代码工具的火爆，谷歌也...

🧲 CSS Scroll Snap 实战指南：让滚动体验“自动对齐” ✨ 什么是 Scroll Snap？ Scroll Snap 是一套 CSS 属性组合，用于让滚动元...

事情起因是这样的，大家在刷抖音，小红书等短视频平台、发现他们的布局是这样的瀑布流布局。 反应是瀑布流，怎么做呢？我们第一反应是flex，grid？是的这是大部分人的固态思维...

CSS自定义实现箭头变化（持续更新多种多样转动样式） 一、实现自身转动180° 【代码】 ：代码区域 【效果展示】 ：结果展示 【笔者有话说】：如果需要有别的样式，可以留下...

还在用图片制作箭头，三角形，那就太lou了。css可以轻松搞定这一切，而且颜色大小想怎么变就怎么变，还不用担心失真等问题。...

深入解析CSS伪元素的妙用，通过下划线动画和箭头绘制实战案例，展示如何不修改HTML实现酷炫效果，提升代码简洁性与可维护性。...

前言 最近公司在招聘，经常会问到应试者一个问题，“flex: 1 是哪些属性的缩写？”，很多同学答的都不是很好，今天我们来理解一下。 flex：1是哪些属性的缩写 flex...

不值一提的flex-basis，却给文本溢出添加省略号这个小小的功能带来很多了麻烦。下面来演示一下。 1. flex 家族 这样可以很方便的实现一个左右等分的布局。 2. ...

认识 flex 布局 Flex布局 ： 简单通过容器规则 ， 尽量不操作子元素 Flex布局的核心概念包括两个主要部分：Flex容器（Flex Container）和Fle...

详细介绍了flex-grow、flex-shrink、flex-basis这三个属性以及计算逻辑,并附有相关案例...

默认值 一些细节： （1）align-items: stretch; 当 flex-direction: row; 水平按行排列时，项目没有设置高度，或者高度为 auto ...

引言 你能说出flex: 1、flex: auto、flex: none分别表示什么吗？ 它们的区别是什么？ 应用于哪些场景？ flex flex: flex-grow、f...

前端开发的世界，就像历史上的战国时期一样，各种框架、库、工具层出不穷，形成了一个百花齐放但也令人眼花缭乱的局面。...

今天在刷知乎，看到一篇非常棒的文章，想复制其中一段给妹子，结果提示“禁止转载内容不支持复制”，开玩笑，这点小伎俩能拦得住我？于是起身打开笔记本电脑尝试起来，不看不知道，一看...

前言 最近看了一篇谈及vue高级技巧的文章，给我看笑了，里面说什么自定义指令、动态组件、自定义过滤器 等等都写在里面了，但凡在实际工作中写过几个中小型的项目，这些都是常用大...

最近在做项目中，使用flex布局遇到了个老问题：当flex子元素里的子元素的宽度过大，超出flex父元素时，设置flex:1并不能限制flex子元素的尺寸...

本篇文章就把你的问题给一一解答，当然这些东西想完弄清楚，肯定离不开进程，线程，浏览器内核，渲染，事件循环，任务队列等，我们就一个一个的来看，它们到底是怎么工作的。 举个例子...

最近在刷文章的时候，发现了一个很奇怪的现象，明明是一个很简单的知识点，但是我居然没有看见几篇讲述正确的文章。很多篇关于 Vue2 生命周期的问题讲的都非常片面或者就是完全错...

Vue 作为前端开发的重要框架，在面试中占据了举足轻重的地位。无论是 基础知识、核心 API，还是 Vue3 的新特性，甚至 源码实现，都是面试官重点考察的内容。 为了帮助...