蓝兰兰

讲解面试常见的flex:1和flex:auto的区别。其实这两个属性的差异藏在细节里，今天我们就从 “原理拆解→场景对比→误区避坑” 三个维度，彻底搞懂它们的区别，让你在项目中不再凭感觉写代码。

最近，有群里在群里发了这么一个非常有意思的卡片 Hover 动效，来源于此网站 -- key-drop，效果如下： 非常有意思酷炫的效果。而本文，我们不会完全还原此效果，而是基于此效果，尝试去制作这么

面试过程中面试官问到前端性能优化有哪些，当我咔咔一顿输出之后面试官追问：前端可以做的性能优化有哪些呢？ 前端优化大概可以有以下几个方向： 网络优化 页面渲染优化 JS优化 图片优化 webpack打包

可视化大屏项目使用最多的组件就是数字组件，展示数据的一个变化，为了提高视觉效果，需要给数字增加一个滚动效果，实现一个数字到另一个数字逐步递增的滚动动画。

在日常生活中，二维码出现在很多场景，比如超市支付、系统登录、应用下载等等。了解二维码的原理，可以为技术人员在技术选型时提供新的思路。对于非技术人员呢，除了解惑，还可以引导他更好地辨别生活中遇到的各种二维码，防止上当受骗。 二维码最常用的场景之一就是通过手机端应用扫描PC或者WE…

开始会先介绍该插件的安装使用方式，然后简单介绍下主要的开发步骤。 安装和其他的vscode插件一样，直接在插件市场搜索 ‘小霸王’ 点击安装即可。 remote部分是远程资源，右键想要玩的游戏然后点击download下载，下载完毕后会到local列表，点击即可运行。 local…

工作中少不了要做脑图，这个网站就是一个完全免费的脑图制作网站，操作易懂，非常好上手，绝对是一个让你相见恨晚的网站。 自带无数模板，并且还会持续不断更新，支持团队协作，简直太良心了。 BgEraser 是一个可以在线自动抠图的网站，使用方法很简单，上传想要抠图的图片，稍微等个十几…

2019年马上就要结束了，相信很多童鞋都开始蠢蠢欲动了，寻找新的机会了，但是工作太忙没有时间刷算法题，面试的时候好心虚。这里双手奉上40道LeetCode上经典面试算法题，整理的内容有点长，建议先收藏，慢慢消化，在来年顺利拿到满意的offer。 内容较多，整理不易，希望大家关注…

网页布局，是前端入门的时候必学、必须熟练的一门技术，学到什么程度算是入门了呢？随便给你一个网站，你就可能快速的分析出网页的结构，然后搭建出模型，这是前端网页布局入门的最基本要求。 作为一个前端初学者，在学习的时候可能会用到一些盒模型传统的布局方式（display + posit…