花落归零

脚手架是我们经常使用的工具，也是团队提效的重要手段,所以系统性的掌握脚手架相关知识，对前端开发者来说是非常重要的. 一、脚手架的简单雏形 🐣 脚手架就是在启动的时候询问一...

2022.3.22 1.什么情况下会遇到跨域，怎么解决？ 域：协议 + 域名 + 端口 只要这三者有一个不同就属于跨域。 因为浏览器为了安全考虑，防止xss和csrf攻击。...

1.src和href的区别？ src source 源 使用场景 src指向外部资源的位置，src指向的内容会嵌入到文档中当前标签所在的位置 img标签 script标签 ...

一、CSS 基础 1. CSS 选择器及其优先级 选择器 格式 优先级权重 内联样式 <span style='color:red'> 1000 id 选择器 #id 10...

一、数据类型 1. JavaScript有哪些数据类型，它们的区别？ JavaScript共有八种数据类型，分别是 Undefined、Null、Boolean、Numbe...

一、CDN---了解即可 1. CDN的概念 CDN（Content Delivery Network，内容分发网络）是指一种通过互联网互相连接的电脑网络系统，利用最靠近每...

一、组件基础 1. React 事件机制 React并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到doc...

一、Git 1. git 和 svn 的区别 git 和 svn 最大的区别在于 git 是分布式的，而 svn 是集中式的。因此我们不能再离线的情况下使用 svn。如果服...

一、HTTP协议 1. GET和POST的请求的区别 Post 和 Get 是 HTTP 请求的两种方法，其区别如下： **应用场景：**GET 请求是一个幂等的请求，一般...

一、浏览器安全 1. 什么是 XSS 攻击？ （1）概念 XSS 攻击指的是跨站脚本攻击，是一种代码注入攻击。攻击者通过在网站注入恶意脚本，使之在用户的浏览器上运行，从而盗...

一、异步&事件循环 1. 代码输出结果 输出结果如下： promise.then 是微任务，它会在所有的宏任务执行完之后才会执行，同时需要promise内部的状态发生变化，...

1.手写instanceof 这个手写一定要懂原型及原型链 2.手写new 首先创一个新的空对象。 根据原型链，设置空对象的 __proto__ 为构造函数的 protot...

设计模式 设计模式有许多种，这里挑出几个常用的： 设计模式 描述 例子 单例模式 一个类只能构造出唯一实例 Redux/Vuex的store 工厂模式 对创建对象逻辑的封装...

长列表优化，一万条数据不用分页和懒加载，如何提升性能 👉👉 后端一次给你10万条数据，如何优雅展示，到底考察我什么? 1.requestAnimationFrame 使...

本期摘要 Remix v1.5.0 Babel v7.18.0 前端部署十五章 Tree Shaking 问题排查指南 Web Applications 101 ARIA ...

5 月 24 日早上，Remix 作者 Ryan Florence 在其 Twitter 上怒斥 Next.js，称其在没有打招呼也没有致谢声明的情况下，在最新发布的 La...

Node.js 是最受欢迎的 JavaScript 运行时，今天就来看看有哪些热门、值得使用的Node.js 框架。 1. Next.js Next.js 是一个用于生产环...

今天来看看在 React 中实现条件渲染的常见方法和注意事项！ 条件渲染方式 1. if 语句 先从 React 最基本的条件类型来看。如果有数据就显示组件，如果没有数据就...

正式发布之路 在深入了解所有特性之前，我们先来回顾一下 React 18 发布背后的整个过程，因为与之前的版本相比这一次的发布经历非常独特。React 17 并没有带来很多...