weibalangzi

富文本编辑器相信大家都用过，相关的开源项目也很多，虽然具体的实现不一样，但是大部分都是使用DOM实现的，但其实还有一种实现方式，那就是使用HTML5的canvas，本文会带大家使用canvas简单实现

MobX 是一个专注于状态管理的库，在 React 世界的流行程度仅次于拥有官方背景的 Redux。但 MobX 有自己独特的优势，它通过运用透明的函数式响应编程使状态管理变得简单、高效、自由。

现在前端花样越来越多了，今天我要谈的并不是什么新奇的东西了，自动化构建部署嘛，如果你是一个 Javaer 或者 运维同学，对于 Jenkins 之类的自动化部署肯定不陌生。不过也提到过了，作为一个前端，特别是业务驱动的开发来说，平时肯定是很少接触这些东西的。笔者也是最近才打算前…

通常情况下，HTML 中的图片资源会自上而下依次加载，而部分图片只有在用户向下滚动页面的场景下才能被看见，否则这部分图片的流量就白白浪费了。 所以，对于那些含有大量图片资源的网站，会采用“按需加载”的方式，也就是当图片资源出现在视口区域内，才会被加载，这样可能会影响一丢丢用户体…

当用JavaScript来工作的时候，我们需要处理很多的条件判断，这里有五个小技巧能帮助你写出更好/更清晰的条件语句。 1. 多重判断中使用Array.includes 乍一看，上面的例子看起来还可以哦。但是，如果添加更多的红色的水果，比如cherry和cranberries，…

由于Javascript在2018年仍然是最受欢迎和最广泛使用的编程语言，因此使得它的生态系统得到了更好的扩展。 尽管如此，Javascript的小型“标准库”仍然会保持这种状态。为填补这一空白，许多流行的实用程序库在过去几年中在GitHub上发展壮大。以下是有用且高度维护的库…

本文介绍了如何在 Create React App 脚手架中使用 CSS Modules 的两种方式。 此时 Button 组件的背景颜色是红色，但是字体颜色却不是红色，因为使用了 Css Modules 之后，普通的 css 样式就不起效果了，需要用全局的方式编写才可以(:g…

做前端已经有很长一段时间了，不知道大家是否和我有同样的感受，在一些 Web 应用中表单处理起来比其他功能模块都麻烦，很多体力活，往往在数据的校验会很费时间。 为了能够把这部分代码更有条理,我们把数据校验部分通过 Schema 预先定义一个数据模型，把数据扔进去，返回校验结果。 …

在 WarriorJS 中，你穿着勇士般的盔甲，爬上一座高塔，到达顶端的 JavaScript 之剑。传说持剑者因为使用 JavaScript 语言变得豁然开朗，但是要注意的是: 这个过程并不容易。在每层楼上，你需要编写 JavaScript 来指导战士与敌人战斗，拯救俘虏，活…