前端小黑

React Hooks 作为 React 的重要补充，它使函数组件能够以新的方式编写、重用和共享 React 代码。

我们都知道，JavaScript 是一门非常灵活的编程语言，这种灵活性一方面使得它成为最受欢迎的编程语言，另一方面也使得它的代码质量参差不齐，维护成本高，运行时错误多。

该需求涉及到许多零散的知识点，遂以此文做总结记录，下面将介绍思路和具体的实现代码。 通过设置其 multiple 属性和 accept 属性可以使得 input 标签支持多选和仅支持选择 gif、jpg/jpeg 和 png 类型的文件。 当点击标签时，则可以从文件系统中选择照…

在 web 页面中，如果需要改变多个元素的位置，可以通过元素拖动来实现。HTML5中加入了一个全局属性draggable，通过设置该属性的值为 true/false 来控制元素是否可拖动。需要注意的是： 链接和图片默认是可拖动的，可以通过将 draggable 设置为false…

实现 React 项目国际化，不得不提在业界中较受欢迎的库：react-intl，它是雅虎的语言国际化开源项目 formatjs 的一部分，通过其提供的组件和 api 可以在 React 项目中实现多语言支持。 只能应用于视图层，仅支持在jsx文件的内容（即React.Comp…

前阵子报了前端早早聊「前端女生职业发展专场」，想着端午假期最后一天给自己充充电 🔋。 一天课程听下来，感觉收获还是挺多的，写下本文做个记录。 1. 如何从前端小白到带团队的技术小牛 面临：从校园到职场的转变，企业使用的技术栈和自学的有较大的差异，未经历过大型项目，缺乏多人沟通…

在每个项目的根目录下面，一般都会有一个 package.json 文件，其定义了运行项目所需要的各种依赖和项目的配置信息（如名称、版本、许可证等元数据）。 使用scripts字段指定运行脚本命令的 npm 命令行缩写。 其实，package.json 的作用远不止于此，我们可以…

结果均是以失败告终（不符合业务需求，改造难度大）。 调整一下心情，重新踏上甘特图组件调研之路 🤕，终于，被我发现了 Top 5 : Best free jQuery and JavaScript Dynamic Gantt Charts for web application…

前阵子通过 前端水印生成方案(网页水印+图片水印) 这篇文章学习了一下水印的生成方案，对其中使用 Canvas 实现网页水印的方案十分感兴趣，于是对相关代码加以修改，实现了一个 React 水印组件并发布到 👉 npm。 该组件是通过 Canvas 生成水印，并使用 Muta…

作为前端小白中的一员，没接触过 React 高阶组件，首次看到这个名字时不明觉厉 😱，甚至有种“从入门到放弃”的想法。 然 🦢，通过深入学习后发现它实际上是一个概念十分简单，但却非常常用的东西。它的作用是能实现代码复用和逻辑抽象、对 state 和 props 进行抽象和操…