非人是物丶

1. 不使用临时变量来交换变量的值 2. 对象解构，让数据访问更便捷 3. 浅克隆对象 4. 合并对象 5. 清理数组 6. 将 NodeList 转换为数组 7. 检查数...

之前看到有人在浏览器端复刻了原神的登录界面，效果非常还原。 本文就让我们一起来看看这种效果是如何实现的，主要分析Shader相关的部分。 怀着学习的目的，我自己也写了一版。...

前言 什么是数组扁平化 数组扁平化是指将一个多维数组转换为一个一维数组的过程。 数组扁平化的五种方法 - 递归 - arr.flat(Infinity) - toStrin...

前端有很多小而美的库，接入成本很低又能满足日常开发需求，同时无论是 npm 方式引入还是直接复制到本地使用都可以。 2024年推荐以下小而美的库。 radash 实用的工具...

本文主要收集一些自己常用的前端相关的工具类、图片类、前端学习、前端组件资源、CSS动画相关的资源网站，便于提升工作效率，还提供了一些娱乐的网站供大家放松。...

大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心~ 有趣的动画效果 前几天在网上看到了一个很有趣的动画效果，如下，光会跟随鼠标在卡...

本文记录了我在滴滴从事H5开发工作，到目前为止的这一年里，我所遇到的一些比较经典的问题，主要是样式上的，希望能帮助到大家！...

IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体...

最近接到的一个需求十分有意思，设计整体实现了前端仿微信扫一扫的功能。整理了一下思路，做一个分享，如果想要实现完整扫一扫的功能，你需要掌握一些前置知识，这次我们先讲如何实现拍...

我们在浏览视频网站的时候，会发现一些地址并不是真实的视频地址，而是一些Blob链接。打开网络面板查看，会看到一些.ts文件以及.m3u8文件。这些都是啥？今天就来探索一下，...

文章灵感来自于一篇关于权限控制的文章，通过 Typescript 5.0 的装饰器新特性，学习对权限控制的另外一种优化方式。...

哈喽，大家好，我是 alien，本文和技术没有任何关系，只是想聊聊最近一年发生的事情。 其实我并不是一个喜欢总结过去的人，因为我觉得我的生活平淡无奇，但是近一年来，发生的事...

有的需求需要在网页上写代码。 比如在线执行代码的 playground： 或者在线面试： 如果让你实现网页版 TypeScript 编辑器，你会如何做呢？ 有的同学说，直接...

回想起多年前，前端开发者常被戏称为“切图仔”，但就是这样的角色，通过精湛的CSS技巧，能够实现各种复杂的交互和特效，展现出前所未有的网页魔法。这是那些专注于服务端开发的工程...

2024.04.20 更新前端面试问题总结（23 道题） 其他面试问题可以访问 https://github.com/pro-collection/interview-qu...

一、前言 中午休息的时候，闲逛公司内网，看到一个url，就想复制一下url，看看url对应的内容是啥，习惯性使用ctrl+c，然后ctrl+v，最后得到是 禁止复制，哦，原...

`webpack`静态模块化打包工具。无论是前端工程化，还是高级前端岗位都是绕不开的话题之一，面试经常问到构建优化的的方案，自定义`loader`，自定义`plugin`等...

手动将文本复制到剪贴板、在复制的文本添加自定义内容、input随着输入内容自动增长、textarea随着输入内容自动增长度、将页面部分内容全屏化、同步两个元素之间的滚动、打...