今天带大家盘点一下前端的一些冷知识。 一、浏览器地址栏的妙用 1.1 可以执行javascript代码 在地址栏中输入javascript:alert('hello world')，然后按回车键，会弹

Vue实现一个“液态玻璃”效果登录卡片 效果介绍 液态玻璃（Liquid Glass）是一种极具现代感的UI视觉风格，常见于高端网站和操作系统界面。它通过多层叠加、模糊、光泽、滤镜等技术，模拟出玻璃的

何为前端工程化 前端工程化是指将软件工程的原理和方法应用到前端开发中，以提高开发效率、代码质量和可维护性。随着 Web 应用的复杂度不断增加，传统的前端开发方式已经难以满足需求，因此引入了工程化的概念

我来介绍一个非常神奇的前端功能：轻易地将文本、视频，还是炫酷的动态内容，统统都能“飞”起来。任何 HTML 内容都能实现画中画模式，

HTML+CSS实现的头像遮罩散开特效 在开发中我们经常会遇到一些奇奇怪怪的需求，比如头像的一些特效，比如我之前公司就有这个需求。 先看效果图 这个是不是看起来挺复杂，但其实写出来一点也不费劲，你把它

众所周知，浏览器下 JS 是单线程的，你执行 100万个函数， 不做任何防御措施， 浏览器只能原地爆炸。 那有没有在大批量 JS 任务执行的时候， 浏览器不卡呢？ 当然是有的 react fiber

前言 很多项目中都会使用到地图，使用的地图基本都是百度、高德、腾讯这些，但是，使用步骤都是大差不差的； 就以高德为例，说一下基本的使用流程； 下面是使用高德地图的基本流程： 注册账号 申请 Key 和

上传文件体积大时，如果使用把该文件直接在一个请求体中提交，会出现一些问题，性能和服务器压力会很大，而且无法断点续传，需要做优化！

1、前言 很早面试的时候就被问到过，当时问我大视频如何传输，但是记得回答了流，管道，具体细节和如何实现不清楚， 然后后面工作中又陆续遇到了类似的问题， 比如图片的上传， 上传错误重试、大图比如gif的