很多同学用react开发的时候，真正用到的React的api少之又少，基本停留在Component,React.memo等层面,实际react源码中，暴露出来的方法并不少，只是我们平时很少用。但是Re

在实际 Web 开发过程中，总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式，就是一种在活动充值页非常普遍的优惠券效果，如下 首先，碰到这类布局的最佳实现肯定是mask遮罩。关于遮罩，可以看一下CSS3 Mask 安利报告。这里简单介绍一下 这里的遮罩图…

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

自从react16.8，react-hooks诞生以来，在工作中一直使用hooks，一年多的时间里，接触的react项目，渐渐使用function无状态组件代替了classs声明的有状态组件，期间也总结了一些心得。尤其对于近期三个月的项目里，一点点用自定义hooks来处理公司项…

本文会介绍如何写一个可拖拽日历组件，偏重点在于日历组件的功能挖掘以及对于开发过程的一些思考，编码部分会介绍核心部分的实现。代码在最后也会放出来给大家。 要做一个可拖拽日历组件，先得去看一圈市场上已有的日历组件做成什么样了。主要是为了收集功能以及避免重复造轮子。我调研了googl…

当我们在一个 team 中开发的时候，每个人的本地环境都是有所不同的，比如 node 版本，windows 系统和 Mac 有所区别等等，Jenkins 就可以解决这个问题。Jenkins 就相当于大家的一个统一环境，不会有所差异。 另外，我们平时在部署的之前需要 npm ru…

上面的代码的效果是，当我们输入firstName后，wacth监听每次修改变化的新值，然后计算输出fullName。 这里 watch 的一个特点是，最初绑定的时候是不会执行的，要等到 firstName 改变时才执行监听计算。那我们想要一开始就让他最初绑定的时候就执行改怎么办…

本文介绍三个非常棒棒的CSS技巧，完全可以在你的项目中代替JavaScript，一起来看看这些技巧吧。 1. :active伪类与CSS数据上报 此时，当点击按钮的时候，相关行为数据就会上报给服务器，这种上报就算把JavaScript禁用掉也无法阻止，方便快捷，特别适合A/B测…

微前端是每一位高级前端工程师都应该了解的解决方案。笔者将理论、应用与实践相结合，将开发与生产相结合，旨在减少小伙伴儿们采坑微前端遇到的困难。 强烈推荐未实践过的同学跟着本文的Demo动手写一遍，以加深理解和记忆。 近几年，前端技术飞速发展，达到了前所未有的繁荣景象，前端生态生机…