Azureky

原文链接：一文吃透 CSS Flex 布局 教学游戏 这里有两个小游戏，可用来练习 flex 布局。 塔防游戏 送小青蛙回家 Flexbox 概述 Flexbox 布局也叫 Flex 布局，弹性盒子布

跨域问题解决 目前项目中多数是前后端分离的开发模式，在前端调用数据的时候，就会需要跨域请求。 浏览器（出于安全性考虑）同源策略，拒绝跨域请求...XSS跨站攻击

提高页面渲染效率，可以通过以下几个方式来实现：DOM层级不要变；相同内容节点类型不要变；循环元素添加 key 值；保持结构的稳定性，避免兄弟节点错位而严重影响性能。

本文介绍了浅比较，将其与容易混淆的===进行了对比，并结合React.memo包装下子组件渲染的例子讲解了其应用。同时，本文介绍了其他几种JS中对对象进行比较的方法

当父组件数据变更时，会导致所有子孙组件全部重新渲染，造成大量的性能损耗。此时我们可以通过使用 `React.memo` 包裹组件，来达到性能优化。

在 React 中，只要组件的state数据有变更，当前组件就会重新渲染。state数据有3个组成部分：props、state、context，这些数据产生变更，我们就称使用这些数据的内容为可变部分。

你理解“在React中，一切都是组件”这句话。 组件是 React 应用 UI 的构建块。这些组件将整个 UI 分成小的独立并可重用的部分。每个组件彼此独立，而不会影响 UI 的其余部分。 约束性组件

使用HTML、CSS和 JS创建方向感知磁性悬停按钮，使扩展的圆圈在用户的光标移动到按钮区域内时跟随光标，从而创建出磁性效果，CSS提供视觉方面，而JS添加了动态，有趣的交互为界面添加了活泼的触感

各位掘金的小伙伴们大家好呀！秋招两个多月，我终于也收获了一个中厂的offer。辅导员希望我给低年级的师弟师妹分享一下学习过程和求职的经验。于是有下面的内容，比较适合还在大一到大三阶段的小伙伴。