笔记总结

给各位大佬泡上一杯82年的卡布奇诺，细细品味。 优点： if else 最为常见，是所有程序员最熟悉判断语句，可以包含复杂条件。 缺点： 逻辑过多就会变得非常冗长难以理解。 优点： 多种平行条件下更加简洁直观，可跳出，性能更优。 缺点： 同条件的逻辑过多就会变得像裹脚布，嵌套以…

通过es6新增class的属性创建的组件此组件创建简单. React 16.3版本后，使用此方法来创建ref。将其赋值给一个变量，通过ref挂载在dom节点或组件上，该ref的current属性,将能拿到dom节点或组件的实例 子组件通过React.forwardRef来创建，…

团队中每个开发人员的水平不同，技术关注点不同，如果没有一份代码规范的参照和约束，那么项目中的代码将会风格迥异，难以维护，为保证代码质量和风格统一，特此拟定一份《团队React 代码规范》，这样整个团队的开发人员可以参照这份代码规范进行编码，从而让团队的代码风格统一，利于维护。如…

本文只介绍函数式组件特有的性能优化方式，类组件和函数式组件都有的不介绍，比如 key 的使用。另外本文不详细的介绍 API 的使用，后面也许会写，其实想用好 hooks 还是蛮难的。 有过 React 函数式组件的实践，并且对 hooks 有过实践，对 useState、use…

1. 背景 最近和部门老大，一起在研究团队【EFT - 前端新手村】的建设，目的在于：帮助新人快速了解和融入公司团队，帮助零基础新人学习和入门前端开发并且达到公司业务开发水平。 2. 文章概要 我将从最基础的【项目初始化】开始介绍，到【处理 CSS / JS / 图片】，到【热…

跨域技术（上）包括 同源策略及其限制，什么是跨域，图像Ping、JSONP、CORS、WebSocket 等跨域技术。 协议，域名，端口号有一个不同就是跨域。 <script src="..."></script> | 标签嵌入跨域脚本。 <link rel="styleshe…

返回新对象。 简单版深拷贝，列举三个例子 array object function，可以自行扩展。主要是引发大家的思考 鄙人公众号【前端技匠】，一起来学习吧。

本文将提供一种前端SKU算法的实现思路，这可能并不是最佳的实现方式，但可以为没有思路的小伙伴提供一种解决方案。 对于SPU与SKU概念还不了解的小伙伴，请先移步认识SKU与SPU了解一下大致概念，本文便不再详述。 对于前端来说，如果没真的做过SKU，可能并不会了解到它的复杂之处…

在我们的日常开发工作中，文本溢出截断省略是很常见的一种需考虑的业务场景细节。看上去 “稀松平常” ，但在实现上却有不同的区分，是单行截断还是多行截断？多行的截断判断是基于行数还是基于高度？这些问题之下，都有哪些实现方案？他们之间的差异性和场景适应性又是如何？凡事就怕较真，较真必…