用户697925396135

比起 Vue Router，React Router 实现路由守卫的方法似乎更加复杂。在这篇文章中，我介绍了两种在 React Router 实现路由守卫的方法。...

本文用到的 SQLite 的代码库为 better-sqlite3，为什么使用 better-sqlite3 而不使用 node-sqlite3，主要就是性能更好。 详细可...

在 Web 安全领域中，XSS 和 CSRF 是最常见的攻击方式。 XSS攻击： 跨站脚本攻击。 攻击者脚本 嵌入 被攻击网站，获取用户cookie等隐私信息。 CSRF攻...

在本篇文章中，我们将深入探讨各个进程和线程是如何通信以显示网站的。 我们将讨论输入url访问网站过程中“用户请求网站”和“浏览器准备呈现页面（也称为导航）”的流程。...

这篇文章中，我们将介绍CPU、GPU、进程、线程等重要的计算机概念以及 Chrome 浏览器的多进程架构。...

笔者刚接触async/await时，就被其暂停执行的特性吸引了，心想在没有原生API支持的情况下，await居然能挂起当前方法，实现暂停执行，我感到十分好奇。好奇心驱使我一...

说到webpack的性能优化，其实就是从时间层面与体积层面入手。对于时间层面主要就是优化webpack的构建速度（缩短构建时间）。对于体积层面主要就是优化webpack的构...

“UI 渲染是和宏任务微任务平行的一个操作步骤，不属于宏任务和微任务中的任何一种”，你认为UI渲染属于宏任务吗？...

本文为专栏《基础漏洞讲解》中的文章，简单介绍了PHP Cookie、Session、Token的工作机制，并讲解了CSRF漏洞的成因、利用和防治。...

前端在做性能优化的时候，其中一种有效的方式就是减少包体积的大小。而减少包体积大小的其中一种有效的方式就是tree-shaking，本文会对tree-shaking这个功能做...

本文将分别将从HTTP缓存与cdn缓存的规则、流程、配置入手，能让大家了解基础概念的同时，可对自己的项目配置定制化的缓存调优方案，以及在遇到缓存问题时如何快速定位解决。...

很多人刚开始接触到 React 的时候，都会有一个误区，就是 React 会在每次 state 或者 props 发生变化的时候，重新渲染整个组件树。这是不对的 ，首先，组...

我正在参加「掘金·启航计划」 前言 临时参加启航计划，眼看就剩几天了，估摸着月末这几天每天一篇才有可能达到我的目标； 本来计划今天想写一篇-> 手撸私信功能+界面的一篇文章...

1、在iframe的src属性和iframe当前url一致吗 2、iframe如何监听iframe的url变化 （1）onload （2）监听iframe属性变化 3、获取...

一. 什么是 tree-shaking 前端中的 tree-shaking 可以理解为通过工具"摇"我们的 JS 文件，将其中用不到的代码"摇"掉，是一个性能优化的范畴。具...

这是前端性能优化系列的文章，讲述一下市面上常见的前端长列表滚动性能优化的方案，并提供各个框架的实现策略，供大家参考！...

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第14天，点击查看活动详情 大家好，我是前端西瓜哥。这次我们来看看虚拟列表是什么玩意，并用 React ...

前言 webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在...

window.innerHeight: 浏览器窗口的视口（viewport）高度（以像素为单位）；如果有水平滚动条，也包括滚动条高度。 window.innerWidth:...

前端面试过程中被问到如何实现前端路由，我们应该从哪些方面回答。如果让你自己实现前端路由，你又该怎么做？...