咖非猫

作为一名前端工程师，每天的清晨，你走进公司的大门，回味着前台妹子的笑容，摘下耳机，泡上一杯茶，打开 Terminal 进入对应的项目目录下，然后 npm run start...

前端开发从最开始的html，js，css三件套，到如今的大前端，泛前端，整体开发模式已经从几个人的小作坊模式逐步演变为多团队多角色协同开发的大团队模式，前端知识体系梳理很重...

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

又到了金九银十季，最近我也是奔波于各种面试。我自己总结整理了很多方向的前端面试题。借着国庆这个假期，也把这些题目总结分享给大家，也祝正在面试的朋友们能够拿到满意的offer...

详细解析TCP的三次握手四次挥手以及其中出现的问题。 三次握手其实是指建立一个TCP连接时，需要客户端和服务端一共发送三个包 TCP连接的拆除需要客户端和服务端发送四个包，...

大家在查阅Element UI文档的时候，是否发现下面这个效果👇 好家伙，这个效果该怎么实现呢？我的思路是设置背景图为白色和透明相间，这样底下的图片就能穿透部分上来，形成...

随着当今时期前端地愈来愈普及，页面实现的效果真的是越来越棒！ 随着数字图像处理、人工智能技术的发展 ，展示给用户的视觉效果便不局限于平面的2D视觉效果。...

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第4天，点击查看活动详情。 前言 前一段时间由于项目需要实现水印功能，于是去了解了相关的内容后，基于 V...

本文将介绍 CSS 中一个非常有意思的属性 mask 。 顾名思义，mask 译为遮罩。在 CSS 中，mask 属性允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一...

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

初衷： 在面试中，面试官经常问到说一下Es5和Es6的数组方法有哪些，有很多同学老是分不清楚，今天笔者就来分享一下。 用途： map是一个数组函数方法，接收三个参数，val...

在 React 中，对于每一次由状态改变导致页面视图的改变，都会经历两个阶段：render 阶段、commit 阶段。 只有 class 组件才有生命周期，因为 class...

之前面试的大佬问我关于重排重绘的原理和具体操作，一下子把我问蒙了。回家便默默地把问题记下来，仔细总结……在阅读了一些文章后，自己也有了一定的理解，所以分享给大家。希望大家也...

设计模式代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当...

在日益复杂和多元的Web业务背景下，前端工程化这个概念经常被提及。“说说你对Web工程化的理解？” 相信很多初学者在面试时会经常遇到，我们每个人都可以或多或少说出几句，但你...

背景 最近在学习CSS新世界这本书（张鑫旭大神的书，看了绝对不后悔），看到讲解了background属性的多背景特性，在讲解例子时提到了这个网站： https://proj...

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，...