弱翁

TypeScript 协变和逆变 前言 内涵和外延 说协变和逆变前先引入两个概念 内涵 和 外延 内涵: 概念中所反映的事物的特有属性 外延: 具有概念所反映的特有属性的所...

1.前端常见工具之间的定位与联系，如webpack、rollup、vite、vue-cli等。 2.从运行原理、构建方式、HMR热更新机制、使用成本等方面逐一去分析，vit...

前端章鱼猫从 2016 年加入 GitHub，到现在的 2020 年，快整整 5 个年头了。 相信很多人都没有逛 GitHub 的习惯，因此总会有开源信息的不对称，有哪些优...

现在开发 React 组件基本都是用 hooks 了，hooks 很方便，但一不注意也会遇到闭包陷阱的坑。 相信很多用过 hooks 的人都遇到过这个坑，今天我们来思考下 ...

前端高频八股文，每日更新，涵盖HTML CSS JavaScript TypeScript React。作者秋招学习笔记记录...

你是否真的了解并会正确使用try...catch呢？你知道try...catch是个同步代码块，不能异步捕获错误吗？一起来看看如何优雅的使用try...catch优雅捕获异...

本文正在参加「金石计划」 原文来自我的个人博客 1. 编程风格 & 视图风格 1.1 编程风格 React 语法少、难度大；Vue 语法多，难度小 例如指令： Vue Re...

大家好，我是小杜杜，是一个喜欢动手敲代码的小菜鸟，我认为代码应该亲自敲一遍，才能更好的熟记于心，所以今天就介绍一下有关 ES6 ~ ES12 的特性。**如果你对ES有关的...

前言 大家好，我是林三心，在日常面试中，Diff算法都是绕不过去的一道坎，用最通俗的话，讲最难的知识点一直是我写文章的宗旨，今天我就用通俗的方式来讲解一下Diff算法吧？L...

介绍 useMemo和useCallback是React中优化是常用的两个Hooks。它们有一些共同点，比如都需要传递一个依赖数组，只有当依赖项发生改变时才会更新数据。但是...

https是如何发送数据的。通过加密和身份验证机制来保护数据安全传输。握手-身份验证-数据传输-结束连接...

1、引入：什么是微服务？ 微服务是近几年在互联网业界内非常🔥 的一个词，在俺们大学沸点工作室Java组也已经有Spring Cloud微服务的实践先例，那我们作为前端的角...

箭头函数作为ES6中新加入的语法，以其简化了我们的代码和让开发人员摆脱了“飘忽不定”的this指向等特点，深受广大开发者的喜爱～...

被问首屏优化没有？你说啊你说啊 被问首屏优化没有？你说啊你说啊 被问首屏优化没有？你说啊你说啊 被问首屏优化没有？你说啊你说啊...

跨域方案 1. iframe 优点：跨域完毕之后DOM操作和互相之间的JavaScript调用都是没有问题的 缺点：1.若结果要以URL参数传递，这就意味着在结果数据量很大...

最大安全数字：Number.MAX_SAFE_INTEGER = Math.pow(2, 53) - 1，转换成整数就是 16 位，所以 0.1 === 0.1，是因为通过...

字节的面试还挺曲折，一开始是某部门的HR直接联系我的，在面了三轮之后感觉面试官的状态瞅着蔫蔫的🫠，又咨询了一下在字节的朋友，便决定更换部门（但是该部门的HR小姐姐很好，跟...

面试小记：将一个数组转化为树（前端页面树状路由）的形式。使用场景，路由树、树形结构的文件选择，权限集成...

从效果来说，希望实现的效果是在需要加载水印的盒子上覆盖上水印信息。首先想到的方案就是添加一个新的盒子，填充满想要添加水印的元素。然后将水印设置为背景图。不过后来想到，如果一...

无埋点日志记录 背景： 给开发自己看的一个系统日志记录功能。 原理，dom变化后，更新一份观察者，观察者是需要记录的element js原生支持dom树更改的监听，MDN ...