小白踩坑

我们前端，可能是公司里最卷的岗位之一。天天加班加点，追最新的技术栈，像素级还原设计稿，为了那100毫秒的性能提升死磕到底。 但不知道你有没有过类似的感受：尽管我们做了这么多...

分享一个 CSS 小技巧 在平时开发中，经常会遇到这样一种问题：当打开一个弹窗时，后面的页面是可以滚动的，演示如下 那么，该如何锁定页面的滚动呢？ 一、传统的实现方式 传统...

今天，分享一个实际业务中能够用得上的动画技巧。 巧用逐帧动画，配合补间动画实现一个无限循环的轮播效果，像是这样： 看到上述示意图，有同学不禁会发问，这不是个非常简单的位移动...

本文带大家实现两个基本的轮播动画效果——头像轮播与弹幕轮播，设计思路是利用 React 的状态管理和定时器，结合 CSS 动画来实现轮播效果。...

今天我们来讲一讲css中一种很实用的布局方式——瀑布流布局。 什么是瀑布流布局呢？我们可以随便打开一个购物网站或社交网站，它们的布局一般都是瀑布流布局，比如小红书： 你会发...

倒计时是许多网站上常见的一个功能，它能够增强网站和用户互动方面的体验。一般来说，开发者们会使用JavaScript来实现网页的动态行为，但是使用纯CSS也可以创建一个功能完...

背景 在前端开发中，通常实现的导航栏切换时没有添加交互效果，今天就从0到1实现一个美观且交互流畅的导航栏。 直接看效果： 1.导航栏实现思路 实现的导航栏需要具备丝滑过渡动...

作为开发者，我们都知道尽可能多的重用代码是一个好主意。Web Components 旨在解决这些问题 — 它由三项主要技术组成，它们可以一起使用来创建封装功能的定制元素，可...

(61) ① 当前组件添加的所有动态子块 转成 HTML 代码 后， 传递 给 group.liquid 通过 capture 捕获动态子块内容，再传递给 group.li...

(53) 父 传递给 子 数值变量 ① 传递 可选的参数变量 ② 区块 参数传递 通过 render 'overlay', settings: section.settin...

公司从今年陆陆续续接了一些3D的项目，掏钱报销我学3d，说有心培养我成为这方面的人才...且听我细细道来...

(46)"blocks": [{ "type": "@theme" }] 官网文档地址 案例： ① 有 { "type": "@theme" } ② 无 { "type":...

面试官看起来比较年轻，刚开始自己的心态也挺轻松，随着面试的进展，心情变的越加的不对劲，怎么问的每一道题都只知道一点，这是知道了自己的打法，专门来拆台来了 （让我自己认识到自...

CSS手残党救星：motion-v 助你写出流畅丝滑的动画 前言 不知不觉间，Vue 3 自发布至今已悄然走过近五个年头。在这五年里，Vue 社区始终不懈努力，持续拓展并壮...

1. 效果【京东商品放大特效】 2. 实现方法 2.1 JS 实现 创建原图片的盒子，并放入原图片； 创建需要放大区域的遮罩块； 创建显示放大后图片显示的盒子和盒子内放大的...

本文不是卖课，也不会兜售所谓面试技巧，更不会制造焦虑。就是聊一个可能残酷的事实。建议带着同理心一起服用。...